*{ margin: 0;padding:0;color:#777;text-decoration: none;} a{ color:#777;} a:hover{text-decoration: none;} a:visited {text-decoration: none;} a:active{text-decoration: none;} img{ border:0px;} ol,ul{ list-style:none;} fieldset,img,abbr,acronym{ border:0;} input,select{ vertical-align:middle} h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;} q:before,q:after{content:'';} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display: block } *,*:before,*:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .line{ height:0px; clear:both; overflow:hidden; width:100%;} .maxp1200{width:100%; max-width:1230px; margin:0 auto;padding-right: 15px; padding-left: 15px;} .max1200{width:100%; max-width:1230px; margin:0 auto;} #top_line{ color:#ddd; width:100%; background:#232425; line-height:40px; height:40px;} #top_line a{ color:#ddd;}#top_line a:hover{color:#ddd;text-decoration: none;} #top_line li:nth-child(1){ float:left;} #top_line li:nth-child(2){ float:right; color:#444;} #top_line li:nth-child(2) a{ padding:0 10px;} #top_line li:nth-child(2) a:nth-child(3){ padding:0 0 0 10px;} #muen{ width:100% clear:both; background-color: #f8f8f8; } #muen .navbar{margin-bottom: 0px; font-size:16px;} #muen .navbar-default { background-color: #f8f8f8;border:none;} #muen .navbar ul li{ margin:0 4vw 0 0;} #muen .navbar ul li{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #muen .navbar ul li:hover{background:#e7e7e7;text-decoration: none;} /*#muen .navbar ul li:hover a{color:#fff;} #muen .navbar ul li:hover .caret{color:#fff;}*/ #muen .navbar-collapse{ padding-left:0px;padding-right: 0px;} #muen .navbar ul li .dropdown-menu li{ margin:0 0vw 0 0vw;} #muen .navbar ul li .dropdown-menu li a{ padding:5px 15px;} #muen .navbar ul .open:hover{color:#777;text-decoration: none;} #muen .navbar ul li li:hover{color:#444;background:none;} /*#muen .navbar ul .open:hover a{color:#777;} #muen .navbar ul .open:hover .caret{color:#777;}*/ #muecp{ display:none;} .morenew{ width:100%; clear:both; overflow:hidden; text-align:left; padding:5px 0 5px 0;} .morenew a{ padding:6px 15px; background:#A6BA2C;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); color:#FFF;} #index_newstabcont .tab-pane .index_newstabcont_cont .morenew a{ color:#FFF;} #index_newstabcont .tab-pane .index_newstabcont_cont .morenew a:hover{ color:#FFF;text-decoration: none;} .index_wenti_cont .morenew a{ color:#FFF;} .index_wenti_cont .morenew a:hover{ color:#FFF;text-decoration: none;} #muen .navbar .glyphicon{ margin:15px 0 0 0;} #logo{ overflow:hidden; clear:both; padding:3vh 0;} #logo .left{ float:left;} #logo .right{ font-size:24px;color:#E52028; font-weight:bold; float:right; padding:10px 0 0 0; display:flex;/*Flex布局*/display: -webkit-flex; /* Safari */align-items:center;/*指定垂直居中*/} #logo .right div:nth-child(2){ padding:0 0 0 2vw; color:#a6ba2c;} #logo .right div{ float:left;} #myCarousel .carousel-control.left{ background-image:none;} #myCarousel .carousel-control.right{ background-image:none;} #search{ overflow:hidden; padding:3vh 0;} #search a{ color:#444;} #search .left{float: left; line-height:40px;width:80%; color:#444;} #search .right{float: right;background: #eee;padding:5px 10px;border-radius: 5px; width:20%;} #search .right #kws{float:left; background:none; border:none; height:32px; line-height:32px; width:80%;} #search .right #subimg{ float:right; margin:5px 0 0 5px;} .sydnav{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; padding:20px 13px 10px 13px;justify-content: center; display: none; overflow:hidden;} .sydnav a{ width:31%; text-align:center; font-size:12px; padding:10px 0 0 0; display:block; color:#fff; float:left;border-radius: 3px;} .sydnav a p{ color:#282F3E;} .sydnav a:hover{ color:#FFF;text-decoration: none;} .sydnav a img{ max-height: 30px;} .sydnav a:nth-child(1){margin:0 0 0 0%;} .sydnav a:nth-child(2){margin:0 3.5%; } .sydnav a:nth-child(3){margin:0 0% 0 0;float:right;} #homecpqh{ background:#f5f5f5; width:100%; overflow:hidden; padding:3vh 0;} #homecpqh .nav-tabs{border-bottom:none;} #homecpqh .nav-tabs>li.active>a{cursor: default;background-color: #f5f5f5; border:none; border-bottom-color: transparent; } #homecpqh .nav-tabs>li>a{border: none;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #homecpqh .nav>li>a{border:none;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease; } #homecpqh .nav>li>a:hover {border:none; background:none;} #homecpqh .nav>li>a:hover div{ color:#A6BA2C;} #homecpqh .nav>li>a img{background:#fff; width:100%; height:100%; max-width:100px; border-radius:50%;overflow:hidden;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease; } #homecpqh a div:nth-child(1){ margin:0 auto;border:2px solid #fff;background:none; width:100%; height:100%; max-width:100px;border-radius:50%;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease; } #homecpqh .nav>li>a:hover div:nth-child(1){ padding:3px;} #homecpqh a div:nth-child(1) img{ width:100%;} #homecpqh a div:nth-child(2){ padding:5px 0 0 0; color:#444;text-decoration: none;} #homecpqh li{float:left; width:20%; text-align:center;} #homecpqh a {font-size:18px;} #homecpqh a div{} #homecpqh a{text-decoration: none;} #homecpqh a:hover{text-decoration: none;} #wdys .dhx:hover a{ color:#A6BA2C;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #wdys .dhx:before{content: "";position: absolute;left:0;bottom: -2px; width: 0; height: 2px;background: #A6BA2C;transition: all .3s;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #wdys .dhx:hover:before{width: 100%;left: 0;right: 0;} #index_newstab .dhx:hover a{ color:#A6BA2C;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #index_newstab .dhx:before{content: "";position: absolute;left:0;bottom: -2px; width: 0; height: 2px;background: #A6BA2C;transition: all .3s;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #index_newstab .dhx:hover:before{width: 100%;left: 0;right: 0;} .hk:hover a{ color:#A6BA2C;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} .hk:before{content: "";position: absolute;left:0;bottom: -2px; width:100%; display:block;background: #A6BA2C; transition: all .3s;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} .hk:hover:before{width: 100%;left: 0;right: 0;} #myTabContent a:hover{text-decoration: none;} #myTabContent p:nth-child(1){ font-size:20px; color:#444;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #myTabContent p:nth-child(2){ color:#999;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #myTabContent .left{ float:left; width:50%; background: url(../images/homebpbg1.jpg);background-size:100% 100%; height:54vh;} #myTabContent .left a{max-width:600px; width:100%; float:right; display:block;} #myTabContent .left p{ text-align:right; padding:0 5vw 0 0;} #myTabContent .fgl:nth-child(1){float:left; width:50%; background:url(../images/homebpbg1.jpg);background-size:100% 100%; height:500px;} #myTabContent .fgl:nth-child(1) a{max-width:600px; width:100%; float:right; display:block;} #myTabContent .fgl:nth-child(1) span:nth-child(1){ width:100%; padding:8vh 10% 0 0; text-align:right;} #myTabContent .fgl:nth-child(1) span:nth-child(2){ width:80%; padding:0 0 0 0;} #myTabContent .fgl:nth-child(2){float:left; width:50%; background:url(../images/homebpbg2.jpg);background-size:100% 100%; height:250px;} #myTabContent .fgl:nth-child(3){float:left; width:50%; background:url(../images/homebpbg3.jpg);background-size:100% 100%; height:250px;} #myTabContent .fgl:nth-child(4){float:left; width:47%; background:url(../images/homebpbg1.jpg);background-size:100% 100%; height:auto; overflow:hidden; padding:0 0 10px 0; margin:0 2% 2% 1%; display:none;} #myTabContent .fgl a{max-width:600px; width:100%; float:left; display:block;} #myTabContent .fgl span:nth-child(1){ width:50%; padding:5vh 0 0 10%;float:left; display:block;overflow:hidden;} #myTabContent .fgl span:nth-child(2){ width:50%; padding:5vh 0 0 0;height:27vh; float:left;} #myTabContent .fgl span:nth-child(2) img{ width:100%;} #qpys{ clear:both; overflow:hidden; width:100%; background:#f5f5f5;} #qpys .col-sm-4{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left:0px; padding-right:0px;} #qpys img{width:100%;} #qpys .col-sm-4 div{width:100%; float:left; display:block; overflow:hidden;} #qpys .col-sm-4 .ttv{position:absolute;padding:6vh 3vw;} #qpys .col-sm-4 .titile{ font-size:24px; color:#444;} #qpys .col-sm-4:nth-child(2) .right{width:100%;order:2; display:block;} #myTabContent .fgl:hover p:nth-child(1){} #myTabContent .fgl:hover p:nth-child(2){} #myTabContent .fgl{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #myTabContent .fgl img{-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;} #myTabContent .fgl:hover{box-shadow: 0px 0px 10px 0px rgba(19, 19, 19, .2); position:relative;} #myTabContent .fgl:hover img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);} .hometitle{ font-size:40px; color:#444; text-align:center; padding:5vh 0 4vh 0;} .homems{ text-align:center; padding:0 0 2vh 0;} #wdysbg{background-size:100% 100%; overflow:hidden;background-image: url(../images/ysbg.jpg);padding:5vh 0; margin:0 0 5vh 0;} #wdysbg .col-sm-5{ padding:3vh 0 0 0;} #wdysbg .col-sm-5 img{ width:100%;} #wdysbg .col-sm-7{ padding:0 0 0 3vw; line-height:26px;} #wdysbg .titile{ font-size:24px; color:#444; } #wdys ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:center; padding:0 0 4vh 0;} #wdys .nav-tabs{border-bottom:none;} #wdys .nav-tabs a{ color:#444;border:none;} #wdys .nav-tabs .active{ border-bottom:2px solid #A6BA2C;} #wdys .nav-tabs>li.active>a{cursor: default; border:none;} #wdys .nav>li>a{padding: 10px 0px; display:block;} #wdys .nav>li>a:hover{ background:none; border:none;} #wdys .nav>li{ margin:0 20px;} .borline{ border-bottom:1px solid #dfdfdf; width:100%; height:0px; overflow:hidden;} #homeyplist{ overflow:hidden; clear:both; padding:0 0 3vh 0;} #homeyplist li{ float:left; width:20%; padding:15px;} #homeyplist li a{ position: relative;display:block; line-height:44px; background-color:rgba(0,0,0,0.5); margin:-54px 0 0 0; text-align:center; color:#FFF;} #homeyplist li a:hover{text-decoration: none;} #homeyplist li img{ width:100%;} .moreypp { text-align:center; overflow:hidden; clear:both; padding:20px 0 0 0;} #homeyplist .moreypp a{ display:block; max-width:120px; margin:0 auto; line-height:50px; background:#A6BA2C; color:#FFF;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);text-decoration: none;} #homeyplist .moreypp a:hover{ color:#FFF;text-decoration: none;} #homeyplist .moreypp a:active{text-decoration: none; color:#FFF;} .index_about { position:relative; text-align:center; font-family:montLight; padding:20vh 0; overflow:hidden; } .index_about .video { position:absolute; width:100%; height:100%; left:0; top:0;z-index: -999;} .index_about .video video{ width:100%;} .index_about .video:before { content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(40, 40, 40, .8); } .index_about .layout { text-align:left;} .index_about .layout .title{ color:#FFF; font-size:40px; padding:0 0 4vh 0;} .index_about .layout .content{ color:#FFF; line-height:40px;padding:0 0 4vh 0;} .index_about .layout ul li{ float:left; padding:0 2vw; } .index_about .layout ul li p{ color:#FFF;} .index_about .layout ul li p:nth-child(1){ font-size:20px; font-weight:bold;} .index_about .layout ul li:nth-child(1){ padding:0 2vw 0 0;} .index_about .layout ul li:nth-child(2){ border-left:1px solid #FFF;border-right:1px solid #FFF;} .index_about .videoimg { display: none; position:absolute; width:100%; height:100%; left:0; top:0;z-index: -999;} #index_news{ padding:5vh 0 6vh 0; overflow:hidden;} #index_news .col-sm-8{padding-right:1vw;padding-left: 15px; overflow:hidden;} #index_news .col-sm-4{padding-left:15px;padding-left: 3vw; overflow:hidden;} #index_newstab{ width:100%; clear:both; overflow:hidden; padding:0 0 3vh 0;} #index_news .navbar-right {float: right!important; margin-right: 0px;} #index_newstab li{ float:left;} #index_newstab .title{ font-size:40px; color:#444;} #index_newstab .nav-tabs{border-bottom:none; padding:1vh 0 0 0;} #index_newstab .nav-tabs a{ color:#444; border:none;} #index_newstab .nav-tabs .active{ border-bottom:2px solid #A6BA2C;} #index_newstab .nav-tabs>li.active>a{cursor: default; border:none;} #index_newstab .nav>li>a{padding: 10px 0px; display:block;} #index_newstab .nav>li>a:hover{ background:none; border:none;} #index_newstab .nav>li{ margin:0 0 0 20px;} #index_newstabcont .index_newstabcont_img{ float:left; width:40%;} #index_newstabcont .index_newstabcont_img img{width:100%;} #index_newstabcont .index_newstabcont_cont{ float:right; width:55%; overflow:hidden; line-height:28px;} #index_newstabcont .index_newstabcont_cont a{ color:#444;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #index_newstabcont .index_newstabcont_cont a:hover{ color:#A6BA2C;} .wenti{ width:100%; clear:both; overflow:hidden; padding:0 0 3vh 0;} .wenti .title{ font-size:40px; color:#444;} .index_wenti_cont{ line-height:28px;}.index_wenti_cont p{ margin: 0 0 0; color:#444;} .index_wenti_cont p a{ color:#444;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} .index_wenti_cont p a:hover{ color:#A6BA2C;} #yqlink{ background:#f5f5f5; overflow:hidden; padding:4vh 0;} #yqlink .nav-tabs a{ color:#444; border:none;padding: 12px 25px;} #yqlink .nav-tabs>li.active>a{cursor: default; border:none;background-color:#333; color:#FFF;} #yqlink .nav>li>a{display:block;} #yqlink .nav>li>a:hover{ background:333; border:none;} #yqlinkcont{ padding:2vh 0;} #yqlinkcont a{margin:0 5px; color:#777;} #yqlinkcont a{ color:#777;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #yqlinkcont a:hover{ color:#A6BA2C;} /*内页*/ #position{ padding:2vh 0; max-width:1200px; margin:0 auto 0 auto; border-bottom:1px dashed #dfdfdf; color:#999;} #position a{ color:#999;} #allcot{ padding:3vh 15px; overflow:hidden;} #allcot .affix{top:20px;} .allcotleft{ float:left; width:22%; max-width:240px; overflow:hidden;} .allcotright{ float:right; width:78%;} .allcotleft li{ text-align:center;padding:0 15px;} .ot{ background:#A6BA2C; color:#FFF; line-height:68px; font-size:30px; font-weight:bold; } .one{ background:#dfdfdf;line-height:48px; font-size:18px; padding:0 15px;margin:1px 0 0 0;} .one a{ color:#444; display:block;}.one a:hover{ color:#444;} .onea{ background:#A6BA2C;line-height:48px; font-size:18px; padding:0 15px;margin:1px 0 0 0;} .onea a{ color:#fff; display:block;}.onea a:hover{ color:#fff;text-decoration: none;} .twoa{ background:#A6BA2C;line-height:48px; padding:0 15px;margin:1px 0 0 0;} .twoa a{ color:#fff; display:block;}.onea a:hover{ color:#fff;} .two{ background:#f5f5f5; margin:1px 0 0 0; line-height:48px;} .two{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} .two:hover{background:#A6BA2C;text-decoration: none;} .two:hover a{color:#fff;text-decoration: none;} .one{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} .one:hover{background:#A6BA2C;text-decoration: none;} .one:hover a{color:#fff;text-decoration: none;} .two a{ color:#777; display:block;} /*内页2级导航*/ #jianei{ padding:0 10px;} .nynav{ border:1px solid #dfdfdf; overflow:hidden; margin:0 auto;} .nynav .left{ padding:.5rem 0 0 0; width:12%; float:left; text-align:center; border-right:1px solid #dfdfdf;} .nynav .left a{ display:block;line-height:95px;color:#444; font-size:18px;} .nynav .right{ float:left;width: 88%; overflow:hidden; padding:15px;} .nynav .right a{ padding:5px 10px; display:block; float:left;color:#999; margin:5px 0 0 0;} .nynav .right .ati{ background:#A8BE38; color:#fff;} #product .col-sm-4 { margin:0 0 20px 0; padding-left:10px;padding-right:10px; overflow:hidden;position:relative; display:inline-block; vertical-align:top; } #product .col-sm-4 .bt{ font-size:16px; color:#444; text-align:center;} #product .col-sm-4 a{ overflow:hidden;border:1px solid #dfdfdf; padding:15px; display:block; min-height:245PX;position:relative; display: block; background:#ffffff; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s; transition-duration:.5s;} #product .col-sm-4 a:hover{text-decoration: none;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); } #product .col-sm-4 a img{ width:100%;} #product .col-sm-4:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 70%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg); -webkit-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;} #product .col-sm-4:hover:before {top: 0;left: 200%;} #xwlist{ margin:0 0 0 0;} #xwlist .col-sm-4 { margin:0 0 20px 0; padding-left:10px;padding-right:10px;} #xwlist .col-sm-4 figure{ border:1px solid #dfdfdf;} #xwlist .col-sm-4 figure p:nth-child(1){ padding:0 0px;} #xwlist .col-sm-4 figure p{ padding:0 15px;} #xwlist .col-sm-4 .bt{ font-size:16px; } #xwlist .col-sm-4 .zt14 a{ font-size:14px; color:#777; } #xwlist .col-sm-4 .news14 a{ font-size:14px; color:#999; } #xwlist .col-sm-4 a{ overflow:hidden; display:block;color:#444;} #xwlist .col-sm-4 a:hover{text-decoration: none;} #xwlist .col-sm-4 a img{ width:100%;} #splist{ margin:0 0 0 0;} #splist .col-sm-4 { margin:0 0 20px 0; padding-left:10px;padding-right:10px;} #splist .col-sm-4 .bt{ font-size:16px; background:#f5f5f5; display:block; text-align:center; padding:1.5vh 0; margin-bottom:0px;} #splist .col-sm-4 a{ overflow:hidden; display:block;color:#444; border:1px solid #f5f5f5; overflow:hidden;} #splist .col-sm-4 a:hover{text-decoration: none;} #splist .col-sm-4 a img{ width:100%;} .spdj{ position:absolute;top:0;} .cuimg{} .cuimg img{ width:100%;} #ati{ padding:0 15px; line-height:28px;} #ati img{ width:100%;} #ati h1{ color:#444;} #ati .time{ color:#777; padding:2vh 0 0 0;} .claimg img{ max-width:906px; width:100%; margin:1vh 0;} #cpati{ padding:0 15px;} #cpati h1{ color:#444;} .cpati .carousel-inner{border:1px solid #efefef;} .cpati .cpxqytwobox1 .carousel-indicators{ background:#000;position: relative;right: 0;bottom: 0px;left: 0; z-index: 1;display: block;padding-left: 0;margin-right: 0%; margin-left: 0%;list-style: none;} .cpati .cpxqytwobox1 .carousel-indicators li{ display:block; width:23.5%; height:auto; float:left;margin-top: 2%;margin-right: 2%;margin-left: 0px;text-indent:0px; border:1px solid #efefef;opacity:0.3;} .cpati .cpxqytwobox1 .carousel-indicators li img{ width:100%;} .cpati .cpxqytwobox1 .carousel-indicators .active{border:1px solid #ccc;opacity:1;} .cpati .cpxqytwobox1 .carousel-indicators li:nth-child(4){margin-right: 0%;} #cpomgqh .carousel-inner{ border:1px solid #f5f5f5; text-align:center;} #cpomgqh .carousel-inner .item img{ width:100%; max-width:600px; margin:0 auto;} #cosejw{ margin-top:1px; position: relative; padding:1vh 0;bottom: 0px;left: 0%;z-index: 15;width: 100%;padding-left: 0;margin-left: 0%;text-align: center;list-style: none; overflow:hidden;} #cosejw img{width:100%;} #cpati .carousel-indicators a{ float:left;width:100px; height: auto;margin: 0 10px 0 0;background-color:none; border:1px solid #dfdfdf; overflow:hidden; display:block; } #cpati .carousel-indicators .active {width:100px; height: auto;margin: 0 10px 0 0;background-color:none; border:1px solid #CCC; overflow:hidden; display:block;} .linebai{ border-bottom:1px solid #f5f5f5; height:0px; overflow:hidden; width:100%;} #cpati { line-height:30px; color:#444;} #cpati .ms{padding:10px 0;} .cpnytitle{ font-size:24px; color:#444; padding:3vh 0 3vh 3vh; margin: 0 0 15px; border-bottom:1px solid #dfdfdf; background-image: url(../images/cdr.jpg); background-repeat: no-repeat; background-position: left center; } #cpati .cpnycot{ padding:2vh 0; overflow:hidden; clear:both; } #cpati .col-sm-4 { margin:0 0 0 0;} #cpati .col-sm-4 .bt{ font-size:16px; color:#444; text-align:center;} #cpati .col-sm-4 a{ border:1px solid #dfdfdf;display:block; overflow:hidden; padding:15px; min-height:236px;} #cpati .col-sm-4 a:hover{text-decoration: none;} #cpati .col-sm-4 a img{ width:100%;} #cpati .col-sm-3 { margin:0 0 0 0; padding-left:10px;padding-right:10px;} #cpati .col-sm-3 a{ display:block; overflow:hidden;} #cpati .col-sm-3 a:hover{text-decoration: none;} #cpati .col-sm-3 img{ width:100%;} #cpati .col-sm-3 .bt{ font-size:14px; background:#f5f5f5; display:block; text-align:center; padding:1vh 0; margin:0 0 0 0;} #tablexs{ margin:0 0 0 0;} #tablexs table{ border:#dfdfdf;width:100%; max-width:1400px; margin:0 auto 0 auto;} #tablexs table td{padding:.3rem 1rem; color:#666;} #tablexs table td span{ color:#808080;} /*#tablexs table td:nth-of-type(odd) { width:30%;} #tablexs #sanlie td:nth-of-type(1) { width:10%;} #tablexs #sanlie td:nth-of-type(2) { width:25%;} #tablexs #sanlie td:nth-of-type(3) { width:65%;}*/ #tablexs table tr:nth-of-type(1) td{ background:#eee; z-index:999;} /*分页*/ .alfy{ width:100%; clear:both; overflow:hidden; padding:1rem 15px 0 0; text-align:right;} .alfy .pagination>.active>a{background:#A6BA2C; border:1px solid #A6BA2C;text-decoration: none; color:#FFF;} .alfy .pagination>li>a{ color:#999;} .alfy .pagination>li:first-child>a{border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .alfy .pagination>li:last-child>a{border-top-right-radius: 0px; border-bottom-right-radius: 0px;} #bottom{ color:#ddd; width:100%; background:#232425; line-height:30px; overflow:hidden; padding:30px 0 0 0;} #top_line a:hover{color:#777;text-decoration: none;} #bottom a{ color:#777;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #bottom a:hover{ color:#A6BA2C;} #bottom .maxp1200{ border-bottom:1px solid #444; overflow:hidden; max-width:1200px; padding:0 0 15px 0;} #bottom .max1200{overflow:hidden; padding:15px 15px 0 15px;} #bottom #left{ float:left; width:70%;} #bottom #left li{ float:left; width:20%;} #bottom #left h4{ display:block; color:#FFF;} #bottom #left a{ display:block; clear:both;} #bottom #right{ float:left; width:30%;} #bottom #right h3{margin-top: 10px;} .tv2{ display:none;} /*图片放大效果*/ figure{ height:100%; overflow:hidden;} figure:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); position:relative;} figure img{border-radius: 1px;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} figure:hover img {opacity: 0.8;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);} .ation{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} .ation:hover{color:#fff;background:#0C3;text-decoration: none;} /*#A6BA2C*/ @media (max-width: 1400px){ #qpys{ clear:both; overflow:hidden; width:100%; background:#f5f5f5;} #qpys .col-sm-4{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left:0px; padding-right:0px;} #qpys img{width:100%;} #qpys .col-sm-4 div{width:100%;float:left;display:block;overflow:hidden;position: relative;} #qpys .col-sm-4 .ttv{position:absolute;padding:6vh 3vw;} #qpys .col-sm-4 .titile{ font-size:18px; color:#444;} #qpys .col-sm-4 .right{font-size:14px;/* position: absolute; */z-index: 1;/* background: rgba(40, 40, 40, .8); */} #qpys .col-sm-4:nth-child(2) .right{width:100%;order:2; display:block;} } @media (max-width: 1200px){#position{ padding:2vh 15px;}} @media (max-width: 1000px){} @media (max-height: 800px){#myTabContent .fgl span:nth-child(2) img{ width:70%;}#myTabContent .fgl span:nth-child(2){ text-align:right;}} @media (max-width: 1080px){ .hometitle{ font-size:30px; color:#444; text-align:center;} .index_about .layout .title{ color:#FFF; font-size:30px; padding:0 0 4vh 0;} #index_newstab .title{ font-size:30px; color:#444;} .wenti .title{ font-size:30px; color:#444;} #logo .right div:nth-child(1){ display:none;} #bottom .maxp1200{ padding:0 15px 15px 15px;} } @media (max-width: 980px){ #qpys .col-sm-4{width:100%;padding-left:0px;padding-right:0px;overflow: hidden;} #qpys .col-sm-4 .ttv{position: relative;padding:6vh 3vw;} #qpys .col-sm-4 .right img{display: block;height: 100%;position: absolute;} #qpys .col-sm-4:nth-child(2) .right{width:100%;order:0; display:block;} .index_about { padding:10vh 0; overflow:hidden; } #index_newstabcont .index_newstabcont_img{ display:none;} #index_newstabcont .index_newstabcont_cont{ float:none; width:100%;} #bottom #left ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} #bottom #left li{ float:left; width:33%;} #muen .navbar ul li{ margin:0 0 0 0;} } @media (max-width: 768px){ #qpys{ padding:15px 15px 20px 15px;} #qpys .col-sm-4:nth-child(2){ overflow:hidden; margin:15px 0 15px 0; clear:both;} #qpys .col-sm-4 .left {width: 100%;display: none;float: left;/* display: block; *//* overflow: hidden; *//* position: relative; *//* padding: 0 15px; */} #qpys .col-sm-4 .left img{/* border-radius:3px; */width: 100%;} #qpys .col-sm-4 .right img{display: block;height:auto;position: absolute;} #qpys .col-sm-4 .ttv{padding: 25px 25px 15px 25px;background: rgba(17, 19, 33, .6);color: #ccc;z-index: 9999;} #qpys .col-sm-4:nth-child(1) .ttv{padding: 55px 25px 45px 25px;} #qpys .col-sm-4:nth-child(2) .ttv{padding: 45px 25px 35px 25px;} #qpys .col-sm-4 .ttv .titile{font-size:16px;color: #fff;} #qpys .col-sm-4 .ttv p{font-size:12px; color: #dfdfdf;} #qpys .col-sm-4:nth-child(3) .right .ttv p{font-size:12px; color: #dfdfdf; } #qpys .col-sm-4:nth-child(3) .right .ttv .titile{font-size:16px;color: #fff;} #qpys .col-sm-4 .ttv p:nth-child(2){ display:none;} #qpys .col-sm-4:nth-child(3) .right img{display: block;height:100%;position: absolute;} #qpys .col-sm-4:nth-child(2) .right img{display: block;height:100%;position: absolute;} #index_news .navbar-right { display:none;} #index_news .col-sm-8{ display:none;} .allcotleft{ float:left; width:22%; display:none; max-width:240px; overflow:hidden;} .allcotright{ float:none; width:100%;} #homecpqh{ display:none;} .hometitle { font-size: 18px;color: #444; text-align: center; padding: 2vh 0 2vh 0;margin: 0 0 0 0;} #hotsy{ background:#f5f5f5; clear:both; overflow:hidden;padding: 3vh 0 0vh 0;} .index_about .layout .title{ color:#FFF; font-size:18px; padding:0 0 15px 0;} .index_about .layout .content{ color:#FFF; line-height:26px;padding:0 0 0 0; font-size:12px;} .index_about { position:relative; text-align:center; font-family:montLight; padding:30px 10px; overflow:hidden; } #homeyplist li{ float:left; width:50%; padding:5px;} #homeyplist li:nth-child(5){ display:none;} #homeyplist li a{ position: relative;display:block; line-height:40px; font-size: 12px; background-color:#fbfbfb; margin:0 0 0 0; text-align:center; color:#585858;} #homeyplist{ padding:0 10px 15px 10px;} .moreypp {padding: 5px 5px 0 5px;width: 100%;} #homeyplist .moreypp a {display: block; max-width: 100%;background: #fbfbfb;color: #585858;border-radius:5px;box-shadow:none;} .morenew{ width:100%; clear:both; overflow:hidden; text-align:left; padding:10px 0 0 0;} .morenew a{ padding:0 0; text-align:center; line-height:50px; display:block; width:100%; background: #fbfbfb;color: #585858;border-radius:5px;box-shadow:none;} .index_wenti_cont .morenew a{color: #585858;} #index_news{ padding:0 10px 10px 10px; overflow:hidden;} .wenti{padding:10px 0 10px 0; margin:0vh 0 0 0;} .wenti .title{ font-size: 18px;color: #444; text-align: center; padding: 2vh 0 2vh 0;} .index_wenti_cont p a { color: #585858; font-size: 14px; } #index_newstab{padding: 0 15px 3vh 0;} #index_newstabcont{ padding:0 15px 0 0;} #wdysbg{background-size:100% 100%; overflow:hidden;background-image:none;padding:1vh 0;} #wdysbg .col-sm-5{ padding:0 0 0 0;} #wdysbg .col-sm-7{ padding:3vh 0 0 3vw; line-height:26px;} #search{ display:none;} #search .left{float: left; line-height:40px;width:100%;} #search .right{float: right;background: #eee;padding:5px 10px;border-radius: 5px; width:100%;} #yqlink{ display:none;} #bottom{padding: 20px 10px 0 10px;} #bottom #left{ display:none;} #bottom #right{ float:none; width:100%;} #bottom #right h3{margin-top: 0; font-size:14px; color: #ccc; line-height: 30px;} #bottom #right p{ font-size:12px;margin: 0 0 0; line-height:24px;} #bottom .max1200:nth-child(2){ display:none;} #top_line li:nth-child(2){display:none;} #logo{ overflow:hidden; clear:both; padding:15px 5px; background:#f8f8f8;} #logo .left{ float:left; width:35%; position:relative;z-index: 9999;} #muen { position: relative;margin: -50px 0 0 0;} #logo .left img{ width:100%;} #logo .right{ font-size:16px; float:right; padding: 0 0 0 0;} #logo .right div:nth-child(2){ font-size:14px;} #myTabContent {padding: 0 0 10px 0; overflow: hidden;} #myTabContent a:hover{text-decoration: none;} #myTabContent p:nth-child(1){ font-size:14px; text-align: center; color:#444;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #myTabContent p:nth-child(2){ font-size:12px; line-height: 28px;color:#999;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #myTabContent .left{ float:left; width:47%; background: none; height:auto;} #myTabContent .left a{max-width:768px; width:50%; float:right; display:block;} #myTabContent .left p{ text-align:right; padding:0 5vw 0 0;} #myTabContent .fgl:nth-child(1) a{max-width:768px; width:100%; float:right; display:block;} #myTabContent .fgl:nth-child(1) span:nth-child(1){ width:100%; padding:0 0 0 0; text-align:left; float:left;} #myTabContent .fgl:nth-child(1) span:nth-child(2){ width:100%; padding:0px 0 0px 0;border-radius:5px; float:right;} #myTabContent .fgl:nth-child(1){margin:5px 2% 10px 3%;float:left; width:45%; overflow:hidden; height:auto;background:url(../images/homebpbg1.jpg);background-size:100% 100%; padding:15px;border-radius:3px;} #myTabContent .fgl:nth-child(2){margin:5px 3% 10px 2%;float:left; width:45%; overflow:hidden; height:auto;background:url(../images/homebpbg1.jpg);background-size:100% 100%;padding:15px;border-radius:3px;} #myTabContent .fgl:nth-child(3){margin:5px 2% 10px 3%;float:left; width:45%; overflow:hidden;height:auto;background:url(../images/homebpbg1.jpg);background-size:100% 100%;padding:15px; border-radius:3px;} #myTabContent .fgl:nth-child(4){margin:5px 3% 10px 2%;float:left; display: block; width:45%; overflow:hidden;height:auto;background:url(../images/homebpbg1.jpg);background-size:100% 100%;padding:15px;border-radius:3px; } .index_about .videoimg { display: block; position:absolute; width:100%; height:100%; left:0; top:0;z-index: -999;} #myCarousel .carousel-inner img{position: relative;max-width: 140%;margin: 0 0 0 -20%;} #top_line{padding: 0 5px;} #myTabContent .fgl span:nth-child(1){ width:100%; padding:0 0 0 0;float:right; display:block; height:auto;} #myTabContent .fgl span:nth-child(1) p:nth-child(2){ display: none;} #myTabContent .fgl span:nth-child(2){ width:100%; padding:0 0 0 0;border-radius:5px;float:left; height:auto;} #myTabContent .fgl span:nth-child(2) img{ width:100%;} #myTabContent .fgl span:nth-child(1) p:nth-child(1){ font-size:12px; line-height:25px; height:50px; overflow:hidden; color:#585858; margin: 0 0 5px 0;} #myTabContent .fgl span:nth-child(1) p:nth-child(2){ font-size:12px; line-height:24px; height:72px; color:#999; margin: 6px 0 0 0;} .index_about .video { display: none;} #index_news .col-sm-4 { padding:15px 0; padding-left: 15px; padding-right: 15px; overflow: hidden; } #homecpqh li{float:left; width:50%;} #homecpqh a {display:block;/*Flex布局*/display: block; /* Safari */align-items:center;/*指定垂直居中*/ font-size:20px;} #homecpqh a div{ float:none;} #homecpqh a div:nth-child(2){ font-size:14px; text-align:center; padding:15px 0 0 0;} #allcot{ padding:3vh 15px; overflow:hidden;} #product .col-sm-4 { margin:0 0 15px 0; padding-left:0px;padding-right:0px; overflow:hidden;position:relative; display:inline-block; vertical-align:top; } #product .col-sm-4:nth-child(odd){padding-right:7px;} #product .col-sm-4:nth-child(even){padding-left:7px;} #product .col-sm-4 .bt{ font-size:14px; line-height:26px; height:50px; color:#444; text-align:center;} #product .col-sm-4 a{ min-height:auto; padding:5px;} .alfy{padding: 1rem 10px 0 0; text-align:left;} .alfy .pagination{ margin:0px 0;} #splist .col-sm-4 .bt{ min-height:40px; height:40px; overflow:hidden; font-size:14px;} #splist .col-sm-4 { margin:0 0 15px 0; padding-left:0px;padding-right:0px; overflow:hidden;position:relative; display:inline-block; vertical-align:top; } #splist .col-sm-4:nth-child(odd){padding-right:7px;} #splist .col-sm-4:nth-child(even){padding-left:7px;} #xwlist .col-sm-4 .zt14 { display:none;} #xwlist .col-sm-4 .news14{ display:none;} #xwlist .col-sm-4 .bt{ min-height:40px; height:40px; overflow:hidden; font-size:14px;} #xwlist .col-sm-4 { margin:0 0 15px 0; padding-left:0px;padding-right:0px; overflow:hidden;position:relative; display:inline-block; vertical-align:top; } #xwlist .col-sm-4:nth-child(odd){padding-right:7px;} #xwlist .col-sm-4:nth-child(even){padding-left:7px;} #muen .navbar ul li{ font-size:14px;} #muen .navbar ul li{ margin:0 0 0 0; padding:0 15px; width:100%; display:block;} #muen .navbar ul li:hover{background: #e8e8e8;} #muen .navbar-default .navbar-nav>.open>a:hover{ /*background-color:#A6BA2C;*/ color:#A6BA2C;} #muen .navbar-default .caret{ margin:0 0 0 10px;} #muen .navbar-default .navbar-nav>.open>a:hover .caret{ /*background-color:#A6BA2C;*/ color:#A6BA2C;} #muen .navbar ul li .dropdown-menu li a{ padding:10px 0; border-top:1px solid #f5f5f5;} #ati{ padding:0 0px; line-height:28px;} #ati h1{ font-size:24px;} #cpati{ font-size:12px; padding:0 0px;} #cpati h1{ font-size:24px;} #cpati .col-sm-3 img{ max-height:150px;} #cpati .col-sm-3:nth-child(odd){ margin:15px 0 0 0;padding-right: 0;padding-left: 7px; float:left;} #cpati .col-sm-3:nth-child(even){ margin:15px 0 0 0;padding-right: 7px;padding-left: 0; float:left;} #cpati .col-sm-4:nth-child(odd) { margin:0 0 15px 0;padding-right: 7px;padding-left: 0px;} #cpati .col-sm-4:nth-child(even){ margin:0 0 15px 0;padding-right: 0px;padding-left: 7px;} #cpati .col-sm-4 .bt{ font-size:14px; color:#444; text-align:center;} #cpati .col-sm-4 a{ border:1px solid #dfdfdf;display:block; overflow:hidden; padding:10px; min-height:180px; position: relative;} .cpnytitle{ font-size:18px;} .sydnav{ display: block;} #muecp{ display:block; width:100; padding:0 15px;} #muecp li{ width:32%;background:#fbfbfb;text-align:center; font-size:14px; padding:13px 0; display:block; color:#585858; float:left;border-radius: 20px; margin:2% 0;} #muecp li:nth-child(2){ margin:2% 2%;} #muecp li:nth-child(5){ margin:2% 2%;} #muecp .a{ background:#A6BA2C;} #muecp .a a{color:#FFF;} #muecp li a{ font-size:12px; color:#585858;} #muecp li a:hover{text-decoration: none;} }