锘縝ody { font: 12px/140% Arial,"榛戜綋","瀹嬩綋",Helvetica, sans-serif,Verdana; color: #5a5a5a; margin: 0; background: #FFF; padding:0px; } .clear{ clear:both;} a:hover{text-decoration:none;} .headcon{ } .color_313131{ color:#313131} h3 { display: inline-block; padding: 10px; background: #b9121b; border-top-left-radius: 10px; border-top-right-radius: 10px; } .full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; /*if you don't want the indicators or/and the controls*/ /*.carousel-indicators, .carousel-control { display: none; }*/ } .topcon{ background:#f6f6f6; border-bottom:1px solid #dcdcdc; padding:5px 0px;} .logocon{ padding-top:20px; padding-bottom:10px; padding-left:5%; padding-right:5%; background:#f5f5f5;box-shadow: 0px 1px 1px 2px #aaa } .input-control{ background:#e8e8e8 url(../images/searchicon.png) no-repeat left center; height:21px; line-height:21px; border:0px;border-radius:0px; width:200px; padding:0px 25px; margin-top:0px; font-size:12px;} .row-flex{display: flex; } .row-flex-cell{flex: 1;text-align: center;} .navbar_new{ padding:10px 0px; background:url(../images/menubg.jpg) repeat-x center top;box-shadow: 0px 1px 3px 2px #aaa; margin-bottom:7px; } .nav_news_css{ height:50px;} .topicon{ display:inline-block; margin-left:2px;} .topmenu{ padding:0px 5%;} .topmenu img{ max-width:100%;} .navbar_new .nav-justified>li>a{ padding:38px 0px; color:#25364a; font-size:16px; font-weight:bold; text-align:left;} .navbar_new .nav-justified>li>a:hover { color:#3283c0;background-color:transparent;} .navbar_new .nav-justified>li.open>a:hover {color:#3283c0;background-color:transparent;} .navbar_new .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color:#3283c0; background-color:transparent; } .navbar_new .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; color:#3283c0; background-color:transparent; } .navbar_new .dropdown-menu { background:rgba(37,54,74,.7); border: 0px solid rgba(0,0,0,.15); margin-top:0px; box-shadow: 0 1px 1px rgba(255,255,255,.175); border-radius: 0px; padding:10px 0px; min-width:310px; } #topmenunva>li{ display:inline-block; width:auto; margin-left:calc((100% - 535px)/6);} .middle { float: none !important; display: inline-block !important; vertical-align: middle !important; } .dropdown-menu>li>a { display: block; margin:5px auto; padding:0px; clear: both; font-weight: 400; line-height: 35px; height:35px; color: #fff; white-space: nowrap; text-align:center; text-align:left; padding:0px 15px; font-weight:bold; font-size:14px; /*text-transform:uppercase;*/ } .dropdown-menu>li>a.lower{ font-size:14px; font-weight:normal;} .myCarousel{ margin-top:0px;} .dropdown-menu>li>a:hover { background:#fff; border-radius:0px; color:#3283c0; } .dropdown-menu>li>a.lower span{display:block; width:4px; height:4px; background:#fff;border-radius:4px; float:left; margin-top:15px; margin-right:5px;} .dropdown-menu>li>a:hover span{background:#3283c0;} .dropdown-menu>li>a.lower em{display:block; float:left; margin-top:0px; margin-right:5px; text-align:left;} .dropdown-menu>li.lower_three{ display:none;} .navbar_new_mobile{box-shadow: 0px 1px 3px 2px #aaa;margin-bottom: 7px;} .navbar_new_mobile a{ font-size:16px;} .indexbanner{box-shadow: 0px 3px 3px 0px #aaa; margin-bottom:7px;} .carousel-indicators li { display: inline-block; width: 50px; height: 5px; margin: 5px; text-indent: -999px; cursor: pointer; background-color: #ffffff; background-color: rgba(255,255,255,1); border: 0px solid #fff; border-radius: 0px; } .carousel-indicators .active { width: 50px; height: 5px; margin: 5px; background-color: #3283c0; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: 0; } .carousel-inner .item{ padding:0px; width:100%;} .carousel-inner a{ display:block; margin:0px; border:0px; width:100%;} .carousel-inner img{ width:100%; display:block;} .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 100%; } /*.aboutmenu{ height:50px; line-height:50px; background:#072842; padding:0px 10%;box-shadow:0px 2px 2px #000}*/ .aboutmenu{ height:auto; line-height:50px; background:#fff; padding:0px 0px;box-shadow:0px 1px 3px 2px #aaa;} .aboutmenu_con{ width:80%; margin:0 auto;} .aboutmenu .nav-justified>li{ display:block; float:left; width:auto; margin-right:50px;} .aboutmenu .nav-justified>li>a{ padding:0px 0px; color:#000; font-size:14px; font-weight:bold; text-align:left;} .aboutmenu .nav-justified>li>a>span{ display:inline-block; height:30px; line-height:30px;} .aboutmenu .nav-justified>li>a:hover { color:#3283c0;background-color:transparent;} .aboutmenu .nav-justified>li>a:hover span{border-bottom:0px solid #3283c0;} .aboutmenu .nav-justified>li.open>a:hover {color:#3283c0;background-color:transparent;} .aboutmenu .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color:#3283c0; background-color:transparent; } .aboutmenu .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; color:#3283c0; background-color:transparent; } .aboutmenu .nav-justified>li>a.on{color:#3283c0;} .aboutmenu .nav-justified>li>a.on span{border-bottom:0px solid #3283c0;} .aboutcontent{ padding:30px 10%; line-height:30px; font-size:14px; color:#333;} .aboutcontent img{ max-width:100%;} .aboutcontent p{ margin-bottom:0px;} .wp-pager_link { clear: both; height: 25px; } .wp-pager_link a,.wp-pager_link span { color: #5a5a5a; font-size:12px; border: 1px solid #D5D5D5; display: inline-block; padding: 0px 3px; height: 20px; line-height: 20px; margin: 0 2px; } .wp-pager_link span.curlink { border: medium none transparent; color: #3283c0; } .aboutcontent_the{padding:30px 10%;} .aboutlist_item{ margin-bottom:10px; border-bottom: 1px solid #eeeeee; padding-bottom:5px;} .aboutlist_item a{ display:block;} .aboutlist_item a .aboutlist_item_title{font-size: 16px; color: #222222;font-weight: normal;text-decoration: none;line-height: 20px; padding:5px 0px;} .aboutlist_item a .aboutlist_item_time{font-size: 12px;color: #aaaaaa; line-height:18px;} .aboutlist_item a .aboutlist_item_the{ font-size:12px;color: #888888; line-height:20px;} .aboutlist_item a:hover{text-decoration:none;} .aboutlist_item a:hover .aboutlist_item_title{ text-decoration:none; color:#3283c0 } .aboutcontent_the_title{ line-height:24px; color:#333; font-size:18px; font-weight:bold; text-align:center; padding:15px 0px;} .aboutcontent_the_time{font-size: 12px;color: #aaaaaa; line-height:18px; text-align:center;} .aboutcontent_the_content{ margin-top:10px; font-size:14px; line-height:30px;} .aboutcontent_the_content ul{ padding-left:15px; list-style-type:disc; } .aboutcontent_the_content img{ max-width:100%;} .aboutcontent_the_content p{ margin-bottom:0px;} .protitle{ margin:20px 0px;} .protype{ height:50px; line-height:50px; overflow:hidden; font-size:18px; font-weight:bold; color:#072842; margin-top:20px ;margin-bottom:0px;} .proitem{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #d7d7d7;} .proitem a{ display:block; font-size:14px; color:rgb(50, 131, 192);} .prolist{ width:100%;} .prolist .row { margin-right: -50px; margin-left: -50px; } .prolist .col-xs-6{ padding-right: 50px;padding-left: 50px;} .proimg img{ max-width:100%;} .procontentinfo{ font-size:14px; line-height:30px;} .procontentinfo ul{ padding-left:15px; list-style-type:disc; } .procontentinfo img{ max-width:100%;} .procontentinfo p{ margin-bottom:0px;} .indexsp{background:#e8e8e8; padding:30px 0px; text-align:center;margin-top:0px;box-shadow: 0px 3px 3px 0px #aaa; margin-bottom:7px;} .indexsp_con{ width:90%; margin:20px auto;} .indexsp_con img{ width:100%; height:280px; display:block; margin:0 auto;} .indexsp_con video{width:498px; height:280px; display:block; margin:0 auto; background:#000; float:right;} .companyevents{ background:#fff; padding:30px 0px; text-align:center;margin-top:7px;box-shadow: 0px 3px 3px 0px #aaa; margin-bottom:7px;} .companyevents_title{ height:70px; line-height:70px; font-size:30px; color:#25364a; font-weight:200; font-weight:500;} .companyevents_the{ line-height:45px; font-size:18px; color:#25364a; margin-left:50px; margin-top:0px;letter-spacing:0px;word-wrap:break-word;} .companyevents_en{height:45px; line-height:45px; font-size:25px; color:#25364a; font-weight:bold; margin-top:10px;} .companyevents_list{ background:url(../images/indexfzlc_line.jpg) no-repeat center center; background-size:100%; height:500px; padding:30px 0px; position:relative; overflow:hidden;} .companyevents_list_item{ position:absolute; border-left:1px solid #cccccc; text-align:left; width:18%; height:auto; display:none;} .companyevents_list_item_title{ height:40px; line-height:40px; font-size:25px; color:#25364a; font-weight:bold;} .companyevents_list_item_con{ line-height:20px; color:#605e5c; font-size:14px; max-height:120px; overflow:hidden;word-wrap:break-word;} .companyevents_list_item_1{ left:30px; bottom:249px} .companyevents_list_item_0{left:160px; top:252px} .companyevents_list_item_1 .companyevents_list_item_con{ margin-bottom:50px;} .companyevents_list_item_0 .companyevents_list_item_title{ margin-top:50px;} .companyevents_list_item_c{ position:relative;padding:0px 0px 20px 20px; width:85%; } .companyevents_list_item_c_t{transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;} .companyevents_list_item:hover .companyevents_list_item_c_t_1{transform:translateY(-30px)} .companyevents_list_item:hover .companyevents_list_item_c_t_0{transform:translateY(30px)} .companyevents_list_item_c em{ position:absolute;} .companyevents_list_item_1 em{ display:block; background:#cccccc; width:4px; height:4px; border-radius:4px; position:absolute; left:-2px; top:0px;} .companyevents_list_item_0 em{ display:block; background:#cccccc; width:4px; height:4px; border-radius:4px; position:absolute; left:-2px; bottom:0px;} .companyevents_list_item_c_prev{ position:absolute; bottom:0px; right:70px; cursor:pointer;} .companyevents_list_item_c_next{ position:absolute; bottom:0px; right:20px; cursor:pointer;} .indexpro{ width:100%;} .indexpro_item{ width:50%; position:relative; margin-bottom:10px;box-shadow: 0px 1px 2px 2px #aaa; overflow:hidden; float:left;} .indexpro_item img{ width:100%;transition: all 0.6s;} .indexpro_item:hover img{transform: scale(1.2);} .indexpro_item_bg{ height:400px;} .indexpro_item_con{ position:absolute; top:40%; text-align:left;} .indexpro_item_con_right{ right:10%;} .indexpro_item_con_left{ left:10%;} .indexpro_item_con_title{ height:40px; line-height:40px; font-size:40px; color:#fff; overflow:hidden;} .indexpro_item_con_more{ margin-top:30px;} .indexpro_item_con_more a{ display:block; width:130px; height:35px; line-height:35px; text-align:center; background:#48a1d7; color:#fff; font-size:16px;letter-spacing:2px} .footcon{ background:#25364a; padding:50px 0%; text-align:center;} .footcon_{ display:block; padding:0 5%;} .footcon a{color: #fff;font-size: 14px;font-weight: bold; height:30px; line-height:30px; overflow:hidden; width:100%;} .footcon_item{ display: inline-block; float:left;margin:0px calc((100% - 480px)/12);} .footcon_item:first-child{ } .footcon_lower a{ display:block;height:30px; line-height:30px; font-weight:normal;} .footcon a:hover{ color:#3283c0;} .prolist .col-md-6 { padding-right: 50px; padding-left: 50px; } .aboutcontent_top_news { /* box-shadow: 0px 0px 0px 0px #999; */ /* box-shadow: 10px 5px 0px 0px #999; */ /* box-shadow: -10px -5px 0px 0px #999; */ /* box-shadow: 10px 10px 10px 0px #999; */ box-shadow: 0px 0px 8px 8px #ddd; } .aboutcontent_top_news_img{ margin:30px;} .aboutcontent_top_news_img img{ width:100%;} .aboutcontent_top_news_con{margin:30px 30px 30px 0px; position:relative; height:calc(100% - 60px); overflow:hidden;} .aboutcontent_top_news_con_txt{ position:absolute; left:0px; top:0px; width:100%;} .aboutcontent_top_news_con_titile{ color:#072842; font-size:20px; font-weight:bold; line-height:25px;} .aboutcontent_top_news_con_the{ line-height:25px; font-size:14px; color:#072842; margin-top:15px; word-wrap:break-word; } .aboutcontent_top_news_con_icon{line-height:25px; font-size:14px; color:#717171; position:absolute; bottom:0px; left:0px; text-align:right; width:100%; background:#fff; padding-top:25px;} .aboutcontent_top_news_con_icon img{ width:14px; margin-left:5px;} .aboutcontent_top_news_con_icon a{color:#717171;} .aboutcontent_top_news_con_icon a:hover{ color:#3283c0;} .newslistline{ background:#717171; height:1px; width:100%; margin:60px 0px; margin-bottom:30px;} .aboutcontent_news_con_item{ position:relative; height:100%; margin-bottom:30px; } .aboutcontent_news_con_item_img{height:250px; overflow:hidden; text-align:center;} .aboutcontent_news_con_item_img img{width:100%;} .aboutcontent_news_con_item_time{ line-height:20px; color:#717171; font-size:12px; margin:5px 0px;} .aboutcontent_news_con_item_title{ line-height:20px; color:#072842; font-size:16px; height:40px; overflow:hidden;} .aboutcontent_news_con_item_the{line-height:18px; color:#717171; font-size:12px; margin-top:8px; word-wrap:break-word; height:90px; overflow:hidden; } .aboutcontent_news_con_item_icon{line-height:20px; font-size:14px; color:#717171; text-align:right; width:100%; background:#fff; margin-top:20px;} .aboutcontent_news_con_item_icon img{ width:14px; margin-left:5px;} .aboutcontent_news_con_item_icon a{color:#717171;} .aboutcontent_news_con_item_icon a:hover{ color:#3283c0;} .zzjgthe{ margin-bottom:30px;} .zzjgthe_table{ background:#949494; padding-left:10px; padding-right:10px;} .zzjgthe_table_name{ float:left; width:33%; text-align:left; color:#fff; font-size:16px; line-height:40px;} .zzjgthe_table_name span{ display:block; margin-left:10px;} .zzjgthe_table_wt{background:#fff; padding-left:10px; padding-right:10px; border-bottom:1px solid #acacac;} .zzjgthe_table_name_wt{float:left; width:33%; text-align:left; color:#717171; font-size:14px; line-height:40px;} .zzjgthe_table_name_wt span{ display:block; margin-left:10px;} .zzjgthe_table_wt_txt{padding-left:10px; background:#ededed; padding-bottom:10px; display:none;} .zzjgthe_table_wt_txt_item{ float:left; padding-left:10px;} .zzjgthe_table_wt_txt_item_one{ width:40%;} .zzjgthe_table_wt_txt_item_two{ width:60%;} .zzjgthe_table_wt_txt_item_title{ font-size:16px; font-weight:bold; color:#072842; line-height:40px;} .zzjgthe_table_wt_txt_item_con{ line-height:25px;font-size:14px; color:#3b3b3b;} .telitem{ width:90%; margin:0 auto;margin-top:60px;} .telitemtitle{ font-size:22px; color:#072842; float:left; width:250px; text-align:center;} .telitemcontent{ float:left; width:calc(100% - 250px);} .telmessagecontent_title{ font-size:16px; color:#062843; font-weight:bold; line-height:40px; line-height:40px; margin-top:10px;} .telmessagecontent_title span{ color:#ff0000;} .telmessagecontent_the span{ display:block; float:left; margin-right:20px;} .telmessagecontent_the span input{ background:#dadada; height:30px; line-height:30px; border:0px; border-radius:10px; padding:0px 10px;} .telmessagecontent_the span textarea{ background:#dadada; line-height:30px; border:0px; border-radius:10px; padding:0px 10px;} .telmessagecontent_btn{ margin-top:40px;} .telmessagecontent_btn input{ background:#062843; height:50px; line-height:50px; text-align:center; width:100px; color:#fff; font-size:18px; border:0px;} .aboutcontent_news_con_mar{ margin-left:-20px;margin-right:-20px;} @media (max-width: 750px) { .carousel-indicators { position: absolute; bottom: 4px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; margin-bottom:0px; } .carousel-indicators li { display: inline-block; width: 20px; height: 4px; margin: 0px 4px; text-indent: -999px; cursor: pointer; background-color: #ffffff; background-color: rgba(255,255,255,1); border: 0px solid #fff; border-radius: 0px; } .carousel-indicators .active { width: 20px; height: 4px; margin: 0px 4px; background-color: #3283c0; } .indexsp_con video{width:100%; height:200px; display:block; margin:0 auto; background:#000; float:right;} .companyevents_the{ line-height:35px; font-size:16px; color:#25364a; margin-left:0px; margin-top:10px;letter-spacing:0px;word-wrap:break-word; text-align:center;} .companyevents_list_item{width:48%;} .indexpro_item{ width:100%;} .prolist .row{margin-right: 0px;margin-left: 0px;} .nav_news_css{ height:auto;} .aboutcontent_the {padding: 15px 15px;} .prolist .col-md-6 { padding-right: 15px; padding-left: 15px; } .aboutcontent_top_news_con{margin:0px 30px 30px 30px; position:relative; height:auto; overflow:hidden;} .aboutcontent_top_news_con_txt{ position:static; left:0px; top:0px; width:100%;} .row-flex-mobile{ display:block;} .aboutmenu_con{ width:90%;} .aboutcontent { padding: 10px 30px; } .aboutmenu{ display:none;} .aboutmenu .nav-justified>li { margin-right: 20px; } .telitem { width: 96%; margin: 0 auto; margin-bottom:30px; } .telcontent { width: 100%; padding: 10px 0px; margin: 0 auto; } .telitemtitle{ font-size:18px; color:#072842; float:none; width:100%; margin-bottom:10px; text-align:left;color:#072842;font-size:16px;} .telitemcontent{ float:none; width:100%;} .telmessagecontent_the_lang span{ width:100%;} .telmessagecontent_the_lang span input{width:100%;} .telmessagecontent_the_lang textarea{width:100%;} .aboutcontent_top_news_con_titile { color: #072842; font-size: 16px; font-weight: bold; line-height: 25px; max-height:50px; overflow:hidden; } .aboutcontent_top_news_img { max-height:200px; overflow:hidden; } .telmessagecontent_title{ font-size:14px; color:#062843; font-weight:bold; line-height:40px; line-height:40px; margin-top:10px;} .dropdown-menu>li>a.lower span { display: block; width: 4px; height: 4px; background: #777; border-radius: 4px; float: left; margin-top: 8px; margin-right: 5px; } .aboutcontent_top_news_con_the { line-height: 25px; font-size: 14px; color: #072842; margin-top: 0px; word-wrap: break-word; max-height: 125px; } .navbar_new_mobile .navbar-collapse { max-height: 500px; overflow-y: auto; } .aboutcontent_news_con .aboutcontent_news_con_mar{margin-left:-20px;margin-right:-20px;width: 100%; margin: 0 auto;} .aboutcontent_news_con .col-xs-12:nth-child(odd){background:#F4F4F4;} .aboutcontent_news_con .aboutcontent_news_con_item{ padding-top:30px;} .aboutcontent_news_con_item_title{ height:auto;} .zzjgthe_table_wt_txt_item_one{ width:100%;} .zzjgthe_table_wt_txt_item_two{ width:100%;} }