@charset "utf-8"; /* CSS Document */ .wap{ width:100%; position:relative; /* font-family:"Microsoft YaHei","寰蒋闆呴粦" !important;*/ font-family:Arial, Helvetica, sans-serif; } body{ position:relative; font-family:'寰蒋闆呴粦'; } /** header **/ /** header **/ .header{ width:100%; margin:0 auto; background:#fff; border-bottom:1px solid #dedede; position:fixed; left:0; top:0; z-index:9999; } /*.header_on:before{ width:100%; height:100%; background:#000; content:''; position:fixed; top:0; left:0; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; -webkit-opacity:0.3; z-index:99; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }*/ /*.header_on1:before{ width:100%; height:93px; background:#000; content:''; position:absolute; top:0; left:0; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; -webkit-opacity:0.3; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); } */ .menu{ float:left; border-right:1px solid #dedede; padding:13px; } .menu_test{ float:left; padding-left:50px; } .menu_test>ul{ margin-bottom:0; position:relative; } .menu_test li{ float:left; line-height:90px; font-family:"寰蒋闆呴粦"; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; position:relative; } .menu_test li a{ color:#000; text-decoration:none; } .menu_test li>a{ display:inline-block; padding-left:28px; padding-right:28px; position:relative; z-index:2; font-size:16px; } .eron_on:before{ width:100%; height:70px; position:absolute; left:0; bottom:0; z-index:-1; content:''; background:#fff !important; } .eron_on:after{ width:100%; height:6px; position:absolute; left:0; top:20px; z-index:-1; content:''; background:#c7261e !important; } .erjinav{ width:100%; position:absolute; top:90px; z-index:999; background:#FFF; padding:10px 0; display:none; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } @media(max-width:1199px){ .menu_test li>a{ float:left; padding-left:9px !important; padding-right:9px !important; line-height:90px; font-size:13px; } .menu_test { float: left; padding-left: 20px; } .erjinavn h5{ padding-left:20px !important; } .logo a img{ width:150px !important; } .logo { margin: 35px 0 30px 15px !important; } } @media(min-width:1200px) and (max-width:1449px){ .main_box4 .sec7{ top:0 !important;} .menu_test li>a{ float:left; padding-left:8px !important; padding-right:8px !important; line-height:90px; font-size:15px; } .menu_test { float: left; padding-left:20px; } .erjinavn h5{ padding-left:25px !important; } .logo a img{ width:180px !important; } .logo { margin: 30px 0 20px 20px !important; } } @media(min-width:1450px) and (max-width:1690px){ .menu_test li>a{ float:left; padding-left:16px !important; padding-right:16px !important; line-height:90px; } .menu_test { float: left; padding-left:30px; } .erjinavn h5{ padding-left:30px !important; } .logo a img{ width:250px !important; } .logo { margin: 25px 0 20px 30px !important; } } @media (max-width: 767px) { .logo img{ width:120px !important; } .logo{ margin:12px 0 12px 15px !important; } .news_hide { display: none!important; } } @media (min-width: 768px) and (max-width: 991px){ } @media (min-width: 768px) { } @media (min-width: 992px) { .erjinav1{ width:100%; } .erjinav2{ width:100%; } .erjinav3{ width:100%; } .erjinav{ left:-150px; } .erjinavn .erjinav1{ width:100%; } .erjinavn .erjinav2{ width:100%; } .erjinavn .erjinav3{ width:100%; } } @media (min-width: 1200px) { .erjinav1{ width:100%; } .erjinav2{ width:100%; } .erjinav3{ width:100%; } .erjinav{ left:-150px; } .erjinavn .erjinav1{ width:100%; } .erjinavn .erjinav2{ width:100%; } .erjinavn .erjinav3{ width:100%; } } @media (min-width: 1400px) { .erjinav1{ width:100%; } .erjinav2{ width:100%; } .erjinav3{ width:100%; } .erjinav{ left:0px; } .erjinavn .erjinav1{ width:100%; } .erjinavn .erjinav2{ width:100%; } .erjinavn .erjinav3{ width:100%; text-align:left; } } .erjinavn{ left:0px !important; } .erjinav_list1{ float:left!important; padding:5px 0; border-right:1px solid #ccc; } .erjinav_list1>img{ padding:10px; padding-bottom:0; padding-top:5px; } .erjinav_list2{ float:left!important; padding:5px 0; border-right:1px solid #ccc; } .erjinav_list3{ float:left!important; padding:5px 0; border-right:1px solid #ccc; } .erjinav_list1 h5{ margin:0; font-size:13px; line-height:25px; letter-spacing:1px; padding:0 35px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .erjinav_list1 h5 i{ padding:0 5px; font-size:15px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .erjinav_list1 h5:hover{ background:#c7261e; color:#FFF; } .erjinav_list1 h5:hover i{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .erjinav_list1 p{ font-size:13px; line-height:22px; margin-bottom:0; padding:0 10px; color:#999; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .erjinav_list1 p i{ padding:0 5px; font-size:15px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .erjinav_list1 p:hover{ background:#c7261e; color:#FFF; } .erjinav_list1 p:hover i{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .erjinav_list2 h5{ margin:0; font-size:13px; line-height:25px; padding:0 35px; letter-spacing:1px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .erjinav_list2 h5 i{ padding:0 5px; font-size:15px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .erjinav_list2 h5:hover{ background:#c7261e; color:#FFF; } .erjinav_list2 h5:hover i{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .erjinav_list2 p{ font-size:13px; line-height:22px; margin-bottom:0; padding:0 10px; color:#999; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .erjinav_list2 p i{ padding:0 5px; font-size:15px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .erjinav_list2 p:hover{ background:#c7261e; color:#FFF; } .erjinav_list2 p:hover i{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .erjinav_list3 h5{ margin:0; font-size:13px; line-height:25px; padding:0 35px; letter-spacing:1px; margin-bottom:10px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .erjinav_list3 h5 i{ padding:0 5px; font-size:15px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .erjinav_list3 h5:hover{ background:#c7261e; color:#FFF; } .erjinav_list3 h5:hover i{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .erjinav_list3 p{ font-size:13px; line-height:22px; margin-bottom:0; padding:0 10px; color:#999; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .erjinav_list3 p i{ padding:0 5px; font-size:15px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .erjinav_list3 p:hover{ background:#c7261e; color:#FFF; } .erjinav_list3 p:hover i{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .erjinav_con{ width:100%; background:#c7261e; padding:20px 100px; } .erjinav_con_list{ width:50%; float:left; } .erjinav_con_list1{ width:50%; float:left; padding:0 6%; } .erjinav_con_list2{ width:50%; float:left; padding:0 10px; } .erjinav_con_list2 h5{ font-size:13px; color:#FFF; line-height:25px; margin-top:0; margin-bottom:5px; } .erjinav_con_list2 p{ font-size:13px; color:#FFF; line-height:20px; margin-bottom:5px; } .erjinav_con_list2 a{ font-size:13px; color:#FFF !important; line-height:20px; } .erjinav_con_list2 a span{ display:inline-block; width:12px; height:12px; background:#fff; position:relative; top:4px; left:5px; color:#c7261e; text-align:center; } .erjinav_con_list2 a span i{ line-height:12px !important; position:relative; top:-4px; } .nav{ position:fixed; left:-40%; top:0; width:40%; height:600px; background:url(../images/bgbg2.png) left top repeat; /*background:#fff;*/ z-index:9999999; opacity:0; } .nav_inner{ color:#CCC; padding:50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:25%; } .nav_bg{ background:url(../images/bgbg.png) left top repeat; position:fixed; left:0; top:0; display:none; z-index:99999; } .logo{ float:left; margin:23px 0 20px 30px; } .search_box{ float:right; margin-right:5px; height:90px; } .search_search{ float:left; height:80px; width:300px; background:#eee; position:relative; opacity:0; } .search_top{ float:right; width:80px; height:80px; background:#999; color:#555958; text-align:center; margin-top:4px; } .search_top span{ float:right; line-height:80px; font-size:20px; width:80px; height:80px; cursor:pointer; } .search_top_con{ float:right; position:relative; } .search_top_cons{ position:absolute; top:26px; right:15px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .search_top_cons select{ font-family:"Microsoft YaHei","寰蒋闆呴粦"; line-height:25px; color:#999; border:1px solid #ccc; font-size:12px; letter-spacing:1px; padding:3px 10px; } .search_top_con input{ display:inline-block; width:200px; line-height:28px; padding:25px 10px; background:#f5f5f5; border:1px solid #999; border-right:none; width:0px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .search_top_cons button{ background:#c7261e; padding:10px 25px; border:none; color:#fff; float:left; } .search_top_con1{ position:absolute; top:-100px; left:0; width:100%; height:93px; background:#999; z-index:999999999999999999; } .search_top_cons input{ display:block; width:500px; line-height:28px; padding:5px 10px; background:#fff; border:1px solid #999; border-right:none; margin:auto; float:left; } .search_top_con1 .search_top_cons{ position:absolute; top:22.5px; left:39%; opacity:1; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .search_top_con1 .search_top_cons select{ font-family:"Microsoft YaHei","寰蒋闆呴粦"; line-height:38px; height:40px; color:#999; border:1px solid #ccc; font-size:12px; letter-spacing:1px; padding:5px 10px; opacity:1; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .search_top_con1 .search_s{ position:absolute; left:50%; margin-left:370px; top:28px; color:#fff; font-size:24px; } .search_top_con1 .search_close{ position:absolute; left:50%; margin-left:450px; top:23.5px; color:#c7261e; width:40px; height:40px; /* background:#c7261e; */ text-align:center; line-height:40px; font-size:20px; font-weight:bold; cursor:pointer; } .search_top_con1 .search_logo{ position:absolute; left:50%; margin-left:-520px; top:22px; } @media (min-width:992px) and (max-width:1100px) { .search_top_con1 .search_logo{ width:200px !important; position:absolute; left:50%; margin-left:-470px; top:25px; } } .search_contact{ float:right; } .search_contact span{ line-height:90px; display:inline-block; padding:0 10px; color:#999; font-size:16px; cursor:pointer; position:relative; } @media (min-width:992px) and (max-width:1200px) { .search_contact span{ padding:0 2px; } } .lan_four{ position:absolute; bottom:-84px; left:50%; margin-left:-90px; width:190px; background:#fff; border: 1px solid #f5f5f5; box-shadow: 0 6px 8px rgba(0, 0, 0, .2); z-index:99999999999999999; padding:20px 35px; border-radius:2px; display:none; } /*.search_contact span:hover .lan_four{*/ /*display:block;*/ /*}*/ .search_contact span .lan_four a { font-size: 13px; color: #999; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .search_contact span .lan_four a:hover{ color: #c7261e; margin-left:3px; } .lan_four li{ line-height:25px !important; } .search_contact span i{ width:25px; height:25px; border:1px solid #999; line-height:25px; border-radius:100%; text-align:center; margin-right:10px; } .search_contact span a{ font-size:16px; color:#999; } .weixin{ position:absolute; top:60px; left:-60px; display:none; } /** / header **/ /** banner **/ .banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; margin-top:90px; } @media (max-width: 767px) { .banner{ margin-top:-12px; } .heard{ width:100%; height:60px!important; } .lang{ float:right; } .search_cont{ float:right; position:relative; } .lan_xp{ position:absolute; top:0px; left:50%; margin-left:-90px; width:190px; background:#fff; border: 1px solid #f5f5f5; box-shadow: 0 6px 8px rgba(0, 0, 0, .2); z-index:99999999999999999; padding:20px 35px; border-radius:2px; display:none; } .search_cont span:hover .lan_xp{ display:block; } .search_cont span .lan_xp a { font-size: 13px; color: #999; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .search_cont span .lan_xp a:hover{ color: #c7261e; margin-left:3px; } .lan_xp li{ line-height:25px !important; } .search_cont span i{ width:25px; height:25px; border:1px solid #999; line-height:25px; border-radius:100%; text-align:center; margin-right:10px; } .search_cont span a{ font-size:16px; color:#999; } } banner_list{ padding:0; margin:0; width:100%; height:100%; position:absolute; top:0; left:0; z-index:5; } .banner_list>li{ width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover !important; } .bli1{ background:url(../images/banner1.jpg) center no-repeat; display:block; -webkit-background-size: cover; -o-background-size: cover; } .bli2{ background:url(../images/banner2.jpg) center no-repeat; display:none; -webkit-background-size: cover; -o-background-size: cover; } .bli3{ background:url(../images/banner3.jpg) center no-repeat; display:none; -webkit-background-size: cover; -o-background-size: cover; } .bli4{ background:url(../images/banner4.jpg) center no-repeat; display:none; -webkit-background-size: cover; -o-background-size: cover; } .bli5{ background:url(../images/banner5.jpg) center no-repeat; display:none; -webkit-background-size: cover; -o-background-size: cover; } @media (max-width: 991px) { .bli1{ background:url(../images/banner1_xp.jpg) center no-repeat; display:block; } .bli2{ background:url(../images/banner2_xp.jpg) center no-repeat; display:none; } .bli3{ background:url(../images/banner3_xp.jpg) center no-repeat; display:none; } .bli4{ background:url(../images/banner4_xp.jpg) center no-repeat; display:none; } .bli5{ background:url(../images/banner5_xp.jpg) center no-repeat; display:none; } } .banner_num{ padding:0; margin:0; width:260px; position:absolute; bottom:50px; left:50%; z-index:10; margin-left:-80px; } .banner_num>li{ width:14px; height:14px; border-radius:14px; background:#333; float:left; margin:0 8px; cursor:pointer; -webkit-transition:background 0.3s linear; -moz-transition:background 0.3s linear; -ms-transition:background 0.3s linear; -o-transition:background 0.3s linear; transition:background 0.3s linear; } .numon{ background:#c7261e !important; } .banner_next{ width:30px; height:50px; position:absolute; top:50%; right:30px; z-index:10; margin-top:-25px; cursor:pointer; } .banner_prev{ width:30px; height:50px; position:absolute; top:50%; left:30px; z-index:10; margin-top:-25px; cursor:pointer; } .banner_box{ position:absolute; right:15%; top:60%; width:300px; margin-right:-150px; } .banner_box>ul{ margin-bottom:0; } .banner_box li{ margin-right:18px; margin-top:18px; float:left; position:relative; -webkit-box-shadow:0 0 1px 0px rgba(114, 113, 114, .5); -moz-box-shadow:0 0 1px 0px rgba(114, 113, 114, .5)); box-shadow:0 0 1px 0px rgba(114, 113, 114, .5)); } .move_news{ position:absolute; left:0; top:0; padding:20px; padding-left:10px; font-size:13px; text-transform:uppercase; font-weight:bold; font-family:"寰蒋闆呴粦"; } .move_news p{ font-size:13px; font-style:normal; } .text_color{ color:#FFF; font-weight:bold; font-size:14px; text-align:center!important; padding-top:85px; padding-left:15px; width:100%; } .text_color2{ color:#666; font-weight:bold; font-size:13px; padding-left:16px; } .text_color3{ color:#FFF; font-weight:bold; } .text_color3 span{ font-size:13px; } .text_color4{ color:#000; font-weight:bold; font-size:13px; padding-left:19px; } /** fan **/ .fan{ -moz-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -webkit-transition: 1s ease; -moz-transition: 1s ease; transition: 1s ease; } .show-fan{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); -webkit-transition: 1s ease; -moz-transition: 1s ease; transition: 1s ease; } /** /fan **/ .banner_inner{ position:absolute; background:#fff; bottom:0; padding-bottom:20px; } @media (max-width: 767px) { .banner_inner{ width:200px!important; padding:20px!important; } } @media (min-width: 768px) and (max-width: 979px){ .banner_inner{ width:300px!important; padding:28px!important; left:2%!important; } } @media (min-width: 992px) { .banner_inner{ width:390px!important; padding:38px!important; left:6%!important; } } @media (min-width: 1200px) { .banner_inner{ width:490px!important; padding:48px!important; left:15%!important; } } @media (min-width: 1400px) { .banner_inner{ width:490px!important; padding:48px!important; left:17%!important; } } @media (min-width: 1500px) { .banner_inner{ width:490px!important; padding:48px!important; left:25%!important; } } .banner_inner h2{ text-transform:uppercase; font-family:"寰蒋闆呴粦"; margin-top:0; font-weight:normal; font-size:35px; color:#000; } .banner_inner p{ font-size:13px; line-height:21px; font-family:"寰蒋闆呴粦"; } /** / banner **/ /** sec2 **/ .sec2{ width:100%; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .sec2_list{ width:100%; padding:10px; background:#fff; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .sec2_list_img{ position:relative; z-index:2; } .sec2_list_img:before{ width:100%; height:100%; position:absolute; top:0; left:0; border:0px solid #c7261e; content:''; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .sec2_list:hover .sec2_list_img:before{ border:6px solid #c7261e; } .sec2_list_zi{ width:70%; background:#FFF; position:relative; z-index:2; margin-top:-30px; padding:10px 0; } .sec2_list_zi h5{ font-size:18px; color:#c7261e; margin:0; letter-spacing:1px; } .sec2_list_zi p{ font-size:15px; color:#999; line-height:20px; padding-top:10px; letter-spacing:1px; margin-bottom:0; } .sec2_list_zi p i{ padding-left:5px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .sec2_list:hover .sec2_list_zi p i{ padding-left:15px; } @media (max-width: 767px) { .sec2{ padding:30px 0; } } /** sec2 **/ /** content two **/ /** / content two **/ /** content three **/ .main_product{ width:100%; position:relative; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; padding:50px 0 30px 0; } .content_three{ width:100%; margin:0 auto; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .content_three_title{ } .content_three_title h5{ font-size:30px; margin-top:0; letter-spacing:1px; font-weight:bold; color:#555; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } @media (max-width: 767px) { .content_three_title h5{ font-size:20px; } .content_three_title{ z-index:222; position:relative; } .ind_pro{ z-index:22; position:relative; position:relative; } .prop_prev{ float:right; color:#555; font-weight:normal; font-size:14px; } .prop_next{ float:right; color:#555; font-weight:normal; font-size:14px; } .prop_next:hover,.prop_prev:hover{ color:#333; } } .content_three_title h5:hover{ color:#c7261e; } .content_three_title h5 span{ padding-left:20px; color:#c7261e; font-weight:600; letter-spacing:1px; cursor:pointer; } .content_three_title h5 span i{ padding-right:15px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .jiantou{ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .content_three_list{ background:#dcdcdc; padding:15px; padding-bottom:0; margin-bottom:30px; display:none; } .lists{ display:inline-block; line-height:40px; background:#FFF; padding:0 30px; color:#c7261e; font-weight:600; letter-spacing:1px; cursor:pointer; margin-right:15px; margin-bottom:15px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .lists span{ display:inline-block; width:20px; height:20px; border:1px solid #c3c3c3; background:#dcdcdc; border-radius:20px; margin-right:10px; position:relative; top:5px; z-index:2; } .lists span:before{ width:10px; height:10px; border-radius:10px; content:''; position:absolute; top:4px; left:4px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .lists_on span:before{ background:#000; } .main_pro_box{ width:100%; position:relative; } .main_pro{ width:100%; margin:0 auto; overflow:hidden; } .main_pro>ul{ padding:0; margin:0; } .main_pro>ul>li{ float:left; } .pro_btn{ width:250px; margin:0 auto; margin-top:30px; } .pro_prev{ position:absolute; top:50%; left:-50px; margin-top:-25px; display:inline-block; width:50px; height:50px; border-radius:100%; border:1px solid #ccc; cursor:pointer; text-align:center; font-size:20px; line-height:50px; color:#CCC; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .pro_prev:hover{ background:#c5261d; color:#FFF; } .pro_next:hover{ background:#c5261d; color:#FFF; } .pro_next{ position:absolute; top:50%; right:-50px; margin-top:-25px; display:inline-block; width:50px; height:50px; border-radius:100%; border:1px solid #ccc; cursor:pointer; text-align:center; font-size:20px; line-height:50px; color:#CCC; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } @media (max-width: 767px) { .content_three_title{ margin-bottom:0; } .main_product{ padding-top:30px; } } /** / content three **/ /** content four **/ .main_products_large{ float:left; background:#f5f5f5; width:66%; opacity:0; left:-200px; position:relative; } .main_products_small{ float:right; width:31%; position:relative; opacity:0; right:-200px; } .main_products_large2{ float:right; background:#f5f5f5; width:66%; opacity:0; right:-200px; position:relative; } .main_products_small2{ float:left; width:31%; position:relative; opacity:0; left:-200px; } .main_products_small_text{ padding-left:20px !important; padding-bottom:0; background:#f5f5f5; overflow:hidden; } .main_products_small_img{ text-align:center; overflow:hidden; position:relative; } .main_products_small_img img{ position:absolute; top:0; left:50%; } @media (max-width: 767px) { .main_pro_text h2{ font-size:14px!important; margin-top:0!important; } .main_products_small_text h2{ font-size:14px!important; margin-top:0!important; line-height:60px; } } @media (min-width: 768px) and (max-width: 979px){ .main_pro_text h2{ font-size:16px!important; margin-top:0!important; } .main_products_small_text h2{ font-size:16px!important; margin-top:0!important; line-height:60px; } } @media (min-width: 992px) { .main_pro_text h2{ font-size:16px!important; margin-top:0!important; font-family:"寰蒋闆呴粦"; } .main_products_small_text h2{ font-size:16px!important; margin-top:0!important; font-family:"寰蒋闆呴粦"; margin-bottom:0; line-height:60px; } } @media (min-width: 1200px) { .main_pro_text h2{ text-indent:20px; font-size:24px!important; margin-top:30px!important; font-family:"寰蒋闆呴粦"; } #aaaaaa{ right:20px !important;} .main_products_small_text h2{ font-size:20px!important; font-family:"寰蒋闆呴粦"; margin-bottom:0; line-height:60px; } } @media (max-width: 767px) { .main_products_small_text h4{ font-size:13px!important; padding-top:5px!important; padding-bottom:5px!important; font-family:"寰蒋闆呴粦"; } } @media (min-width: 768px) and (max-width: 979px){ .main_products_small_text h4{ font-size:13px!important; padding-top:5px!important; padding-bottom:5px!important; font-family:"寰蒋闆呴粦"; } } @media (min-width: 992px) { .main_products_small_text h4{ font-size:13px!important; padding-top:5px!important; padding-bottom:5px!important; font-family:"寰蒋闆呴粦"; margin:0; } } @media (min-width: 1200px) { .main_products_small_text h4{ font-size:15px!important; padding-top:12px!important; padding-bottom:12px!important; font-family:"寰蒋闆呴粦"; min-height:56px; margin:0; } } .main_products_small_text p{ color:#323232; font-size:13px; line-height:21px; font-family:"寰蒋闆呴粦"; min-height:42px; margin-top:10px; } .main_pro_img{ float:left; width:44%; } .main_pro_text{ float:left; width:56%; position:relative; } .main_pro_text_inner{ padding:34px; padding-top:10px; } .main_pro_btn{ width:140px; line-height:42px; text-align:center; color:#FFF; text-transform: uppercase; letter-spacing:1px; font-size:13px; background:#c7261e; position:absolute; } @media (max-width: 767px) { .main_pro_btn{ bottom:10px!important; } } @media (min-width: 768px) and (max-width: 979px){ .main_pro_btn{ bottom:20px!important; } } @media (min-width: 992px) { .main_pro_btn{ bottom:20px!important; } } @media (min-width: 1200px) { .main_pro_btn{ bottom:30px!important; } } .main_pro_btn span{ margin-left:10px; } .main_pro_btn2{ width:60px; line-height:60px; text-align:center; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing:1px; font-size:13px; background:#c7261e; position:absolute; right:0; bottom:0; } .main_pro_btn2 span{ } .main_pro_text h4{ font-size:15px; padding-top:12px; padding-bottom:12px; font-family:"寰蒋闆呴粦"; } .main_pro_text p{ color:#323232; font-size:13px; line-height:21px; font-family:"寰蒋闆呴粦"; } /** / content four **/ /** content five **/ .sec3{ width:100%; background:#f5f5f5; padding:60px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; overflow:hidden; } .sec3_left{ position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .sec3_right{ position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; top:10px; } .sec3_left_zi{ width:100%; padding:0px 20px 20px 0px; position:relative; } .sec3_left_change{ cursor:pointer; position:absolute; top:6px; right:20px; color:#666; font-size:13px; font-weight:600; letter-spacing:1px; } .sec3_left_change i{ padding-right:5px; font-size:13px; font-weight:normal; } .sec3_left_zi a>img{ display:block; width:25%; float:left; } .sec3_left_zi a{ text-decoration:none !important; display:block; border-bottom:1px solid #ddd; padding:12px 0; } .sec3_left_zi h4{ font-size:30px; font-weight:bold; font-family:"Microsoft YaHei","寰蒋闆呴粦"; letter-spacing:1px; color:#555; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } @media (max-width: 767px) { .sec3_left_zi h4{ font-size:20px; } } .sec3_left_zi h4:hover{ color:#c7261e; } .sec3_left_zi h5{ font-size:16px; color:#000; /*height: 17px;*/ height:20px; line-height:20px; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; } .sec3_left_zi span{ width:calc(75% - 20px); float:left; display:inline-block!important; margin-bottom:0; border-left:3px solid #ddd; text-transform:uppercase; color:#999; margin-left:20px; padding-left:20px; font-size:13px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .newstime img{ margin-right:10px; margin-bottom:10px; } .sec3_left_zi span p{ font-size:13px; color:#666; letter-spacing:1px; } .sec3_right_list{ } .sec3_right{ width:100%; } .sec3_right>h4{ margin:0; padding-left:20px; padding-right:20px; font-size:30px; font-weight:bold; letter-spacing:1px; display:block; color:#555; } .sec3_right>h4>a{ float:right; font-size:16px; margin:0 3px; color:#555 !important; text-decoration:none !important; } .sec3_right>h4>a>i{ padding-right:5px; } .sec3_right_con{ width:100%; border-bottom:1px solid #b9b9b9; } .sec3_right_cons{ width:50%; float:left; } .sec3_right_list_box{ overflow:hidden; } .sec3_left_zi_list{ display:none; } @media (min-width: 768px) { .sec3_right_cons{ padding:23px 20px; } } @media (min-width: 992px) { .sec3_right_cons{ padding:23px 20px; } } @media (min-width: 1200px) { .sec3_right_cons{ padding:26px 20px; } } @media (min-width: 1400px) { .sec3_right_cons{ padding:26px 20px; } } .sec3_right_cons span{ font-size:14px; color:#c7c7c7; } .sec3_right_cons span img{ padding-right:5px; } .sec3_right_cons h5{ font-size:14px; color:#fff; letter-spacing:1px; font-weight:600; } .sec3_right_cons p{ font-size:13px; color:#ccc; font-family:"Microsoft YaHei","寰蒋闆呴粦"; line-height:20px; letter-spacing:1px; padding-bottom:15px; } @media (max-width: 767px) { .sec3{ padding:30px 0; } .sec3_left_zi h5{ font-size:14px; } .sec3_left_zi span p{ font-size:13px; } .sec3_right_cons{ padding:10px; } } .sec3_three_text h3{ font-size:16px; color:#c7261e; line-height:25px; text-align:left; margin-top:0; padding-top:20px; height:70px; } @media (min-width:992px) and (max-width:1399px) { .sec3_three_text h3{ height:70px; } .sec3_left { top:0px; } .sec8_con_zi p{ line-height:20px!important; } } .sec3_three .row{ margin-top:20px;/* 30*/ width:48%; float:left; margin-right:1%!important; } @media (min-width:992px) and (max-width:1399px) { .sec3_three .row{ margin-top:30px; width:48%; float:left; margin-right:1%!important; } .sec3_three_text{ padding:0 10px!important; } } .sec3_three_text p { font-size: 13px; color: #666; letter-spacing: 1px; line-height:20px; height:40px; overflow:hidden; } .sec3_three_box{ overflow:hidden; } .sec3_three_list{ border:1px solid #ccc; overflow:hidden; } .sec3_three_text{ padding:0 20px; } /** / content five **/ /** / content four **/ .sec4{ width:100%; padding:60px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .sec4_con{ width:100%; } .sec4_con>h5{ font-size:30px; letter-spacing:1px; font-weight:bold; margin:0; margin-bottom:30px; color:#555; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .sec4_con>h5:hover{ color:#c7261e; } .sec4_con_l{ padding:25px; background:#f5f5f5; } .sec4_con_l>h5{ font-size:30px; letter-spacing:1px; font-weight:bold; margin:0; color:#555; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .sec4_con_l>h5 span{ display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; background:#FFF; float:right; } .sec4_con_l>ul{ margin-top:10px; margin-left:-23px; } .sec4_con_l>ul li{ width:50%; float:left; line-height:60px; color:#858687; font-size:15px; letter-spacing:1px; text-align:center; } @media (min-width: 992px) and (max-width: 1199px) { .sec4_con_l{ padding:55px 30px; } .sec3_left_zi h5{ /* padding:5px 0!important;*/ margin-top: 0; } .sec3_left_zi span p{ height:20px; line-height:20px; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; } } @media (min-width: 1200px) and (max-width: 1399px) { .sec4_con_l>ul li{ line-height:64px; } } .sec4_con_l>ul li>span{ display:inline-block; width:30px; height:30px; border:1px solid #c2c1c1; position:relative; top:4px; margin-right:15px; color:#c7261e; text-align:center; line-height:30px; font-size:15px; } .sec4_con_l>ul li>span i{ position:relative; top:-2px; } .sec4_con_l>img{ margin-top:20px; } .sec4_con_r1{ width:100%; background:#FFF; } .sec4_con_r1 h5{ font-size:20px; color:#000; margin:0; font-weight:600; letter-spacing:1px; padding:0 25px; /*padding-top:25px;*/ } .sec4_con_r1 p{ font-size:13px; color:#838383; line-height:22px; letter-spacing:1px; padding:0 25px; margin-top:15px; padding-bottom:25px; margin-bottom:0; } .sec4_con_r2{ background:url(../images/sec4_2.jpg) bottom right no-repeat; background-size:cover; } .sec4_con_r4{ padding:25px; } .sec4_con_r4 h5{ font-size:20px; color:#000; font-weight:600; letter-spacing:1px; } .sec4_con_r4 p{ font-size:13px; letter-spacing:1px; color:#838383; } .sec4_con_r4_more{ position:absolute; bottom:0; right:0; } .main_service_content_l{ font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .main_service_content_l h4{ color:#000; font-size:30px; letter-spacing:1px; margin-bottom:60px; } .main_service_content_l h5{ font-size:15px; font-weight:600; letter-spacing:1px; margin-bottom:30px; position:relative; } .main_service_content_l h5:before{ width:20px; height:2px; background:#000; position:absolute; top:-10px; left:0; content:''; } .main_service_content_l p{ font-size:13px; line-height:22px; letter-spacing:1px; } .main_service_content_r{ margin-top:60px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .main_service_content_r1{ width:45%; float:left; padding:20px; } .main_service_content_r2{ width:55%; float:left; padding-top:30px; padding-left:60px; } .main_service_content_r2 h5{ font-size:14px; font-weight:600; letter-spacing:1px; margin-bottom:30px; position:relative; line-height:30px; } .main_service_content_r2 h5:before{ width:20px; height:2px; background:#000; position:absolute; top:-10px; left:0; content:''; } .main_service_content_r2 p{ font-size:13px; letter-spacing:1px; } .main_service_content_r2 span{ display:inline-block; font-size:16px; font-weight:600; margin-top:30px; color:#c7261e; letter-spacing:1px; position:relative; } .main_service_content_r2 span:before{ width:100%; height:2px; background:#c7261e; content:''; position:absolute; bottom:-5px; left:0; } @media (max-width: 767px) { .sec4{ padding:30px 0; } .sec4_con_l>h5{ font-size:20px; } .sec4_con_l{ padding:15px; } .sec4_con_l>ul li{ width:50%; line-height:50px; } .con_clm{ width:100%!important; } .main_service_content_l h4{ font-size:20px; margin-bottom:30px; } .main_service_content_r{ margin-top:30px; } .foot-hide{ display:none; } .news_hide{ display:none!important; } .fix_right{ display:none; } .sec4_img{ display:none; } .index_ip{ width:49%; margin-right:0.5%; float:left; } .sec3_three .row{ width:100%!important; } } /** / content four **/ /** / map_phone **/ .map_phone{ padding:30px 0; } .store_search { width:80%; margin:0 auto; margin-top:20%; margin-bottom:5%; height:700px; float:none; } .store_search2 { width:80%; margin:0px auto; float:none; } .xialakuang{padding:0 15px !important;} #province { background:none; border:none; height:40px; border-bottom:2px solid #000; font-size:14px; color:#333; width:100%; padding-left:10px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } #province option { color:#333; } #city { background:none; border:none; height:40px; border-bottom:2px solid #000; font-size:14px; color:#333; width:100%; padding-left:10px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } #city option { color:#333; } #county { background:none; border:none; height:40px; border-bottom:2px solid #000; font-size:14px; color:#333; width:100%; padding-left:10px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } #county option { color:#999; } .t1 { } .ind_cont_if { border:0; height:780px; width:100%; margin-top:150px; overflow:hidden; position:relative; z-index:99; } .store_map_text { width:330px; /* height:520px;*/ position: absolute; z-index:999; right:8%; top:750px; /* background:url(../images/bg_bg.png) left top repeat;*/ color:#FFF; } .store_map_text_inner { padding:25px; } .store_map_text_inner h2 { font-size:15px; } .store_map_text_top { width:100%; background:#645d56; border-bottom:1px solid #8f8b87; } .store_map_text_top2 { padding:20px; background:#645d56; } .store_map_text_top2 p { font-size:13px; letter-spacing:2px; } .store_map_text_top2 span { color:#a19d99; line-height:45px; } .store_map_text_top2_button { width:180px; height:45px; line-height:45px; background:#FFF; text-align:center; color:#645d56; } .store_content_text { position: relative; z-index:999999; top:-133px; width:86%; left:50%; margin-left:-43%; height:500px; background:#fff; box-shadow:2px 2px 3px #eee; } .store_content_top { border-bottom:1px solid #eff1f3; height:133px; line-height:130px; } .store_content_top p { color:#333; padding-left:40px; font-size:20px; letter-spacing:2px; } .store_content_bottom { margin-top:35px; } .store_content_bottom h2 { font-size:18px; } .store_content_bottom p { } .store_content_bottom span { color:#8f8b87; } /** / map_phone **/ /** content five **/ .main_title{ margin-bottom:40px; } .main_title h2{ font-family:"Microsoft YaHei","寰蒋闆呴粦"; text-transform:capitalize; } .content_five{ width:100%; margin:70px auto; } .main_news_line{ width:10px; height:90px; background:#c7261e; margin-right:35px; } @media (max-width: 767px) { .main_news{ padding-right:0px!important; } } @media (min-width: 768px) and (max-width: 979px){ .main_news{ padding-right:60px!important; } } @media (min-width: 992px) { .main_news{ padding-right:60px!important; } } @media (min-width: 1200px) { .main_news{ padding-right:60px!important; } } .news_move1{ position:relative; opacity:0; left:-200px; } .news_move2{ position:relative; opacity:0; right:-200px; } .news_move3{ position:relative; opacity:0; right:-200px; } .main_news_text{ padding-top:30px; } .main_news_neirong{ } .main_news_neirong h4{ font-weight:bold; font-family:"Microsoft YaHei","寰蒋闆呴粦"; font-size:16px; } .main_news_date{ color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; margin-top:12px; margin-bottom:12px; letter-spacing:2px; } .main_news_neirong p{ font-size:13px; line-height:21px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .main_news_tip{ color:#CCC; font-style:italic; font-size:13px; padding-top:20px; color:#fcc81b; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .main_news_tip span{ color:#666; } /** / content five **/ /** content six **/ .content_six{ width:100%; margin:0 auto; } .main_service_btn{ width:50%; margin:0 auto; } .main_service_btn ul{ margin-bottom:0; } .main_service_btn li{ float:left; line-height:70px; text-align:center; font-size:14px; border:1px solid #e5e5e5; border-right:0; width:32%; } .main_service_content{ background:#fafafa; border-top:1px solid #e5e5e5; padding-top:77px; padding-bottom:100px; } .main_service_content_inner{ margin:0 auto; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .main_service_content_inner1{ margin:0 auto; position:relative; } .main_service_content_inner h2{ text-transform:uppercase; text-align:center; padding-bottom:40px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .main_ser_logo{ width:100%; margin:0 auto; } .main_hezuo_bg{ position:absolute; } .main_ser_logo li{ float:left; border:1px solid #dedede; background:#fff; position:relative; } .main_hezuo_bg{ position:absolute; width:100%; height:100%; background:#F00; opacity:0; left:0; top:0; } .main_join{ width:100%; background:#f5f5f5; padding:20px; height:126px; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; border:1px dotted #c7261e; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .main_join:hover{ background:#c5261d; height:136px; } .main_join:hover h5{ color:#FFF; } .main_join:hover p{ color:#FFF; } .main_join h5{ font-size:15px; color:#333; font-weight:600; letter-spacing:2px; text-align:center; } .main_join p{ font-size:13px; color:#666; letter-spacing:1px; line-height:25px; margin-bottom:0; text-align:center; } @media (max-width: 767px) { .main_ser_logo li{ width:33%!important } .main_join{ height:160px; margin-bottom:15px; } .main_join:hover{ background:#c7261e; height:160px; } } @media (min-width: 768px) and (max-width: 979px){ .main_ser_logo li{ width:20%!important } } @media (min-width: 992px) { .main_ser_logo li{ width:16.6%!important } } @media (min-width: 1200px) { .main_ser_logo li{ width:16.6%!important } } .main_ser_logo li img{ filter:gray; -webkit-filter: grayscale(1);/* Webkit */ filter:gray;/* IE6-9 */ filter: grayscale(1);/* W3C */ -moz-opacity:0.2; opacity:0.2; } .main_ser_logo li img:hover{ -webkit-filter: grayscale(0);/* Webkit */ filter:;/* IE6-9 */ filter: grayscale(0);/* W3C */ -moz-opacity:1; opacity:1; } @media (min-width: 768px) { .main_service_content_inner{ width:80%; } .main_service_content_inner1{ width:80%; } } @media (min-width: 992px) { .main_service_content_inner{ width:70%; } .main_service_content_inner1{ width:70%; } } @media (min-width: 1200px) { .main_service_content_inner{ width:70%; } .main_service_content_inner1{ width:70%; } } @media (min-width: 1400px) { .main_service_content_inner{ width:60%; } .main_service_content_inner1{ width:60%; } } @media (max-width: 767px) { .main_service_content{ padding:30px 0; } .main_service_content_inner h2{ font-size:20px; } .main_service_content_inner{ padding:0 15px; } .main_service_content_r2{ padding-left:0; } .sec4_con_r4 h5{ font-size:16px; } } /** tab **/ .sec1_title{ padding:0; margin:0 auto; margin-top:40px; max-width:1060px; } @media (max-width: 767px) { .sec1_title{ width:96%!important; } } @media (min-width: 768px) and (max-width: 979px){ .sec1_title{ width:80%!important; } } @media (min-width: 992px) { .sec1_title{ width:80%!important; } } @media (min-width: 1200px) { .sec1_title{ width:80%!important; } } .sec1_title>li{ width:25%; float:left; text-align:center; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; border:1px solid #e5e5e5; border-right:0; border-bottom:0; } .title_on{ background:#f6f6f6; } .title_on a{ border-bottom:2px solid #c7261e; } .sec1_title>li>a{ font-size:18px; text-transform:uppercase; letter-spacing:1px; color:#333; padding:25px 0; text-decoration:none; font-family:"寰蒋闆呴粦"; } .sec1_list{ padding:0; margin:0; } .sec1_list>li{ width:100%; display:none; } .sec1_lists{ width:20%; float:left; padding:0 15px; } .sec1_lists_con>a{ color:#333; font-size:15px; font-family:Arial, Helvetica, sans-serif; } .sec1_lists_con .sec1_tit_l { width:80%; display:block; color:#333; font-size:15px; font-family:Arial, Helvetica, sans-serif; } .sec1_lists_con .sec1_tit_r { position:absolute; right:10px; top:10px; color:#333; font-size:15px; font-family:Arial, Helvetica, sans-serif; } .sec1_lists_con>p{ font-size:13px; letter-spacing:1px; color:#999; margin-top:15px; height:55px; overflow:hidden; } .sec1_lists_con>a>i{ display:inline-block; width:25px; height:25px; margin-left:15px; line-height:22px; text-align:center; border:1px solid #e5e5e5; border-radius:100%; } /** /tab **/ /** world map **/ #Item9 .map{ position: relative; width:1100px; } .xian { height: 5px; border-bottom: 1px dotted #FFF; } .svggroup>svg{ width:1100px !important; } .map>.city{ position: absolute; z-index: 10; } .map>.city span{ color:#fff; font-size:13px; } .dibai{ left:680px; top:210px; } .beijing{ left:880px; top:150px; } .SantaCruz{ left:320px; top:330px; } .mexico{ left:217px; top:222px; } .mexico{ left:217px; top:222px; } .Brazil{ left:390px; top:350px; } .weidimala{ left:240px; top:240px; } .saerwaduo{ left:244px; top:248px; } .nijalagua{ left:248px; top:252px; } .hongdulasi{ left:259px; top:240px; } .hongdulasi{ left:259px; top:240px; } .banama{ left:282px; top:260px; } .gelunbiya{ left:298px; top:278px; } .bilu{ left:290px; top:321px; } .zhili{ left:310px; top:381px; } .taiwan{ left:888px; top:210px; } .hanguo{ left:905px; top:175px; } .malaixiya{ left:835px; top:275px; } .yindunixiya{ left:850px; top:305px; } .laowuo{ left:835px; top:233px; } .taiguo{ left:831px; top:248px; } .yindu{ left: 757px; top:220px; } .sililanka{ left:767px; top:267px; } .yilang{ left: 675px; top:186px; } .suomali{ left: 670px; top:269px; } .aiji{ left: 618px; top:204px; } .nanfei{ left:595px; top:385px; } .mosike{ left:650px; top:118px; } .wukelan{ left:642px; top:140px; } .bolan{ left:579px; top:134px; } .storemessage { position: fixed; z-index: 10000; left:50%; top:50%; display: none; padding:20px; background:#000; border:1px solid red; color:#fff; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .storemessage h2 { font-size: 14px; text-align:left !important; padding-bottom:0; } .storemessage p { font-size: 12px; line-height: 25px; } .city span{ display: none; } /** /world map **/ /** / content six **/ /** content seven **/ .sec7{ background:#fafafa; border-top:1px solid #e5e5e5; padding:90px 0; } .sec7_con>h5 { font-size: 30px; letter-spacing: 1px; font-weight: bold; margin: 0; color: #555; font-family:"寰蒋闆呴粦"; padding-left:15px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .sec7_con>h5:hover{ color:#c7261e; } .sec7_list{ position:relative; } .sec7_list:before{ position:absolute; top:0%; left:0%; content:''; width:100%; height:100%; border:6px solid #a6a6a6; z-index:9; transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; -webkit-transition:all 0.7s; } .sec7_list:after{ position:absolute; top:0%; left:0%; content:''; width:100%; height:100%; opacity:0; border:6px solid #c7261e; z-index:9; transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0); transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; -webkit-transition:all 0.7s; } .sec7_list_on:after{ opacity:1 !important; transform:scale(1,1) !important; -moz-transform:scale(1,1) !important; -ms-transform:scale(1,1) !important; -o-transform:scale(1,1) !important; -webkit-transform:scale(1,1) !important; } .sec7_list_on:before{ opacity:0 !important; transform:scale(0,0) !important; -moz-transform:scale(0,0) !important; -ms-transform:scale(0,0) !important; -o-transform:scale(0,0) !important; -webkit-transform:scale(0,0) !important; } .sec7_text{ position:absolute; height:40px; width:100%; bottom:0; left:0; text-align:center; } .sec7_text h4{ position:relative; line-height:40px; text-align:center; font-size:16px; margin:0; font-family:"寰蒋闆呴粦"; z-index:99999; color:#fff; } .sec7_text:after{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#000; opacity:0.6; z-index:99; } .sec7_ul{ padding:0; margin:0; } .sec7_ul>li{ display:none; } .hangye{ padding-top:40px; padding-left:15px; padding-right:15px; font-family:"寰蒋闆呴粦"; } .hangye>ul{ padding:0; margin:0; margin-left:-10px; margin-right:-10px; } .hangye>ul>li{ width:20%; float:left; padding:10px; } .hangye_list{ width:100%; } .hangye_list h5{ line-height:40px; margin:0; text-align:center; background:#fff; color:#333; font-size:15px; letter-spacing:1px; } .sec8_con{ font-family:"寰蒋闆呴粦"; } .sec8_con>h5 { font-size: 30px; letter-spacing: 1px; font-weight: bold; margin: 0; color: #555; font-family:"寰蒋闆呴粦"; padding-left:15px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .sec8_con>h5:hover{ color:#c7261e; } .sec8_con_zi{ width:100%; background:#fff; padding:0 20px; padding-top:1px; position:relative; padding-bottom:20px; } .sec8_con_zi h5{ font-size:16px; letter-spacing:1px; color:#333; margin-top:10%; font-weight:600; } .sec8_con_zi p{ font-size:13px; letter-spacing:1px; line-height:25px; margin-bottom:0; color:#666; } /** /content seven **/ /** footer **/ .footer{ background:#dcdcdc; width:100%; margin:0 auto; position:relative; } .footer1{ background:#ccc; padding:15px 0; } .footer_topline{ background:#e5e5e5; height:1px; margin:0 auto; width:100%; } .footer_top{ width:100%; margin:0 auto; border-bottom:1px solid #FFF; border-top:1px solid #fff; height:53px; background:url(../images/header_bg.jpg) center no-repeat; background-size:cover; } .footer_top_inner{ width:60%; margin:0 auto; line-height:53px; font-size:13px; color:#000; font-weight:bold; font-family:"寰蒋闆呴粦"; text-transform:capitalize; } .footer_top_inner>img{ float:right; padding-top:10px; } .footer_inner{ padding-top:30px; width:80%; margin:0 0 0 12%; position:relative; } @media (max-width: 991px) { .footer_inner{ width:100%; padding-left:30px; padding-right:30px; } .footer_top_inner{ width:100%; padding-left:30px; padding-right:30px; } } @media (min-width: 992px) and (max-width: 1200px) { .footer_inner{ margin:0 0 0 0%; } .sec4_con_r1 p{ margin-top:0!important; line-height:14px!important; font-size:8px!important; } .sec4_con_r1 h5{ padding-top:0!important; font-size:16px!important; line-height:20px!important; } } @media (min-width: 1201px) and (max-width: 1399px) { .footer_inner{ margin:0 0 0 3%; } .sec4_con_r1 p{ margin-top:10px!important; line-height:17px!important; font-size:13px!important; } .sec4_con_r1 h5{ padding-top:0!important; } } @media (min-width: 1460px) and (max-width: 1600px) { .footer_inner{ margin:0 0 0 10%; } } .footer_sh1{ text-align:center; } .foot_share{ font-family:"Microsoft YaHei","寰蒋闆呴粦"; display:inline-block; } .foot_share a{ color:#000; } .foot_share span{ color:#000; } .foot_share span i{ font-size:16px; padding-right:15px; cursor:pointer; webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .foot_share span i:hover{ color:#fff; } .foot_job{ float:left; } .foot_job h5{ display:inline-block; margin:0; line-height:53px; font-size:15px; font-weight:600; letter-spacing:1px; color:#fff; padding-left:100px; position:relative; } .foot_job h5:before{ position:absolute; content:''; width:90px; height:55px; left:0px; top:0; background:url(../images/jobs.png) center no-repeat; background-size:auto 100%; } .foot_job h5 span{ display:inline-block; width:30px; height:40px; background:#FFF; margin:0 3px; text-align:center; line-height:40px; border-radius:3px; color:#c7261e; font-size:20px; } .foot_job a{ display:inline-block; color:#fff; font-size:13px; padding-left:20px; webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .foot_job a i{ color:#fff; font-size:15px; padding-left:5px; webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .foot_job a:hover{ color:#fff; } .foot_job a:hover i{ color:#fff; padding-left:15px; } .footer_menu_list{ } .footer_menu_list h4{ text-transform:capitalize; font-family:"寰蒋闆呴粦"; } .footer_menu_list li{ font-weight:lighter; line-height:21px; font-size:13px; color:#5b5d5c; font-family:"寰蒋闆呴粦"; } .copyright{ width:100%; margin:0 auto; padding-top:15px; background:#333; font-size:13px; padding-bottom:15px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .copyright p{ display:inline-block; color:#fff; margin-bottom:0; } .copyright p a{ color:#fff; border-right:#fff 1px solid; padding:0px 20px; font-size:13px; } .copyright p a img{ width:30px; } .unohacha{ display:inline-block; } .foot-bottom{ display:inline-block; width:28%; padding-bottom:50px; font-family:"寰蒋闆呴粦"; } .foot-bottom li{ float:left; } .foot-bottom a{ color:#5b5d5c; border-right:#b5b5b5 1px solid; padding:0px 20px; font-size:13px; } .footer_sh{ position:absolute; left:85%; top:0; z-index:9999999999; margin-top:70px; padding:0 0 30px 20px; } .footer_sh:after{ position:absolute; content:''; top:0; left:-20px; width:1px; height:100%; border-left:1px dashed #666; } .footer_sh h3{ font-size:16px; font-family:"寰蒋闆呴粦"; font-weight:500; } .footer_sh1 h3{ font-size:16px; font-family:"寰蒋闆呴粦"; font-weight:500; } .footer_sh h3 a{ position:relative; display:inline-block; margin-right:10px; } .footer_sh1 h3 a{ position:relative; display:inline-block; } @media (min-width:992px) and (max-width:1100px) { .footer_sh h3 a{ margin-right:5px; } } .footer_sh h3 a .footer_weixin{ } .footer_sh h3 a i{ font-size:20px; color:#333; margin:0 5px; transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; } .footer_sh h3 a i:hover{ color:#c7261e; } .footer_sh .sh_kf{ display:block; width:140px; height:40px; line-height:40px; text-align:center; border:1px solid #999; margin-left:12px; color:#666; font-family:"寰蒋闆呴粦"; margin-top:10px; transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; } .footer_sh .sh_kf:hover{ color:#fff; background:#c7261e; border:1px solid #c7261e; } @media (min-width:992px) and (max-width:1600px) { .footer_sh{ left:80%; } .footer_inner { width: 60%; } } .footer_sh1 h3 a i{ font-size:20px; color:#333; margin:0 5px; transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; } .footer_sh1 h3 a i:hover{ color:#c7261e; } .footer_sh1 .sh_kf{ display:block; width:140px; height:40px; margin:0 auto; line-height:40px; text-align:center; border:1px solid #999; color:#666; font-family:"寰蒋闆呴粦"; margin-top:10px; transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; } .footer_sh1 .sh_kf:hover{ color:#fff; background:#c7261e; border:1px solid #c7261e; } @media (min-width:992px) and (max-width:1199px) { .footer_sh1 h3 a{ margin-right:0px; } .footer_sh1 h3 a img { width:70px !important; } } /*.back_top{ position:fixed; right:0; bottom:0; width:50px; height:50px; line-height:50px; text-align:center; border:1px solid #666; cursor:pointer; }*/ @media (max-width: 767px) { .footer_menu_list h4{ font-size:14px; letter-spacing:1px; text-align:center; margin:5px 0; } .copyright p{ float:none; text-align:center; } .footer_inner{ padding:15px !important; } .copyright{ padding-top:15px; padding-bottom:22px !important; } } @media (min-width: 992px) { .footer_inner{ width:80%; } .footer_top_inner{ width:70%; } } @media (min-width: 1200px) { .footer_inner{ width:80%; } .footer_top_inner{ width:70%; } } @media (min-width: 1400px) { .footer_inner{ width:70%; } .footer_top_inner{ width:60%; } } /** / footer **/ /** phone menu **/ .nav_btn{ position:fixed; top:10px; right:15px; cursor:pointer; z-index:999999999999999; } .nav_btn>img{ border-radius:4px; } .heard_nav{ width:100%; background:#333; position:absolute; top:80px; left:0; z-index:-1; font-family:"Microsoft YaHei","寰蒋闆呴粦"; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; } .heard_nav>ul{ padding:0; margin:0; } .heard_nav>ul>li{ line-height:50px; padding-left:15px; border-bottom:1px dotted #555; } .heard_nav>ul>li>a{ color:#FFF; text-decoration:none !important; font-size:13px; font-weight:500; text-transform:uppercase; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .nav_on>a{ color:#eb3c00 !important; } .nav_btn1{ width:30px; height:30px; background:#eb3c00; cursor:pointer; position:absolute; top:90px; right:15px; border-radius:1px; z-index:9999999999; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; } .nav_btn1>img{ margin-top:2px; } .heard_nav>ul>li>ul{ padding:0; margin:0; padding-bottom:20px; display:none; } .heard_nav>ul>li>ul>li{ line-height:25px; } .heard_nav>ul>li>ul>li>a{ color:#eee; font-size:13px; letter-spacing:1px; } @media (max-width: 767px) { .nav_btn{ top:15px; } } @media (min-width: 768px) and (max-width: 991px){ .nav_btn{ top:30px; right:30px; } } /** / phone menu **/ /** phone pro **/ .ph_prolist{ padding-top:20px; } .ph_prolist h2{ font-size:13px; color:#333; } .ph_prolist p{ font-size:13px; color:#666; padding-top:15px; } .ph_more_btn{ width: 120px; line-height: 32px; text-align: center; color: #FFF; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; background: #c7261e; margin-bottom:15px; } .inner_banner{ width:100%; padding-top:93px; } @media (max-width: 767px) { .inner_banner{ padding-top:60px; } } @media (min-width: 768px) and (max-width: 979px){ } /** about椤甸潰 **/ /** ab_sec1 **/ .ab_sec1{ width:100%; padding:50px 0 30px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; overflow:hidden; } .ab_sec1_con{ width:100%; } .ab_sec1_con>h5{ font-size:25px; color:#000; letter-spacing:1px; margin-bottom:30px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec1_con1{ width:100%; text-align:center; position:relative; left:-120px; background:#f5f5f5; padding:20px; border:1px solid #ddd; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec1_con1 p{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:30px; font-size:13px; color:#5d5a5a; line-height:25px; letter-spacing:1px; } .ab_sec1_con2{ width:100%; padding:30px 20px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec1_con2 p{ width:100%; font-size:13px; letter-spacing:1px; color:#666; line-height:25px; } /** ab_sec1 **/ /** ab_sec2 **/ .ab_sec2{ width:100%; padding:0px 0 80px 0; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab_sec2_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec2_row1{ position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec2_row2{ position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec2_row3{ position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec2_img{ margin-top:30px; overflow:hidden; } .ab_sec2_img img{ -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab_sec2_row1:hover .ab_sec2_img img , .ab_sec2_row2:hover .ab_sec2_img img , .ab_sec2_row3:hover .ab_sec2_img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ab_sec2_zi{ padding:30px; } .ab_sec2_zi h5{ font-size:18px; letter-spacing:1px; color:#c7261e; } .ab_sec2_zi p{ width:90%; font-size:13px; color:#666; line-height:22px; letter-spacing:1px; } .ab_sec2_zi a{ display:block; width:220px; line-height:40px; text-align:center; background:#c7261e; color:#FFF !important; margin-top:40px; font-size:14px; letter-spacing:1px; font-weight:600; } /** ab_sec2 **/ /** ab_sec3 **/ .ab_sec3{ width:100%; background:#f5f5f5; padding:0px 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; text-align:right; overflow:hidden; } .ab_sec3_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec3_con ul{ padding:0; margin:0; } .ab_sec3_con ul li{ float:left; width:33.333%; padding:15px; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec3_list{ width:100%; padding-bottom:5%; text-align:center; overflow:hidden; } .ab_sec3_list a{ display:block; overflow:hidden; } .ab_sec3_list a>img{ width:100%; /* -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;*/ } .ab_sec3_list a:hover >img{ /* -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);*/ } .ab_sec3_list h5{ color:#000; font-size:15px; display:block; height:40px; background:#f5f5f5; letter-spacing:1px; } .ab_sec3_show{ width:100%; text-align:left; padding:0 15px; padding-top:30px; } .ab_sec3_show>ul{ padding:0; margin:0; } .ab_sec3_show>ul>li{ width:100%; display:none; position:relative; } .honor{ width:100%; overflow:hidden; padding:30px 0; } .honor>ul{ padding:0; margin:0; } .honor>ul>li{ float:left; } .honor_list{ width:100%; } /** ab_sec3 **/ /** ab_sec4 **/ .ab_sec4{ width:100%; background:#fff; padding:0px 0 80px 0; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab_sec4_con{ } .ab_sec4_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec4_cons{ width:100%; text-align:center; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec4_cons_img{ width:100%; max-width:800px; margin:0 auto; position:relative; } .ab_sec4_cons_img img{ position:absolute; top:0; left:0; display:none; } .timeline{ display:inline-block; background:url(../images/timeline-shadow.png) center no-repeat; background-size:cover; position:relative; } .yaer{ display:inline-block; width:60px; float:left; text-align:center; line-height:45px; cursor:pointer; overflow:hidden; background:url(../images/year-line.png) top left no-repeat; } .yaer span{ font-size:14px; font-weight:600; color:#666; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .yaer:hover span{ color:#c7261e; } .yaer_on span{ color:#c7261e !important; } .timeline_top{ width:60px; position:absolute; top:-24px; left:0; } .timeline_bottom{ width:60px; position:absolute; bottom:-26px; left:0; } .ab_sec4_cons_zi{ margin:0 auto; } .ab_sec4_cons_zis{ width:100%; text-align:center; display:none; } .ab_sec4_cons_zis{ padding:30px 0; position:relative; } .ab_sec4_cons_zis h4{ font-size:20px; font-weight:600; letter-spacing:1px; color:#c7261e; } .ab_sec4_cons_zis h5{ width:90%; font-size:14px; letter-spacing:1px; color:#666; margin:20px auto; } .ab_sec4_cons_zis p{ display:inline-block; padding-right:40px; position:absolute; bottom:0px; right:0%; margin-right:-40px; cursor:pointer; } .ab_sec4_cons_zis p:before{ width:30px; height:30px; content:''; position:absolute; right:0; top:-3px; background:url(../images/sprite.png); } .year_next{ font-size:40px; color:#c7261e; cursor:pointer; position:absolute; top:50%; right:0; margin-top:-20px; } .year_prev{ font-size:40px; color:#c7261e; cursor:pointer; position:absolute; top:50%; left:0; margin-top:-20px; } /** ab_sec4 **/ /** ab_sec5 **/ .ab_sec5{ width:100%; background:#f5f5f5; padding:0px 0 80px 0; overflow:hidden; text-align:right; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab_sec5_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec5_img{ position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec5_img img{ position:absolute; top:0; left:0; display:none; } .ab_sec5_zi{ width:100%; background:#fff; border:1px solid #d8d8d8; padding:30px 50px; text-align:left; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec5_zi_top{ padding:0; margin:0; } .ab_sec5_zi_top li{ width:33.33%; float:left; text-align:center; line-height:50px; cursor:pointer; font-size:14px; color:#000; letter-spacing:1px; font-weight:600; border-bottom:1px solid #d8d8d8; position:relative; z-index:2; } .ab_sec5_zi_top li:before{ width:100%; height:6px; position:absolute; left:0; bottom:-3px; content:''; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab5_on:before{ width:100%; height:6px; position:absolute; left:0; bottom:-3px; background:#c7261e; content:''; } .ab_sec5_zi_con{ width:100%; position:relative; } .ab_sec5_zi_con li{ width:100%; position:relative; top:0; left:0; display:none; } .ab_sec5_zi_con1{ margin-top:20px; } .ab_sec5_zi_con1>p{ font-size:13px; color:#666; letter-spacing:1xp; line-height:22px; } .ab_sec5_zi_con1 span{ display:inline-block; line-height:30px; padding-right:60px; font-size:15px; letter-spacing:2px; } .ab_sec5_zi_con1 span i{ padding-right:15px; color:#c7261e; } .ab_sec5_zi_con2{ margin-top:20px; } .ab_sec5_zi_con2>p{ font-size:13px; color:#666; letter-spacing:1xp; line-height:22px; } .ab_sec5_zi_con2 span{ display:inline-block; padding:5px; } @media (min-width: 768px) { } @media (min-width: 992px) { .ab_sec5_zi_con2 span img{ width:90px; } } @media (min-width: 1200px) { .ab_sec5_zi_con2 span img{ width:120px; } } @media (min-width: 1400px) { .ab_sec5_zi_con2 span img{ width:150px; } } .ab_sec5_zi_con3{ margin-top:20px; } .ab_sec5_zi_con3>p{ font-size:13px; color:#666; letter-spacing:1xp; line-height:22px; } .ab_sec5_zi_con3>p>span{ font-size:13px; font-weight:600; color:#c7261e; padding-right:10px; } /** ab_sec5 **/ /** ab_sec6 **/ .ab_sec6{ width:100%; padding:0px 0 80px 0; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab_sec6_con{ width:100%; } .ab_sec6_con>h4{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec6_con>h5{ font-size:16px; letter-spacing:1px; color:#000; padding-top:50px; margin-bottom:20px; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec6_con p{ width:70%; font-size:13px; letter-spacing:1px; color:#666; line-height:25px; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } /** ab_sec6 **/ /** ab_sec7 **/ .ab_sec7{ width:100%; background:#f5f5f5; padding:50px 0 80px 0; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab_sec7_con{ width:100%; } .ab_sec7_con>ul{ padding:0; margin:0; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec7_con>ul>li{ width:33.33%; padding:0 60px; float:left; position:relative; } .ab_sec7_con>ul>li span{ position:absolute; top:5px; left:25px; font-size:20px; color:#c7261e; } .ab_sec7_list>h5{ font-size:16px; letter-spacing:1px; color:#000; } .ab_sec7_list>p{ font-size:13px; letter-spacing:1px; line-height:25px; color:#333; } /** ab_sec7 **/ /** ab_sec8 **/ .ab_sec8{ width:100%; padding:50px 0 80px 0; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab_sec8_l{ position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec8_r{ position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab_sec8_r h5{ font-size:16px; letter-spacing:1px; } .ab_sec8_r p{ font-size:13px; line-height:20px; color:#666; } .ab_sec8_show{ display:none; } .ab_sec8_btn{ text-align:right; font-size:14px !important; letter-spacing:1px; color:#c7261e; cursor:pointer; } .ab_sec8_btn span{ font-size:20px; font-weight:600; } /** ab_sec8 **/ .ab1_sec_list>h5>span{ padding-right:5px; } @media (max-width: 767px) { .ab_sec1{ padding:30px 0; } .ab_sec1_con>h5{ font-size:20px; } .ab_sec1_con1{ padding:0 20px; } .ab_sec1_con1>img{ width:100%; } .ab_sec1_con2{ padding:15px 10px; } .ab_sec1_con2 p{ line-height:20px; } .ab_sec2_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .ab_sec2_img{ padding-top:0; } .ab_sec2_zi{ padding:15px; } .ab_sec2_zi p{ width:100%; } .ab_sec2_zi a{ margin-top:15px; } .ab_sec2{ padding-bottom:30px; } .ab_sec3_con>h5{ font-size:15px; padding:0 15px 0 30px; margin-bottom:30px; } .ab_sec3_con ul li{ width:100%; } .ab_sec3_list{ padding-bottom:0; } .ab_sec3_list h5{ height:20px; } .ab_sec3{ padding-bottom:30px; } .ab3_sec_list span{ line-height:30px !important; position:relative !important; font-size:13px !important; } .ab_sec4_cons_zis p{ margin-right:0; } body{ overflow-x:hidden !important; } .ab_sec5_zi{ padding:15px; } .ab_sec5_zi_con2 span>img{ width:100%; } .ab_sec5{ padding-bottom:30px; } .ab_sec4_con>h5{ font-size:15px; padding:0 30px 0 15px; margin-bottom:30px; } .ab_sec5_con>h5{ font-size:15px; padding:0 15px 0 30px; margin-bottom:30px; } .ab_sec6_con>h4{ font-size:15px; padding:0 30px 0 15px; margin-bottom:30px; } .ab_sec6_con>h5{ padding-top:0; } .ab_sec6{ padding-bottom:30px; } .ab_sec7{ padding:30px 0; } .ab_sec7_con>ul>li{ width:100%; padding:0 30px; } .ab_sec7_con>ul>li span{ left:0; } .ab_sec8{ padding:30px 0; } .sec1_title>li>a{ font-size:15px; } .ab1_sec_list{ margin:10px 0 !important; } } @media (min-width: 768px) and (max-width: 991px){ .ab_sec4_cons_zis p{ margin-right:0; } .ab_sec1_con1{ padding:0 20px; } .ab_sec1{ padding-bottom:30px; } .ab3_sec_list span{ line-height:30px !important; position:relative !important; font-size:13px !important; } .ab_sec3_show{ padding-top:0; } .ab_sec3{ padding-bottom:30px; } body{ overflow-x:hidden !important; } } /** about椤甸潰 **/ /** about1椤甸潰 **/ .ab1_sec{ width:100%; background:#f5f5f5; padding:0px 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab1_sec_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab1_sec_con_title{ width:100%; height:62px; text-align:center; border-bottom:1px solid #e5e5e5; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab1_sec_con_titles{ display:inline-block; } .ab1_sec_con_title span{ display:inline-block; width:250px; float:left; margin:0; line-height:60px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; position:relative; cursor:pointer; } .ab1_sec_con_title span:before{ width:100%; height:2px; content:''; background:none; position:absolute; left:0; bottom:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab1_span:before{ width:100%; height:2px; content:''; background:#c7261e !important; position:absolute; left:0; bottom:0; } .ab1_sec_con_box{ padding-top:60px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab1_sec_con_box>div{ display:none; } @media (max-width: 767px) { .ab1_sec_con_title span{ width:160px; } .ab1_sec_con_box{ padding:0 15px; padding-top:30px; } .ab1_sec{ padding-bottom:30px; } .store_search2{ width:100% !important; margin:15px 0px !important; } } @media (min-width: 768px) and (max-width: 991px){ } /** map **/ .mapbox{ position:relative;width:100%;height:595px; max-width:716px; margin:0px auto;} .map{ position:absolute;width:100%;left:0;} .map a{ color:#666; font-size:14px; text-decoration:none;} .map a:hover{ color:#fff;} .map .city a{} .citybg{ position:absolute; display:none; z-index:3; } .city a.active .citybg{ display:block; z-index:3;} .city a:focus { color: #666; text-decoration:none; } .zmdbox{position:absolute;top:23%;width:100%;background:rgba(0,0,0,0.9);border:#c7261e 2px solid;height:400px;z-index:999; } .guanbi{position:absolute;top:-25px;right:-25px;width:50px;height:50px;background:#c7261e;border-radius:50px;text-align:center;line-height:50px;color:white;} .map .guanbi a{cursor:pointer; text-decoration:none;color:white;} .map .guanbi img{position:absolute;top:15px;left:15px;} .map .guanbi img:hover{ transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); } .zmdnr{width:90%;margin:5% 5%;} .zmdnr .cs{font-size:18px;color:#fff;line-height:40px;border-bottom:1px solid #c7261e;} .zmdnr .zmdname{border-bottom:1px dotted #ccc;} .zmdnr .zmdname h2{float:left; font-size:14px; color:#fff;} .zmdname .dianming{margin-right:5%;width:15%;} .zmdname .dizhi{margin-right:5%;width:45%;} .zmdname .lianxi{margin-right:5%;width:25%;} .zmdnr .zmddz{border-bottom:1px dotted #ccc;} .zmdnr .zmddz h2{float:left; font-size:14px;color:white; } .zmddz .dianminga{margin-right:5%;width:15%;} .zmddz .dizhia{margin-right:5%;width:45%;} .zmddz .lianxia{margin-right:5%;width:25%;} /** store **/ .store_main { width:100%; } .store_main ul { margin-bottom:0; } .store_main ul li { width:100%; } .store_main ul li:nth-child(even) .store_li_show { background:#eee; color:#333; } .store_li_show:hover { background:#ccc !important; color:#fff !important; } .store_li_show { width:100%; position:relative; background:#ddd; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.8s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .store_li_show p { margin:0 !important; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .store_li_show p:first-child { width:100%; text-align:center; line-height:130px; line-height:130px; font-size:17px; } .store_li_show p:nth-child(2) { position:absolute; top:0; font-size:18px; height:130px; line-height:130px; right:80px; } .store_li_hidden { width:100%; display:none; } .store_li_hidden dl { margin-bottom:0; } .store_li_hidden dl dd { width:100%; float:left; } .store_dd_left { width:50%; float:left; position:relative; } .store_dd_ico { position:absolute; top:50%; right:0; margin-top:-40px; z-index:9999999; } .store_dd_ico2 { position:absolute; top:50%; left:0; margin-top:-40px; z-index:9999999; } .store_dd_right { width:50%; float:left; padding:0 5%; } .store_dd_r1 { width:100%; box-sizing:border-box; padding:10% 0% 3% 0%; font-size:20px; font-weight:bold; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .store_dd_r2 { width:100%; font-size:14px; color:#777; line-height:25px; } .store_dd_r3 { width:100%; } .store_dd_r3 p { width:120px; padding:10px 0; text-align:center; border:1px #ddd solid; cursor:pointer; margin:20px 0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .store_dd_r3 p:hover { background:#eeb379; color:#fff; } /****/ .store_search { width:80%; margin:0 auto; margin-top:20%; margin-bottom:5%; height:700px; float:none; } .store_search2 { width:80%; margin:50px auto; float:none; } .xialakuang{padding:0 15px !important;} #province { background:none; border:none; height:40px; border-bottom:2px solid #000; font-size:14px; color:#333; width:100%; padding-left:10px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } #province option { color:#333; } #city { background:none; border:none; height:40px; border-bottom:2px solid #000; font-size:14px; color:#333; width:100%; padding-left:10px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } #city option { color:#333; } #county { background:none; border:none; height:40px; border-bottom:2px solid #000; font-size:14px; color:#333; width:100%; padding-left:10px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } #county option { color:#999; } .t1 { } .ind_cont_if { border:0; height:780px; width:100%; margin-top:150px; overflow:hidden; position:relative; z-index:99; } .store_map_text { width:330px; /* height:520px;*/ position: absolute; z-index:999; right:8%; top:750px; /* background:url(../images/bg_bg.png) left top repeat;*/ color:#FFF; } .store_map_text_inner { padding:25px; } .store_map_text_inner h2 { font-size:15px; } .store_map_text_top { width:100%; background:#645d56; border-bottom:1px solid #8f8b87; } .store_map_text_top2 { padding:20px; background:#645d56; } .store_map_text_top2 p { font-size:13px; letter-spacing:2px; } .store_map_text_top2 span { color:#a19d99; line-height:45px; } .store_map_text_top2_button { width:180px; height:45px; line-height:45px; background:#FFF; text-align:center; color:#645d56; } .store_content_text { position: relative; z-index:999999; top:-133px; width:86%; left:50%; margin-left:-43%; height:500px; background:#fff; box-shadow:2px 2px 3px #eee; } .store_content_top { border-bottom:1px solid #eff1f3; height:133px; line-height:130px; } .store_content_top p { color:#333; padding-left:40px; font-size:20px; letter-spacing:2px; } .store_content_bottom { margin-top:35px; } .store_content_bottom h2 { font-size:18px; } .store_content_bottom p { } .store_content_bottom span { color:#8f8b87; } /****/ /*****zhuanmaidianphone******/ .zmdboxph{width:100%;background:rgba(0,0,0,0.8);border:#c7261e 2px solid;z-index:999; } .zmdnrph{width:90%;margin:5% 5%;} .zmdnrph .csph{font-size:16px;color:#fff;font-family:"Microsoft YaHei","寰蒋闆呴粦";line-height:40px;border-bottom:1px solid #fff;} .zmdnrph .zmdnameph{border-bottom:1px dotted #ccc;} .zmdnrph .zmdnameph h2{float:left; font-family:"Microsoft YaHei","寰蒋闆呴粦";font-size:14px; color:#999;} .zmdnameph .dianmingph{margin-right:5%;width:30%;} .zmdnameph .dizhiph{width:65%;} .zmdnrph .zmddzph{border-bottom:1px dotted #ccc;} .zmdnrph .zmddzph h2{float:left; font-family:"Microsoft YaHei","寰蒋闆呴粦";font-size:14px;color:#999; } @media (max-width: 767px) { .zmdnrph .zmdnameph h2{ font-size:13px; letter-spacing:1px; } } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { .ab1_sec_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** about1椤甸潰 **/ /** about2椤甸潰 **/ .ab2_sec{ width:100%; background:#f5f5f5; padding:0px 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab2_sec_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab2_sec_con>ul{ padding:0; margin:0; } .ab2_sec_con>ul>li{ margin-bottom:10px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab2_sec_con>ul>li>p{ line-height:40px; background:#e6e6e6; padding:0 20px; position:relative; font-size:13px; color:#333; font-weight:600; margin-bottom:0; cursor:pointer; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab2_p{ background:#c7261e !important; color:#FFF !important; } .ab2_sec_con>ul>li>p span{ display:inline-block; width:40px; height:40px; position:absolute; top:0; right:0; background:#c9c9c9; color:#333; font-size:20px; text-align:center; line-height:40px; } .ab2_p>span{ background:#c7261e !important; color:#FFF !important; } .ab2_show{ width:100%; background:#FFF; padding:20px; display:none; } .ab2_show h5{ color:#333; line-height:25px; font-size:13px; letter-spacing:1px; margin:0; } .ab2_show h5 i{ padding-right:5px; } .ab2_show span{ display:inline-block; color:#666; line-height:25px; font-size:13px; letter-spacing:1px; margin-bottom:10px; } /** about2椤甸潰 **/ /** about3椤甸潰 **/ .ab3_sec{ width:100%; background:#f5f5f5; padding:0px 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab3_sec_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab3_sec_list{ margin:15px 0; position:relative; overflow:hidden; position:relative; /*top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0;*/ } .ab3_sec_list_img{ overflow:hidden; } .ab3_sec_list_img>img{ -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab3_sec_list:hover .ab3_sec_list_img>img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ab3_sec_list span{ display:inline-block; width:100%; line-height:50px; left:0; bottom:0; z-index:2; font-size:16px; letter-spacing:2px; font-weight:600; color:#999; background:#fff; padding:0 20px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab3_sec_list:hover span{ bottom:0; } .ab3_sec_list span i{ font-size:20px; float:right; text-align:center; border:1px solid #ddd; width:30px; height:30px; display:block; margin-top:10px; line-height:30px; } .ab3_sec_list span:before{ width:100%; height:100%; content:''; position:absolute; top:0; left:0; background:#FFF; z-index:-1; /* opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6;*/ -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab3_sec_list span:before:hover{ background:#c5261d; } /** about3椤甸潰 **/ /** about4椤甸潰 **/ .ab4_sec{ width:100%; background:#f5f5f5; padding:0px 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab4_sec_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab4_sec_list{ width:100%; position:relative; /*top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0;*/ } .ab4_sec_list h5{ text-align:center; font-size:15px; font-weight:600; color:#333; margin-top:20px; } .ab4_sec_list_img{ position:relative; } .ab4_sec_list_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab4_sec_list_img span{ position:absolute; top:30%; left:50%; margin-top:-30px; margin-left:-30px; cursor:pointer; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab4_sec_video{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999999999999999; display:none; } .ab4_sec_video>ul{ width:100%; height:100%; position:relative; z-index:2; } .ab4_sec_video>ul:before{ width:100%; height:100%; background:#000; position:absolute; top:0; left:0; content:''; z-index:-1; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; } .ab4_sec_video>ul>li{ position:absolute; top:25%; left:25%; width:50%; height:50%; background:#000; display:none; } .ab4_sec_video>ul>span{ position:absolute; top:20%; right:20%; color:#FFF; font-size:20px; cursor:pointer; } /** about4椤甸潰 **/ /** about5椤甸潰 **/ .ab5_sec{ width:100%; padding:0px 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .ab5_sec_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:40px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab5_sec_con>ul{ width:100%; padding:0; margin:0; margin-left:-15px; margin-right:-15px; } .ab5_sec_con>ul>li{ width:25%; float:left; padding:0 15px; } .ab5_sec_list{ margin:15px 0; position:relative; overflow:hidden; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .ab5_sec_list_img{ padding:10%; border:2px solid #f5f5f5; } .ab5_sec_show{ width:100%; height:65px; background:#c7261e; } .ab5_sec_show h5{ margin:0; line-height:65px; color:#fff; text-align:center; font-size:16px; font-weight:600; letter-spacing:2px; } @media (max-width: 767px) { .ab5_sec_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .ab5_sec{ padding-bottom:30px; } .ab5_sec_con>ul>li{ width:100%; } } @media (min-width: 768px) and (max-width: 991px){ } /** about5椤甸潰 **/ /** case椤甸潰 **/ .case_sec{ width:100%; padding:50px 0 80px 0; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .case_sec_con{ text-align:center; } .case_sec_con>h5{ font-size:30px; color:#c7261e; letter-spacing:2px; margin-bottom:50px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_sec_img{ position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_sec_zi{ padding:30px 30px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_sec_zis{ border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; text-align:left; padding-bottom:20%; } .case_sec_zis>h5{ font-size:18px; color:#c7261e; padding-top:8%; font-weight:600; letter-spacing:2px; } .case_sec_zis>p{ line-height:25px; font-size:15px; color:#666; letter-spacing:1px; padding-top:5%; } .case_sec_zis>a{ display:inline-block; width:120px; height:32px; text-align:right; padding-right:20px; background:url(../images/case_sec_bg.jpg) no-repeat; margin-top:10%; color:#666 !important; } @media (max-width: 767px) { .case_sec{ padding:30px 0; } .case_sec_con>h5{ font-size:20px; margin-bottom:30px; margin-top:0; font-weight:600; } .case_sec_zi{ padding:15px; } .case_sec_zis>h5{ padding-top:15px; font-size:16px; } .case_sec_zis>p{ font-size:13px; } .case_sec_zis{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ .case_sec_zi{ padding-top:0; } .case_sec_zis{ padding-bottom:15px; } .case_sec_zis>h5{ padding-top:15px; } .case_sec_zis>p{ padding-top:0; } .case_sec{ padding-bottom:30px; } } /** case椤甸潰 **/ /** case_inner椤甸潰 **/ .case_inner{ width:100%; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .case_inner_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_inner_con>p{ font-size:14px; letter-spacing:1px; letter-spacing:1px; margin-bottom:50px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_inner_con>img{ position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_inner_con1{ width:100%; border-bottom:1px solid #b9b9b9; margin-top:30px; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_inner_list h5{ font-size:16px; letter-spacing:1px; padding:10px 0 20px 0; } .case_inner2{ width:100%; background:#f7f7f7; overflow:hidden; padding-bottom:90px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .case_inner2_con{ width:100%; text-align:right; } .case_inner2_list{ text-align:center; padding:15px 0; border:1px solid #eee; } .case_inner2_list>img{ filter: gray; -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); -moz-opacity: 0.6; opacity: 0.6; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .case_inner2_list:hover>img{ -webkit-filter: grayscale(0); filter: ; filter: grayscale(0); -moz-opacity: 1; opacity: 1; } .case_inner2_con h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:1px; color:#FFF; line-height:50px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_inner2_con>img{ position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .case_inner_list_img{ position:relative; overflow:hidden; } .case_inner_list_img>img{ -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .case_inner_list:hover .case_inner_list_img>img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .case_inner_con>h5{ font-size:15px; padding:0 30px 0 15px; margin-bottom:30px; line-height:40px; } .case_inner_con>p{ margin-bottom:30px; } .case_inner_con1{ border-bottom:none; } .case_inner_con1{ margin-bottom:30px !important; } .case_inner2_con h5{ font-size:15px; padding:0 30px 0 15px; margin-bottom:30px; line-height:40px; } .case_inner2{ padding-bottom:30px; } .case_inner2_con>img{ margin:15px 0; } } @media (min-width: 768px) and (max-width: 991px){ } /** case_inner椤甸潰 **/ /** job椤甸潰 **/ .job_sec1{ width:100%; overflow:hidden; padding-bottom:80px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job_sec1_con{ width:100%; } .job_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec1_con>h4{ font-size:16px; color:#333; letter-spacing:1px; font-weight:600; margin:0; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec1_con>p{ width:90%; text-transform:uppercase; margin:15px 0; font-size:13px; color:#666; line-height:25px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec1_con>div{ padding-top:60px; } .job_sec1_list{ width:100%; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec1_zi{ width:100%; border-bottom:1px solid #bdbdbd; padding-bottom:10px; position:relative; } .job_sec1_zi>h5{ margin:20px 0; font-size:15px; color:#000; letter-spacing:1px; } .job_sec1_zi>p{ font-size:13px; color:#666; line-height:22px; letter-spacing:1px; margin-bottom:20px; } .job_sec1_zi span{ display:inline-block; width:15px; height:15px; background:#ffcc00; border-radius:2px; border:1px solid #bebebe; position:absolute; bottom:20px; right:0; text-align:center; line-height:15px; color:#c7261e; } .job_sec1_zi span i{ position:relative; top:-2px; } .job_sec2{ width:100%; overflow:hidden; background:#8d8d8d; text-align:center; } .job_sec2_img{ display:inline-block; background:#FFF; } .job_sec2_img>img{ -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec2_img_show>img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .job_sec3{ width:100%; overflow:hidden; padding-bottom:80px; background: #f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job_sec3_con{ text-align:right; overflow:hidden; } .job_sec3_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec3_con>h4{ text-align:left; font-weight:600; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:15px; color:#000; text-transform:uppercase; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec3_con>p{ line-height:22px; font-size:13px; color:#666; text-align:left; letter-spacing:1px; margin-bottom:30px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec3_con>ul{ padding:0; margin:0; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec3_con>ul>li{ float:left; } .job_sec3_list{ padding:10px; } .job_sec3_list_img{ position:relative; } .job_sec3_show{ position:absolute; width:100%; bottom:0; left:0; line-height:40px; color:#FFF; text-align:center; z-index:2; } .job_sec3_show:before{ width:100%; height:40px; content:''; position:absolute; top:0; left:0; z-index:-1; background:#000; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job_sec3_show:after{ position:absolute; content:''; width:0; height:0; left:20px; bottom:-20px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #fff; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job_sec3_show_on:before{ background:#c7261e; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .job_sec3_show_on:after{ border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #c7261e; } .job_sec3_cons{ width:100%; margin-top:30px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec3_cons>ul{ padding:0; margin:0; } .job_sec3_cons>ul>li{ width:100%; display:none; } .job_sec3_cons_l{ width:25%; float:left; } .job_sec3_cons_r{ width:75%; float:left; max-height:495px; overflow:auto; padding-bottom:20px; } .job_sec3_cons_l>p{ text-align:left; padding-left:15%; font-size:15px; letter-spacing:1px; color:#333; } .job_sec3_cons_r>p{ text-align:left; font-size:13px; letter-spacing:1px; color:#666; line-height:22px; /* padding-top:30px; */ margin-bottom:0px; text-indent:2em; } .job_sec3_btn{ width:100%; text-align:right; margin-bottom:10px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_sec3_btn span{ display:inline-block; margin-left:10px; width:40px; height:40px; border:1px solid #d8d8d8; background:#fff; text-align:center; line-height:40px; color:#000; cursor:pointer; font-size:30px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job_sec3_btn span:hover{ color:#fff; border:1px solid #c7261e; background:#c7261e; } @media (max-width: 767px) { .job_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .job_sec1_con>h4{ font-size:14px; } .job_sec1_con>div{ padding-top:30px; } .job_sec1_zi{ margin-bottom:15px; } .job_sec1{ padding-bottom:30px; } .job_sec2_img img{ width:200px !important; } .job_sec3_con>h5{ font-size:15px; line-height:40px; margin-bottom:30px; padding:0 15px 0 30px; } .job_sec3{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** job椤甸潰 **/ /** job1椤甸潰 **/ .job1_sec1{ width:100%; overflow:hidden; padding-bottom:80px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job1_sec1_con{ width:100%; } .job1_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job1_sec1_con>p{ width:90%; text-transform:uppercase; margin:15px 0; font-size:13px; color:#666; line-height:25px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job1_sec1_list{ width:100%; margin:15px 0; background:#f3f3f3; padding:15% 0; text-align:center; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job1_sec1_list:before{ width:100%; height:100%; background:#999; position:absolute; top:0; left:0; content:''; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job1_sec1_list:hover:before{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .job1_sec1_list_show{ width:80px; height:80px; border-radius:100%; background:#c7261e; position:absolute; top:30%; left:50%; margin-top:-40px; margin-left:-40px; font-size:50px; text-align:center; line-height:70px; color:#fff; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job1_sec1_list:hover .job1_sec1_list_show{ top:50%; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } .job1_sec1_list span{ font-size:15px; letter-spacing:1px; color:#858585; display:inline-block; padding-bottom:10px; } .job1_sec1_list h5{ font-size:15px; color:#333; letter-spacing:1px; } .job1_sec2{ width:100%; background:#c7261e; text-align:center; overflow:hidden; padding:3% 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job1_sec2>span{ display:inline-block; line-height:45px; width:240px; border:1px solid #f19f9f; color:#fff; font-size:15px; letter-spacing:1px; cursor:pointer; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job1_sec2 span:hover{ background:#FFF; color:#c7261e; } .job1_sec2_box{ position:fixed; width:100%; height:100%; padding:5%; top:0; left:0; background:rgba(0,0,0,0.5); filter:alpha(opacity=100); z-index:99999999999; font-family:"Microsoft YaHei","寰蒋闆呴粦"; display:none; } .job1_sec2_con{ width:60%; height:100%; background:#FFF; padding:30px; margin:0 auto; text-align:left; overflow:auto; position:relative; } .job1_sec2_con p{ font-size:13px; color:#666; line-height:22px; letter-spacing:1px; margin-bottom:0; } .job1_sec2_con span{ display:inline-block; font-size:13px; color:#333; line-height:30px; font-weight:600; letter-spacing:1px; } .job1_sec2_con a{ display:block; width:20px; height:20px; background:#c7261e; border-radius:100%; position:absolute; top:10px; right:10px; color:#fff !important; text-align:center; line-height:20px; } .job1_sec2_con a i{ position:relative; top:-2px; } .job1_sec3{ width:100%; overflow:hidden; padding:0px 0 50px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job1_sec3_con{ text-align:right; } .job1_sec3_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#fff; line-height:50px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job1_sec3_con>img{ position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } @media (max-width: 767px) { .job1_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .job1_sec1_con>p{ width:100%; margin-top:0; } .job1_sec1_list_show{ width:60px; height:60px; margin-left:-30px; margin-top:-30px; line-height:55px; } .job1_sec1{ padding-bottom:30px; } .job1_sec2{ padding:15% 0; } .job1_sec2>span{ width:180px; } .job1_sec3_con>h5{ font-size:15px; padding:0 15px 0 30px; line-height:40px; margin-bottom:30px; } .job1_sec2_con{ width:90%; } } @media (min-width: 768px) and (max-width: 991px){ .job1_sec2_con{ width:90%; } } /** job1椤甸潰 **/ /** job2椤甸潰 **/ .job2_sec1{ width:100%; overflow:hidden; padding-bottom:80px; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job2_sec1_con{ width:100%; } .job2_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .mszj{ border:1px solid #ddd; font-size:14px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .mszj table tr td{ border:1px solid #ddd; font-size:13px; padding:5px; } .mszj input{ border:none; } @media (max-width: 767px) { .job2_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .job2_sec1{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** job2椤甸潰 **/ /** job3椤甸潰 **/ .job3_sec1{ width:100%; overflow:hidden; padding-bottom:80px; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job3_sec1_con{ width:100%; } .job3_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job3_sec1_con_zi{ border-bottom:1px dotted #ccc; padding-bottom:10px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job3_sec1_con_zi>h5{ font-size:15px; letter-spacing:1px; font-weight:600; color:#333; } .job3_sec1_con_zi>h5 i{ padding-right:5px; } .job3_sec1_con_zi>p{ font-size:13px; letter-spacing:1px; color:#666; margin-bottom:0; line-height:25px; text-indent:2em; } @media (max-width: 767px) { .job3_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .job3_sec1{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** job3椤甸潰 **/ /** job4椤甸潰 **/ .job4_sec1{ width:100%; overflow:hidden; padding-bottom:80px; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job4_sec1_con{ width:100%; } .job4_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job3_zi{ background:#fff; text-align:center; } .job3_zi h5{ margin:0; line-height:50px; font-size:15px; color:#666; letter-spacing:1px; } @media (max-width: 767px) { .job4_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .job4_sec1{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** job4椤甸潰 **/ /** join1椤甸潰 **/ .join1_sec1{ width:100%; overflow:hidden; padding-bottom:80px; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .join1_sec1_con{ width:100%; } .join1_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .services2{ width:100%; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .services2_list{ width:100%; } .services2_img{ width:100%; overflow:hidden; } .services2_img>img{ -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .services2_list:hover .services2_img>img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .services2_zi{ background:#fff; padding:0 30px; } .services2_zi h5{ font-size:16px; color:#333; font-weight:600; letter-spacing:2px; margin-bottom:20px; padding-top:30px; margin-top:0; } .services2_zi p{ font-size:13px; letter-spacing:1px; line-height:25px; color:#666; } .services2_zi p span{ font-weight:600; color:#333; padding-right:3px; } .services3{ width:100%; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .services3_1{ padding-bottom:30px; } .services3_2{ width:100%; } .services3_2 h5{ font-size:16px; color:#333; font-weight:600; letter-spacing:2px; margin-bottom:20px; padding-top:30px; margin-top:0; } .services3_2_list{ padding-left:25px; position:relative; } .services3_2_list p{ font-size:13px; letter-spacing:1px; line-height:22px; color:#6666; } .services3_2_list span{ display:inline-block; position:absolute; top:0; left:0px; font-size:20px; color:#c7261e; } @media (max-width: 767px) { .join1_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .join1_sec1{ padding-bottom:30px; } .services2_zi{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** join1椤甸潰 **/ /** join2椤甸潰 **/ .join2_sec1{ width:100%; overflow:hidden; padding-bottom:80px; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .join2_sec1_con{ width:100%; } .join2_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } @media (max-width: 767px) { .join2_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .join2_sec1{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** join2椤甸潰 **/ /** job1_inner椤甸潰 **/ .job1_inner_sec1{ width:100%; overflow:hidden; padding-bottom:80px; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .job1_inner_sec1_con{ width:100%; } .job1_inner_sec1_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job1_inner_sec1_con>a{ display:inline-block; width:120px; text-align:center; line-height:40px; border:1px dotted #c7261e; font-size:15px; letter-spacing:2px; color:#666; margin-top:30px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .job1_inner_sec1_con>a:hover{ background:#c7261e; color:#FFF; } .job_inner_box{ width:100%; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .job_inner_top{ width:100%; padding:20px 0; border-top:1px dotted #c7261e; border-bottom:1px dotted #c7261e; } .job_inner_top h5{ font-size:16px; color:#333; font-weight:600; letter-spacing:1px; } .job_inner_top p{ font-size:13px; letter-spacing:1px; color:#666; } .job_inner_top p span{ font-size:13px; font-weight:600; color:#333; } .job_inner_list{ width:100%; padding:20px 0; border-bottom:1px dotted #c7261e; } .job_inner_list h5{ font-size:13px; color:#333; font-weight:600; letter-spacing:1px; } .job_inner_list p{ font-size:13px; letter-spacing:1px; color:#666; } @media (max-width: 767px) { .job1_inner_sec1_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .job1_inner_sec1{ padding-bottom:30px; } .job_inner_top{ padding:10px 0; } .job_inner_list{ padding:10px 0; } } @media (min-width: 768px) and (max-width: 991px){ } /** job1_inner椤甸潰 **/ /** products椤甸潰 **/ .pro_sec1{ width:100%; overflow:hidden; padding:0 0 80px 0; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .pro_sec1_top{ width:100%; height:80px; background:#FFF; border-bottom:2px solid #efefef; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_sec1_top_on{ position:fixed; top:93px !important; z-index:9; } .pro_sec1_tops{ width:80%; margin:0 auto; overflow:hidden; } .pro_sec1_tops ul{ padding:0; margin:0; } .pro_sec1_tops ul li{ float:left; line-height:80px; font-size:13px; letter-spacing:1px; font-weight:600; text-align:center; } .pro_sec1_tops ul li a{ color:#333; } .pro_sec1_tops ul li span{ height:20px; padding:0 5px; background:#c7261e; color:#fff; margin-right:10px; border-radius:100%; } .pro_sec1_next{ display:inline-block; width:20px; height:20px; background:#c7261e; border-radius:100%; cursor:pointer; position:absolute; top:50%; right:15px; margin-top:-10px; color:#FFF; text-align:center; font-size:15px; font-weight:600; } .pro_sec1_prev{ display:inline-block; width:20px; height:20px; background:#c7261e; border-radius:100%; cursor:pointer; position:absolute; top:50%; left:15px; margin-top:-10px; color:#FFF; text-align:center; font-size:15px; font-weight:600; } .pro_sec1_next i , .pro_sec1_prev i{ position:relative; top:-1px; } .pro_sec1_list{ width:100%; margin-top:60px; border:1px solid #c2c2c2; position:relative; top:80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_sec1_list h5{ font-size:16px; font-weight:600; letter-spacing:1px; color:#c7261e; line-height:26px; margin:0; padding:20px 20px; position:relative; z-index:4; } .pro_sec1_list h5>img{ float:right; padding-right:10px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .pro_sec1_list:hover h5>img{ padding-right:0px; } .pro_sec1_list_img{ width:100%; overflow:hidden; position:relative; z-index:2; } .pro_sec1_list_img img{ position:absolute; top:0; left:0; display:none; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .pro_sec1_list:hover .pro_sec1_list_img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pro_class{ position:absolute; left:0; padding:5px; background:#FFF; top:0px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_class>img{ display:inline-block; cursor:pointer; } @media (max-width: 767px) { .pro_sec1_list{ margin-top:30px; } .pro_sec1_list h5{ font-size:15px; } .back_top{ !important; } } @media (min-width: 768px) and (max-width: 991px){ } /** products椤甸潰 **/ /** products_inner椤甸潰 **/ .pro_inner{ width:100%; overflow:hidden; padding-bottom:80px; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .pro_inner_con{ width:100%; } .pro_inner_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_inner_img{ position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_inner_zi{ width:100%; position:relative; right:-120px; z-index:2; overflow:hidden; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_inner_zi:before{ width:100%; height:100%; content:''; border:1px dotted #c7261e; position:absolute; top:0; left:0; z-index:-1; } .pro_inner_zi h5{ font-size:20px; color:#333; letter-spacing:1px; font-weight:600; margin-bottom:30px; padding:0 30px; padding-top:30px; } .pro_inner_zi p{ font-size:13px; letter-spacing:1px; padding:0 30px; color:#666; } .pro_inner_con>ul{ padding:0; margin:0; margin-top:30px; } .pro_inner_con>ul>li{ margin-bottom:10px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .pro_inner_con>ul>li>p{ line-height:40px; background:#e6e6e6; padding:0 20px; position:relative; font-size:13px; color:#333; cursor:pointer; font-weight:600; margin-bottom:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .pro_p{ background:#c7261e !important; color:#FFF !important; } .pro_inner_con>ul>li>p span{ display:inline-block; width:40px; height:40px; position:absolute; top:0; right:0; background:#c9c9c9; color:#333; font-size:20px; text-align:center; line-height:40px; } .pro_p>span{ background:#c7261e !important; color:#FFF !important; } .pro_show{ width:100%; background:#FFF; padding:20px; } .pro_show h5{ color:#333; line-height:25px; font-size:13px; letter-spacing:1px; margin:0; } .ab2_show h5 i{ padding-right:5px; } .pro_show span{ display:inline-block; color:#666; line-height:25px; font-size:13px; letter-spacing:1px; margin-bottom:10px; } .pro_show1{ width:70%; } .pro_show2_l{ width:50%; float:left; padding-right:15px; } .pro_show2_r{ width:50%; float:right; padding-right:15px; } .pro_show2_r>img{ width:80%; margin-top:15px; } .pro_show3{ text-align:center; } .pro_show3 a{ display:inline-block; } .pro_show3 span{ display:inline-block; cursor:pointer; line-height:44px; font-weight:600; padding:0 15px; font-size:15px; letter-spacing:1px; } .pro_show3 span i{ font-size:30px; line-height:44px; } .pro_show4{ padding:10px 0; } .pro_show4_list{ width:100%; position:relative; z-index:2; overflow:hidden; } .pro_show4_list:before{ width:100%; height:100%; content:''; background:#c7261e; position:absolute; top:-50px; left:0; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .pro_show4_list:hover:before{ top:0px; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; -webkit-opacity:0.5; } .pro_show4_list span{ display:inline-block; width:100%; text-align:center; position:absolute; left:0; top:30%; line-height:40px; margin-top:-20px; color:#FFF; font-size:15px; letter-spacing:2px; font-weight:600; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .pro_show4_list:hover span{ top:50%; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } @media (max-width: 767px) { .pro_inner_con>h5{ font-size:15px; padding:0 30px 0 15px; margin-bottom:30px; line-height:40px; } .pro_inner_zi h5{ font-size:16px; margin-bottom: 15px; padding: 0 15px; padding-top: 15px; } .pro_show1{ width:100%; } .pro_show2_l{ width:100%; padding:0; } .pro_show2_r{ width:100%; padding:0; } .pro_show3 span{ margin-bottom:0; } .pro_show4_list{ margin:10px 0; } .pro_inner{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** products_inner椤甸潰 **/ /** news椤甸潰 **/ .news_list1{ width:100%; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; padding-bottom:80px; } .news_list1 .news_title{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:20px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_con1_l{ position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_con1_r{ position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news1_l_bot{ background:#f7f7f7; padding:30px 10px; position:relative; } .news1_l{ margin-top:30px; } .news1_l_bot h4{ margin:0; font-size:15px; font-weight:600; line-height:25px; color:#333; letter-spacing:1px; height:25px; overflow:hidden; } .news1_l_bot p{ margin:15px auto; font-size:14px; line-height:25px; color:#666; letter-spacing:1px; height:50px; overflow:hidden; } .news1_l_bot span{ display:inline-block; padding:5px; border:1px dotted #666; font-size:13px; color:#666; position:absolute; bottom:30px; right:10px; } .news1_l_bot h5{ margin:0; font-size:13px; line-height:25px; color:#999; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif !important; } .news_con1_r{ margin-top:30px; } .news_r_top{ background:#9d9d9d; padding:50px 30px; } .news_r_bot{ background:#a10e10; padding:50px 30px 60px 30px; } .news_r_top h3{ margin:0; font-size:18px; line-height:25px; color:#fff; letter-spacing:1px; text-align:left; border-bottom:1px solid #ccc; padding-bottom:15px; } .news_r_top .news1_r{ border-bottom:1px solid #ccc; padding:20px 0 30px 0; } .news_r_top .news1_r h3{ margin:0 0 0 0; font-size:16px; line-height:20px; color:#fff; letter-spacing:1px; text-align:center; border-bottom:none; padding:0; } .news_r_top .news1_r p{ margin:0 0 0 0; font-size:13px; line-height:20px; color:#fff; letter-spacing:1px; text-align:center; border-bottom:none; padding:0; } .news_r_top .news1_r h4{ margin:0 0 0 0; font-size:14px; line-height:20px; color:#fff; letter-spacing:1px; text-align:left; border-bottom:none; padding:0; height:40px; overflow:hidden; } .news_r_top .news_more{ text-align:left; padding:10px 0; } .news_r_top .news_more a{ color:#fff; font-size:14px; text-decoration:none; } .news_r_bot h3{ margin:0; font-size:18px; line-height:25px; color:#fff; letter-spacing:1px; text-align:left; border-bottom:1px solid #ccc; padding-bottom:15px; } .news_r_bot a{ display:block; margin:0; font-size:13px; line-height:25px; color:#fff; letter-spacing:1px; text-align:left; text-decoration:none; padding:10px 0; } .news_r_bot a:hover, a:focus { color: #f2f2f2; text-decoration:none; } @media (min-width: 768px) and (max-width: 991px){ .news_r_top .news1_r{ padding:15px 0; } .news_r_bot{ padding:25px 10px 25px 10px; } .news_r_top{ padding:20px; } } @media (min-width: 992px) and (max-width: 1199px){ .news_r_top .news1_r{ padding:15px 0; } .news_r_bot{ padding:25px 10px 25px 10px; } .news_r_top{ padding:20px; } } @media (min-width: 1200px) and (max-width: 1399px){ .news_r_top .news1_r{ padding:15px 0; } .news_r_bot{ padding:35px 20px 35px 20px; } .news_r_top{ padding:35px; } } .news_sec2{ width:100%; overflow:hidden; padding:0 0 80px 0; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .news_sec2_con{ text-align:right; } .news_sec2_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_sec2_list{ width:100%; padding:20px; background:#FFF; text-align:left; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_sec2_list:before{ position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:5px solid #FFF; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_sec2_list:hover:before{ border:5px solid #c7261e; } .news_sec2_list span{ display:block; width:100%; line-height:25px; font-size:13px; font-weight:600; color:#a0a4a7; text-align:right; border-bottom:1px solid #e5e5e7; } .news_sec2_list img{ margin-top:10px; } .news_sec2_list h5{ font-size:15px; text-align:left; font-weight:600; color:#333; margin-bottom:15px; letter-spacing:1px; } .news_sec2_list p{ font-size:13px; color:#666; text-align:left; letter-spacing:1px; line-height:22px; } .news_sec2_list a{ font-size:13px; font-weight:600; color:#c7261e !important; } .news_sec3{ width:100%; overflow:hidden; padding:0 0 80px 0; background:url(../images/news_sec3_bg.jpg) repeat; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .news_sec3_con{ width:100%; } .news_sec3_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_sec3_row{ border-bottom:1px solid #dfdcdc; margin-top:50px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_sec3_list{ padding:15px 10px; padding-bottom:30px; } .news_sec3_list h5{ font-size:15px; letter-spacing:1px; color:#333; font-weight:600; } .news_sec3_list span{ font-weight:600; color:#666; font-size:13px; } .news_sec3_list_more{ font-size:12px !important; letter-spacing:1px !important; } .news_sec3_list p{ font-size:13px; letter-spacing:1px; line-height:22px; color:#666; } .news_sec4{ width:100%; overflow:hidden; padding:0 0 80px 0; background:#f5f5f5; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .news_sec4_con{ text-align:right; position:relative; } .news_sec4_con>h5{ display:inline-block; font-size:16px; background:#999; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 30px 0 80px; margin:0; margin-bottom:50px; position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_sec4_cons{ width:100%; overflow:hidden; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_sec4_cons ul{ padding:0; margin:0; position:relative; } .news_sec4_cons ul li{ float:left; } .news_sec4_list{ padding:10px; } .news_sec4_btn{ width:100%; margin-top:30px; text-align:center; } /*.news_sec4_btn span{ display:inline-block; width:100px; line-height:35px; text-align:center; color:#c5261d; margin:0 8px; cursor:pointer; font-size:20px; } */ .news_sec4_btn span i{ -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_sec4_prev{ position:absolute; top:50%; left:-60px; margin-top:-25px; display:inline-block; width:50px; height:50px; border-radius:100%; border:1px solid #ccc; cursor:pointer; text-align:center; font-size:20px; line-height:50px; color:#CCC; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .news_sec4_next{ position:absolute; top:50%; right:-60px; margin-top:-25px; display:inline-block; width:50px; height:50px; border-radius:100%; border:1px solid #ccc; cursor:pointer; text-align:center; font-size:20px; line-height:50px; color:#CCC; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .news_sec4_prev:hover i{ padding-right:15px; } .news_sec4_next:hover i{ padding-left:15px; } .news_sec4_list{ position:relative; overflow:hidden; } .news_sec4_1{ height:100px; width:100%; background:#c5261d; } .news_sec4_list p{ color:#333; font-size:14px; letter-spacing:1px; background:#FFF; line-height:25px; height:90px; overflow:hidden; margin-bottom:0; text-align:left; padding:10px; display:block; } .news_sec4_list_img{ width:100%; position:relative; overflow:hidden; } .news_sec4_list_img:before{ width:100%; height:100%; background:#c7261e; content:''; position:absolute; top:-30%; left:0; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_sec4_list:hover .news_sec4_list_img:before{ top:0%; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; -webkit-opacity:0.5; } .news_sec4_list_img span{ display:inline-block; width:100%; line-height:40px; position:absolute; top:20%; left:0; margin-top:-40px; text-align:center; color:#FFF; font-weight:600; font-size:15px; letter-spacing:2px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_sec4_list:hover .news_sec4_list_img span{ top:50%; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; } @media (max-width: 767px) { .news_list1 .news_title{ font-size:15px; padding:0 30px 0 15px; line-height:40px !important; margin-bottom:30px; } .news1_l{ margin-top:0; } .news1_l_bot{ padding:15px 10px; } .news1_l_bot p{ font-size:13px; margin-top:0 !important; margin-bottom:10px !important; } .news_r_top{ padding:15px 15px; } .news_r_top h3{ font-size:16px; } .news_r_top .news1_r{ padding:10px 0 15px 0; } .news_r_bot { padding: 15px 10px; } .news_r_bot h3{ font-size:16px; } .news_list1{ padding-bottom:30px; } .news_sec2_con>h5{ font-size:15px; padding:0 15px 0 30px; line-height:40px; margin-bottom:30px; } .news_sec2{ padding-bottom:30px; } .news_sec3_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .news_sec3_row{ margin-top:0; } .news_sec3_list{ padding:10px 0; } .news_sec3_row{ border-bottom:none; } .news_sec3{ padding-bottom:30px !important; } .news_sec4_con>h5{ font-size:15px; padding:0 15px 0 30px; line-height:40px; margin-bottom:30px; } .news_sec4{ padding-bottom:30px; } .news_sec4_btn{ margin-top:15px; } } @media (min-width: 768px) and (max-width: 991px){ } /** news椤甸潰 **/ /** news_inner椤甸潰 **/ .news_sec3{ width:100%; overflow:hidden; padding:0 0 80px 0; background:url(../images/news_sec3_bg.jpg) repeat; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .news_sec3_con{ width:100%; } .news_sec3_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:50px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_inner{ width:100%; text-align:center; } .news_inner_t{ width:100%; padding-bottom:20px; border-bottom:1px dotted #c7261e; } .news_inner_t h5{ font-size:16px; font-weight:600; letter-spacing:2px; color:#333; } .news_inner_t span{ font-size:13px; display:inline-block; font-weight:600; color:#666; padding:10px 0; } .news_inner_con{ width:80%; max-width:950px; margin:0 auto; } .news_inner_con img{ margin:20px; } .news_inner_con p{ margin:20px; font-size:13px; line-height:25px; letter-spacing:1px; color:#666; text-align:left; } .news_inner_con>a{ display:inline-block; width:120px; line-height:40px; border:1px dotted #c7261e; font-size:15px; letter-spacing:2px; color:#666; margin-top:30px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_inner_con>a:hover{ background:#c7261e; color:#FFF; } .news_inner_b{ width:100%; border-top:1px dotted #c7261e; padding-top:15px; } .news_inner_b a{ display:block; width:100%; font-size:13px; letter-spacing:1px; color:#666; border:none; line-height:25px; text-align:left; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .news_inner_b a:hover{ color:#c7261e; } @media (max-width: 767px) { .news_sec3_con>h5{ font-size:15px; padding:0 30px 0 15px; line-height:40px; margin-bottom:30px; } .news_inner_t h5{ font-size:15px; } .news_inner_t span{ padding:5px 0; } .news_inner_t{ padding-bottom:10px; } .news_inner_con{ width:100%; } .news_inner_con img{ margin:15px 0; } .news_inner_con p{ margin:15px 0; } .news_inner_con a{ margin-top:15px; } } @media (min-width: 768px) and (max-width: 991px){ } /** news_inner椤甸潰 **/ /** contact椤甸潰 **/ .contact{ width:100%; overflow:hidden; padding-bottom:80px; overflow:hidden; font-family:"Microsoft YaHei","寰蒋闆呴粦"; } .contact_con{ width:100%; } .contact_con>h5{ display:inline-block; font-size:16px; background:#c7261e; text-transform:uppercase; font-weight:600; letter-spacing:2px; color:#FFF; line-height:50px; padding:0 80px 0 30px; margin:0; margin-bottom:20px; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .contact_con_list{ margin:30px 0; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .contact_con_list h5{ font-size:14px; font-weight:600; letter-spacing:1px; color:#c7261e; } .contact_con_list p{ font-size:13px; letter-spacing:1px; color:#666; line-height:22px; margin-bottom:0; } .contact_con_lists{ width:100%; margin-top:30px; } .contact_con_lists>h5{ font-size:15px; font-weight:600; letter-spacing:1px; color:#333; line-height:25px; } .contact_con_lists>p{ margin-top:60px; font-size:14px; color:#666; font-weight:600; letter-spacing:1px; } .contact_con_lists>div{ margin-top:60px; } .contact_con_lists span{ font-size:13px; color:#a0a0a0; display:block; font-weight:600; letter-spacing:1px; line-height:30px; } .liuyan{ width:100%; background:#9d9d9d; padding:10% 5%; position:relative; left:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .liuyan p{ font-size:13px; line-height:25px; margin-bottom:10px; letter-spacing:2px; color:#fff; margin-bottom:20px; } .liuyan p span{ float:left; } .liuyan p input{ width:calc(100% - 50px); padding:0 10px; letter-spacing:1px; font-size:13px; background:none; border:1px solid #eee; color:#eee; padding:5px; } .liuyan p textarea{ width:calc(100% - 50px); padding:0 10px; letter-spacing:1px; font-size:13px; background:none; border:1px solid #eee; padding:5px; } ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { color: #ccc; } ::-moz-placeholder { color: #ccc; } :-ms-input-placeholder { color: #ccc; } .liuyan a{ display:inline-block; text-align:center; width:150px; line-height:35px; font-size:13px; letter-spacing:2px; background:#eee; color:#000; -webkit-transition: .3s linear; -moz-transition: .3s linear; -ms-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; } .liuyan a:hover{ background:#c7261e; color:#FFF; } .contact_map{ position:relative; right:-120px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } @media (max-width: 767px) { .contact_con>h5{ font-size:15px; line-height:40px; margin-bottom:30px; padding:0 30px 0 15px; } .contact_con_list{ margin:15px 0; } .contact{ padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 991px){ } /** contact椤甸潰 **/ /** 渚涘簲鍟嗗姞鐩 **/ .table_contact table{ border:none !important; padding:0px; } .table_contact table tr td input{ width:100%!important; } /** 渚涘簲鍟嗗姞鐩 **/ /** download **/ .download{ font-size:14px; position:relative; padding-bottom:5%; } .download table tr th{ height:60px; text-align:center; background:#ccc; } .download table tr td{ height:60px; text-align:center; line-height:60px; border-bottom:1px solid #FFF; border-right:1px solid #FFF; } .download table tr td a{ color:#F00; } .zhan_con{ position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .zhan_con_img{ width:100%; max-width:600px; margin:0 auto; } .denglu_box{ background:#fff; width:600px; height:400px; margin:0 auto; margin-top:30px; padding:0 10%; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .denglu_box h5{ font-size:20px; text-align:center; padding-top:12%; margin-bottom:8%; } .denglu_box p{ margin-bottom:20px; } .denglu_box p span{ width:15%; display:inline-block; font-size:15px; letter-spacing:2px; } .denglu_box p>input{ display:inline-block; width:85%; line-height:25px; padding:5px 15px; } .denglu_box>span{ display:inline-block; width:100%; font-size:12px !important; } .denglu_box>span a{ float:right; } .denglu_box>span input{ position:relative; top:3px; } .denglu_box>a{ display:block; width:100px; line-height:30px; background:#c7261e; font-size:15px; color:#fff !important; text-align:center; letter-spacing:2px; margin:0 auto; margin-top:20px; } .zhuce_box{ background:#fff; width:600px; height:400px; margin:0 auto; margin-top:30px; padding:0 8%; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .zhuce_box h5{ font-size:20px; text-align:center; padding-top:8%; margin-bottom:6%; } .zhuce_box p{ margin-bottom:15px; } .zhuce_box p span{ width:20%; display:inline-block; font-size:15px; letter-spacing:2px; } .zhuce_box p>input{ display:inline-block; width:80%; line-height:25px; padding:5px 15px; } .zhuce_box p img{ margin-left:5px; } .zhuce_box p a{ margin-left:5px; } .zhuce_box>span{ display:inline-block; width:100%; font-size:12px !important; } .zhuce_box>span a{ float:right; } .zhuce_box>span input{ position:relative; top:3px; } .zhuce_box>a{ display:block; width:100px; line-height:30px; background:#c7261e; font-size:15px; color:#fff !important; text-align:center; letter-spacing:2px; margin:0 auto; margin-top:20px; } .zhongguo{ width:60%; margin:0 auto; margin-top:30px; margin-bottom:15px; } .zhongguo h5{ font-size:16px; color:#333; letter-spacing:1px; text-align:center; } .zhongguo p{ font-size:13px; color:#666; letter-spacing:1px; line-height:25px; } .zhan_con p{ width:80%; font-size:13px; letter-spacing:1px; color:#666; margin:0 auto; margin-top:30px; line-height:25px; } @media (max-width: 767px) { } @media (min-width: 768px) and (max-width: 991px){ } .u-page { text-align: center; } .u-page .active { background: #000; color: #fff; } .u-page a { position: relative; display: inline-block; border: 1px solid #ccc; height: 25px; line-height: 25px; padding: 0 12px; margin-left: 2px; font-size: 12px; color: #000; } .u-page .cur-page { border: none; height: 25px; line-height: 25px; background-color: #000; border: 1px solid #000; color: #fff; } /** download **/ /** 鍜ㄨ **/ .back_top{ cursor:pointer; } .fix_right{ z-index:200; position:fixed; top:50%; margin-top:-156px; width:50px; right:0; line-height:50px; } .fix_right span{ display:inline-block; width:50px; height:50px; cursor:pointer; text-align:center; color:#fff; line-height:50px; font-size:15px; } .fix_right span a{ color:#fff; } .fix_right>li{ width:50px; height:50px; position:relative; margin-top:2px; } .fix_right>li>h5{ width:180px; height:50px; position:absolute; top:0; left:0px; margin:0; background:#c7261e; border-radius:5px 0 0 5px; color:#fff; line-height:50px; font-size:14px; font-weight:600; } .foot_ewm img{ position:absolute; top:-150px; left:-200px; display:none; } .contact_con_list p i{ font-size:15px; display:inline-block; width:25px; } .job2_tit{ text-align:center; } .job2_tit h5{ font-size:20px; } .job2_tit p{ font-size:15px; letter-spacing:1px; } .job2_write{ margin-bottom:30px; text-align:center; } .clp1{ padding-left:0 !important; padding-right:7px !important; } .clp2{ padding-left:7px !important; padding-right:0px !important; } /*浼犲姩鏂规*/ .demand{ margin-bottom:60px; padding-bottom:60px; } .demand ul{ border:#ddd 1px solid; } .demand_tit{ padding:10px; } .demand_tit span{ float:left; padding:0 5px; } .demand_tit .demandsp_r{ float:right; } .demand_tit .demandsp_r span{ padding:0 5px; } .demand table{ width:100%; border:#ddd 1px solid; } .demand td{ border-bottom:#ddd 1px solid; padding:0 10px 10px; } .demand h4{ font-size:14px; font-weight:bold; } .demand p{ font-size:12px; } /*璁捐鏂规*/ .designt_b{ overflow:hidden; } .designt_b h2{ text-align:center; padding:30px 0; } .design li{ float:left; width:32%; text-align:center; padding:10px 10px; border:#ddd 1px solid; margin:0.3%; } .design_b{ padding-top:10px; } /*鏂规纭*/ .proj_tit{ width:100%; overflow:hidden; padding:10px 0; } .proj_tit span{ background:url(../images/probg.png) no-repeat center; display:inline-block; float:left; width:20%; height:40px; padding:0 7.5%; line-height:40px; color:#fff; } .pro_bot{ border:#ddd 1px solid; padding:20px; margin:50px 0; } .pro_bot h4{ width:100%; text-align:left; height:30px; font-size:16px; font-weight:bold; line-height:30px; } .pro_bot h5{ font-size:14px; font-weight:bold; } /*瀹夎璋冭瘯*/ .mount{ padding:10px; } .mount h2{ text-align:left; padding-bottom:0; font-size:16px; font-weight:bold; } .mount p{ font-size:12px; line-height:24px; padding-left:10px; } .mount h3{ font-size:14px; font-weight:bold; } .mount h4{ font-size:14px; font-weight:bold; text-align:center; width:45%; } .mount_left{ width:45%; float:left; margin-right:2% } .mount_right{ width:40%; float:left; margin-top:30px; } .mount_b{ width:100%; overflow:hidden;} /*defend*/ .defend{ margin-bottom:60px; } .defend h2{ text-align:left; padding-bottom:0; font-size:16px; font-weight:bold; } .defend h3{ text-align:left; font-size:14px; font-weight:bold; } .defend p{ font-size:12px; line-height:24px; padding-left:10px; text-align:left; } .defend table{ width:60%; border-collapse:collapse; border-spacing:0 } .defend th{ font-size:14px; line-height:35px; font-weight:bold; text-align:center; border:#ddd 1px solid; width:30%; } .defend td{ font-size:12px; line-height:30px; border:#ddd 1px solid; text-align:center; } /*浼犲姩鏂规*/ .case_box li{ float:left; width:31%; margin-right:2%; margin-bottom:4%; border:#ddd 1px solid; } .case_box p{ text-align:center; line-height:40px; padding:10px 0; } @media (max-width: 767px){ .sec8_con_zi p{ height:50px; overflow:hidden; } .sec8_con_zi p{ display:none; } .main_box3_2{ display:none; } .footer2{ display:none; } .footer_bot a{ display:none; } } @media (min-width: 768px){ .main_box1{ overflow:hidden; position:relative; } .main_box2{ background:#f5f5f5; overflow:hidden; position:relative; } .main_box2 .sec3{ width:100%; height:85%; position:absolute; top:7.5%; left:0; } .sec3{ padding:0px 0 !important; } .sec3_left_zi span{ overflow:hidden; } .sec3_left_zi a{ overflow:hidden; } .sec3_left_zi span{ height:100%; } .sec3_left_zi a>img{ } .main_box3{ width:100%; position:relative; } .main_box3 .sec4{ width:100%; height:85%; position:absolute; top:7.5%; left:0; padding:0; } .main_box3_1{ overflow:hidden; } .main_box3_1>div{ height:100%; } .main_box3_1>div>div{ height:100%; } .main_box3_1>div>div>div{ height:100%; } .main_box3_1>div>div>div>div{ height:100% !important; } .main_box2 .sec3>div{ height:100% !important; } .main_box2 .sec3>div>div{ height:100% !important; } .main_box3_2{ background:url(/images/unohacha_20160503062357.jpg) center no-repeat !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/unohacha_20160503062357.jpg',sizingMethod='scale'); background-size:cover !important; position:relative; } .main_box3_2 h5{ font-size:26px; color:#000; letter-spacing:2px; font-weight:700; position:absolute; top:12%; left:8%; font-family:"妤蜂綋"; } .main_box3_2>img{ position:absolute; top:6%; left:3%; } .main_box4{ width:100%; position:relative; overflow:hidden; background:#fafafa; } .main_box4 .sec7{ width:100%; height:85%; position:absolute; top:7.5%; left:0; border-top:none; padding:0; background:none; } .main_box4 .sec7>div{ height:100% !important; position:relative; } .sec8_con{ position:absolute; top:50%; } } @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 992px) and (max-width: 1199px) { .main_product{ padding:20px 0 20px 0; } .main_products2{ margin-top:20px !important; } .main_box1 .container{ width:80% !important; } .main_products_small_text>p{ display:none !important; } .main_products_small_text>h2{ font-size:15px !important; } .main_box2 .container{ width:80% !important; } .sec4_con_l>ul li{ line-height:25px; font-size:12px; } .sec4_con_l>ul li>span { display: inline-block; width: 20px; height: 20px; border: 1px solid #c2c1c1; position: relative; top: 4px; margin-right: 15px; color: #c7261e; text-align: center; line-height: 20px; font-size: 14px; } .sec3_three_text h3{ padding-top:0px; height:40px; line-height:40px; margin-bottom:0; } } @media (min-width: 1200px) and (max-width: 1399px) { .main_product{ padding:30px 0 30px 0; } .main_products2{ padding-left:4px; margin-top:20px !important; } .main_box1 .container{ width:80% !important; } .main_products_small_text>p{ display:none !important; } .main_box2 .container{ width:80% !important; } .sec4_con_l>ul li{ line-height:65px; font-size:13px; } .sec4_con_l>ul li>span { display: inline-block; width: 25px; height: 25px; border: 1px solid #c2c1c1; position: relative; top: 4px; margin-right: 15px; color: #c7261e; text-align: center; line-height: 25px; font-size: 15px; } .sec4_con_l>ul li>span img{ width:23px !important; height:23px !important; } .sec3_three_text h3{ padding-top:0px; height:50px; line-height:50px; margin-bottom:0; } .sec4_con_l .clearfix{position:absolute; top:50%; margin-top:-98px;} .main_box2 .sec3>div>div>div>div{ height:100% !important; } .main_box2 .sec3>div>div>div>div>div{ height:100% !important; } .sec3_left_zi span p{ } .sec3_left_zi span p{ height:25px; line-height:25px; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; } .sec3_left_zi h5{ margin:0; padding:0; } .newstime{ height:25px; line-height:25px; } } @media (min-width: 1400px) and (max-width: 1599px) { .main_product{ padding:30px 0 30px 0; } .main_products2{ margin-top:20px !important; } .main_box1 .container{ width:81% !important; } .main_box2 .container{ width:80% !important; } .sec4_con_l>ul li{ line-height:65px; font-size:15px; } .sec4_con_l .clearfix{position:absolute; top:50%; margin-top:-98px;} .sec3_three_text h3{ padding-top:0px; height:60px; line-height:60px; margin-bottom:0; } .sec3_left_zi span p{ height:18px; overflow:hidden; } } @media (min-width: 1600px) { .main_product{ padding:40px 0 40px 0; } .main_products2{ margin-top:30px !important; } .main_box1 .container{ } .main_box2 .container{ } .sec4_con_l>ul li{ line-height:60px; font-size:15px; } .sec3_three_text h3{ padding-top:0px; height:70px; line-height:70px; margin-bottom:0; } .sec3_left_zi span p{ height:36px; overflow:hidden; } } .lang{ z-index:99999; position:fixed; top:0; right:40px; margin-top:13px; } .lang span{ display:inline-block; padding:0 10px; color:#999; font-size:16px; cursor:pointer; position:relative; z-index:99999; } .lang_xp{ position:absolute; bottom:-71px; left:50%; margin-left:-90px; width:190px; background:#fff; border: 1px solid #f5f5f5; box-shadow: 0 6px 8px rgba(0, 0, 0, .2); z-index:99999999999999999; padding:20px 35px; border-radius:2px; display:none; } .lang span:hover .lang_xp{ display:block; } .lang span .lang_xp a { font-size: 10px; color: #999; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .lang span .lang_xp a:hover{ color: #c7261e; margin-left:3px; } .lan_four li{ line-height:25px !important; } .lang span i{ width:20px; height:20px; border:1px solid #999; line-height:20px; border-radius:100%; text-align:center; margin-right:10px; margin-left:5px; margin-top:5px; } .lang span a{ font-size:16px; color:#999; } .sec8_cona_show{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999999999; display: none; } .sec8_cona_show_bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #000; opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60); } .sec8_cona_show_txt{ width: 80%; position: absolute; top: 50%; left: 10%; background: #fff; border-radius: 5px; padding: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sec8_cona_show_txt>span{ position: absolute; top: 12px; right: 12px; font-size: 24px; color: #333; cursor: pointer; } .sec8_cona_show_txt_box h5{ font-size: 20px; color: #333; text-align: left; margin: 0; margin-bottom: 20px; } .sec8_cona_show_txt_box p{ font-size: 14px; color: #666; line-height: 25px; }