body,html{ font-size:14px; overflow-x:hidden; margin:0px; padding:0px; font-family: 'Conv_JournalSansC'; line-height:22px; letter-spacing:1px;} ul,li{ padding:0px; margin:0px;} li{ list-style:none;} img{ border:none;} .clear{ clear:both;} a{ text-decoration:none;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;} a:hover{transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s; text-decoration:none;} @font-face { font-family: 'Conv_JournalSansC'; src: url('../font/JournalSansC.eot'); src: url('../font/JournalSansC.woff') format('woff'), url('../font/JournalSansC.ttf') format('truetype'), url('../font/JournalSansC.svg') format('svg'); font-weight: normal; font-style: normal; } /*******header********/ .daohang{ width:100%; position:absolute; left:0; top:0; background:#000; z-index:999;} .logo{ float:left; width: 18%; margin-top: 14px; } .logo img{width:100%;} .menu{ float:right;} .menu ul{} .menu ul li{ position:relative; float:left; line-height:80px; padding:0 20px 0 20px; color:#fff; font-size:14px; } .menu ul li a{color:#fff; font-family:"微软雅黑"; } .menu ul li a:hover { text-decoration: none; color:#d83720; } .menu ul li a:after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0%; bottom: -10px; background-color: #000; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .menu ul li a:hover:after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 15px; background-color: #d83720; opacity: 1; } /*******header********/ /*******banner********/ .banner{ position:relative;} .banner_wz{ position:absolute; left:0; bottom:50%;} .banner_wz p{ text-transform:uppercase; color:#fff; text-align:center; font-size:16px; margin-top:20px;} .banner_ln{ width:24%;height:78%; position:absolute; right:0; bottom:50px; z-index:999; } .banner_list{ } .banner_list img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_list img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_list1{ background:#fff; position:relative; border:#ccc 1px solid} .banner_list1_nr{ width:100%; position:absolute; left:0; top:0;} .banner_list1_nr h1{ color:#fff; font-size:16px; text-align:center; font-family:"微软雅黑"; padding-top:10%;} .banner_list1_nr p{ color:#fff; font-size:16px; text-align:center; font-family:"微软雅黑"; } .banner_list2{ } .banner_list2 img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_list2 img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_lista img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_lista img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_list3{ position:relative;} .banner_list3 img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_list3 img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_list3_nr{ width:175px; position:absolute; top:50%; left:50%; margin-top:-28px;z-index:999;} .banner_list3_nr p{text-shadow: 2px 2px 3px #000; color:#fff; font-size:18px; text-align:center; font-family:"微软雅黑";} .banner_list3_nr span { text-shadow: 2px 2px 3px #000; padding: 0 5px 0 5px; font-size: 12px; margin: 0; color: #fff; text-align: center; font-family: "微软雅黑"; } .banner_list4{ position:relative; height:100%; } .banner_list4_nr{ width:100%; position:absolute; left:0; top:50%; margin-top:-36px; } .banner_list4_nr p{ width:90%; margin:0 auto; color:#fff; font-size:12px; text-align:center; font-family:"微软雅黑";} .banner_list4_nr img{ display:block; margin:0 auto; padding-bottom:10px;} .banner_list5{ position:relative; height:100%;} .banner_list5 img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_list5 img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_list5_nr{width:100%; position:absolute; right:0; top:50%; margin-top:-36px;} .banner_list5_nr p{ color:#000; font-size:12px; text-align:center; font-family:"微软雅黑";} .banner_list5_nr img{ display:block; margin:0 auto; padding-bottom:10px;} .banner_list6{ position:relative;} .banner_list6_nr{ width:100%;} .banner_list6_nr img{ display:block; margin:0 auto; } .banner_list6_nr img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_list6_nr img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_list6_nr p{color:#FFF; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;} .banner_list7{} .banner_list7_nr{ width:100%;} .banner_list7_nr img{ display:block; margin:0 auto; } .banner_list7_nr img { -moz-transform: perspective(0px) rotateY(0deg); -webkit-transform: perspective(0px) rotateY(0deg); transform: perspective(0px) rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; } .banner_list7_nr img:hover{ -moz-transform: perspective(800px) rotateY(360deg); -webkit-transform: perspective(800px) rotateY(360deg); transform: perspective(800px) rotateY(360deg); transition: all 1s; -webkit-transition: all 1s;} .banner_list7_nr p{color:#000; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;} .ss{ } #ln01{ position:relative; left:-480px; opacity:0;} #ln02{ position:relative; right:-480px; opacity:0;} #ln03{ position:relative; left:-480px; opacity:0;} #ln04{ position:relative; right:-480px; opacity:0;} /*******banner********/ /***banner***/ .banner{ width:100%; z-index:1; overflow:hidden; position:relative; } .banner-list{ width:100%; height:100%; padding-left:0; position:relative; z-index:-1; } .banner-list>li{ width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear; opacity:1 !important; } .banlion{ -webkit-transform:scale(1) !important; -moz-transform:scale(1) !important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important; transform:scale(1) !important; -webkit-transition: 5s linear !important; -moz-transition: 5s linear !important; -ms-transition: 5s linear !important; -o-transition: 5s linear !important; transition: 5s linear !important; } .cont1{ width:100%; height:100%; padding-left:0; position:absolute; top:0; left:0; z-index:100; } .cont2{ width:100%; height:100%; padding-left:0; position:absolute; top:0; left:0; z-index:100; display:none; } .cont3{ width:100%; height:100%; padding-left:0; position:absolute; top:0; left:0; z-index:100; display:none; } .bf{ width:70px; height:70px; position:absolute; top:60%; left:50%; margin-left:-35px; margin-top:-35px; background:url(../images/bf.png); background-size:100% 100%; opacity:0; } .bf:hover{ background:url(../images/bf1.jpg); } .bf-te{ width:100%; position:absolute; top:60%; opacity:0; margin-top:40px; text-align:center; } .bf-te>p{ color:#ddd; letter-spacing:1px; } .bf-te1{ width:100%; position:absolute; bottom:5%; opacity:0; text-transform : uppercase; margin-bottom:30px; } .bf-te1 font{ font-weight:600; font-size:22px; } .bf-te1>p{ font-size:48px; color:#FFF; padding-left:5%; line-height:48px; } .readmore{ width:100%; position:absolute; bottom:0%; opacity:0; } .readmore a:hover{background-color: rgba(0, 0, 0, .7);border:1px solid #000;} .readmore a{ margin-left:5%; margin-bottom:0; width:200px; text-align:center; line-height:35px; border:1px solid #fff; font-size:14px; color:#fff; display:block; font-family:Verdana, Geneva, sans-serif; } .banner-num{ width:100%; position:absolute; left:0px; bottom:5%; margin-top:-40px; z-index:101; } .banner-num>ul{ padding-left:0; margin-bottom:0; text-align:center; width:100%; } .banner-num>ul li{ width:12px; height:12px; background:#fff; border-radius:5px; margin-top:25px; display:inline-block; margin-right:10px; } .banner-list>li:nth-child(1){ /*background:url(../images/banner_bg1.jpg) no-repeat;*/ background-size:100% 100%; } .banner-list>li:nth-child(2){ /*background:url(../images/banner_bg2.jpg) no-repeat;*/ background-size:100% 100%; display:none; } .banner-list>li:nth-child(3){ /*background:url(../images/banner_bg3.jpg) no-repeat;*/ background-size:100% 100%; display:none; } .numon{ background:#888 !important; } /***banner***/ /*******list********/ .foot-nav { width:100%; margin-top:30px; margin-bottom:30px; background:#FFF } .foot-nav .fn { width:100%; position:relative; } .foot-nav .fn .content { width:100%; overflow:hidden; position:relative } .foot-nav .fn .content img{ -webkit-transform: scaleX(1) scaleY(1); transition: all 3s; -webkit-transition: all 3s;} .foot-nav .fn .content img:hover{transform:scaleX(1.1) scaleY(1.1); -webkit-transform:scaleX(1.1) scaleY(1.1);} .foot-nav .fn .bg { width:100%; overflow:hidden; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity: 0.4; position:absolute; top:0; } .foot-nav .fn .content .txt { width:100%; height:100px; line-height:25px; text-align:center; font-family:"Microsoft JhengHei", "Microsoft YaHei","Arial"; font-size:14px; margin-top:115px; z-index:11; position:absolute; cursor:pointer; color:#fff; top:50%; margin-top:-60px; } .cplist{margin-top:15px; margin-bottom:30px;} #txt1 h4{ margin-bottom:5px;} #txt1 a{ width:100px; color:#fff; border:#fff 1px solid; line-height:30px; display:block; margin:20px auto;} #txt1 a:hover{ color:#fff; border:#d83720 1px solid; background:#d83720} /*******list********/ /*******footer********/ .footer{background:#f0f0f0; width:100%; padding-top:30px; padding-bottom:20px; text-align:center;} .foot_warpper_one{ float:left;} .foot_warpper_one p{ text-align:left; margin-bottom:0px; line-height:20px; color:#333; font-size:12px; font-family:"微软雅黑";} .foot_warpper_one a:hover p{color:#d83720;} .foot_warpper_one span{ display:block; text-align:left; margin-bottom:30px; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:40px} .unohacha{ width:140px; height:35px; margin-top:10px; float:right;} .shuru{ width:100%; height:40px; margin-bottom:30px; } .shuru_left{ width:81%; height:30px; float:left;} .shuru_right{ width:19%; height:32px; float:right; background:#bfbfbf; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:center; line-height:32px;} .shuru_right a{ color:#fff} .shuru_right a:hover{ color:#221e1f} .sub_menu{ width:220px; height:33px;padding-top:10px;} .sub_menu li{ width:33px; height:33px; float:left; margin-right:5px; position:relative} .sub_menu li span{ position:absolute; left:0px; top:0px; display:none; line-height:normal;} .liuyan{ width:280px; float:right;} .liuyan_btn{ width:70px; font-size:14px; color:#fff; background:#000; line-height:44px; float:left; } .input1{ float:left; outline-color:#d83720; width:75%; border:#333 2px solid; text-align:center; color:#333; font-size:16px; line-height:38px;} .banquan{ float:left;line-height: 44px; text-align:left; color: #333;font-family: Arial, Helvetica, sans-serif; font-size:12px;} .unohacha_logo { float: right; } /*******footer********/ .phone{ display:none; } .banner_list6{ } .banner_list7{ } .banner_list6_nr img{width:100%; } .banner_list7_nr img{width:100%; } @media (max-width: 1200px) { .banner_list4_nr img{ display:none;} .banner_list4_nr { width:80%; left:10%;} .banner_list5_nr{ width:80%; left:10%;} .banner_list5_nr img{ display:none;} .banner_list5_nr p { } .banner_list1_nr p{ } .banner_list3_nr{ margin-top:-58px;} .jush{ margin-top:18% !important;} .banner_list4_nr p{ font-size:18px;} .banner_list5_nr p{ font-size:18px;} .banner_ln{ width:35%; bottom:18px;} .banner_list3_nr p{ font-size:18px;} } @media (max-width: 768px) { .indexnewsitem .col-lg-4{ padding-right:15px;} .navbar-nav{ background:#fff; margin-top:0px; float:none;} .navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5;} .navbar-nav a{ color:#666;} .navbar-nav a:hover{ color:#118bce;} .navbar-header{ background:#d5392a;} .navbar-collapse{border-top: 1px solid #e5e5e5;} nav{ margin-top:0px;} header{ display:block; position:fixed; top:0px; width:100%; left:0px; z-index:9999; background:#000 !important; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} .headerbg{background:#d7d2cb;} .pcheader{ display:none;} .navbar-toggle {} .banner{ margin-top:64px;} .logo_boxlist{ float:left; height:65px;} .phone .container{ padding:0px;} .daohang{ display:none;} .phone{ display:block;} .cplist{ width:100% !important;} .cont1{ display:none;} .cont2{ display:none;} .cont3{ display:none;} .banner_ln{ display:none;} .liuyan{ float:none; margin:30px auto;} .banquan{ display:none;} .foot-nav{ height:auto;} .foot-nav .fn{ margin-top:30px;} .banner_wz img{ width:100%;} .index_fl{ margin-top:20px !important;} .index_ms{ padding-left:0 !important;} .index_fy{ padding-right:0 !important;} .banner-list{ position:relative;} .pic_box{ padding-left:2%; padding-right:2%; margin-top:32%; position:absolute; left:0%; bottom:0%;} .pictop{ overflow:hidden; padding-bottom:2%;} .topleft{width:49%;float:left;} .topright{width:49%;float:right;} .center{ padding-bottom:2%;} .picbottom{ overflow:hidden; width:100%;} .bottom1{ width:50%;float:left;} .bottom2{ width:25%; float:left;} .bottom3{ width:25%;float:left;} } @media screen and (min-width:1000px) and (max-width: 1365px) { .abwz_nm{ font-size:14px; } .abwz_wzjs{ font-size:12px; } } @media screen and (min-width:768px) and (max-width: 1200px) { .daohangnav{ width:100%;} .menu ul li{padding: 0 15px 0 15px} } @media (max-width: 1024px) { .about_div1{ background:none; } #abul li{ width:100%; } .banner_list1_nr h1{ color:#fff; font-size:16px; text-align:center; font-family:"微软雅黑"; padding-top:0;} .banner_list3_nr{margin-left: -12% !important;} .banner_list4_nr p{margin-top:13%} .banner_list5_nr p{margin-top:13%} } @media (max-width: 980px) .abli0 { display: none; }