body {
background: #fff;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Microsoft Yahei";
font-size: 14px;
line-height: 1.428571429;
color: #333333;m in-width: 1200px;
width: 100%;
max-width: 1920px;min-width: 1200px;
margin: 0 auto;
overflow-x: hidden;
}
.dede_pages {margin:20px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:35px; line-height:35px;border-radius:3px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#17a2b8;color:#fff;}
.dede_pages ul li.active{background:#17a2b8;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){
.dede_pages {height:65px;}
.dede_pages ul li {height:25px; line-height:25px;margin-bottom:5px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
.dede_pages ul li .current{background:#17a2b8;display:block;color:#fff;}
}
body,
html {
height: 100%;
}
ol,
ul,
p {
list-style: none;
margin: 0px;
padding: 0px;
}
* {
font-family: Microsoft Yahei;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img,
input {
border: 0px;
}
ul li {
list-style: none;
}
ul,
p,
dl,
dt,
dd {
padding: 0px;
margin: 0px;
}
em,
i {
font-style: normal;
}
.f_left {
float: left;
}
.f_right {
float: right;
}
.fl {
float: left;
}
.fr {
float: right;
}
.h20 {
height: 20px;
}
.h30 {
height: 30px;
}
.h50 {
height: 50px;
}
.clear {
clear: both;
}
.box1400 {
width: 1400px;
overflow: hidden;
margin: 0 auto;
}
.box1300 {
width: 1300px;
overflow: hidden;
margin: 0 auto;
}
.met_page li{ color:#4c4c4c; line-height:33px;}
.met_page li a{ color:#4c4c4c; line-height:33px;}
#top{
width: 100%;
height: 40px;
background: #1e83d1;
}
#top p{
width: 93%;
font-size: 14px;
line-height: 40px;
color: #fff;
margin: 0 auto;
}
#top p span{
float: right;
}
#top p span a{
color: #fff;
}
#top p span a:hover{color: #ddd;}
#header {
width: 100%;
margin: 0 auto;
z-index: 99999; height:122px;
padding: 5px 3%;
box-sizing: border-box;
background:#fff;
}
#header>img {
float: left;
margin-right:30px;
}
#header span {
float: right;
margin-left: 20px;
margin-top: 26px;
font-size: 18px;
color: #666;
background: url(../images/top-tel.png) left center no-repeat;
padding-left: 60px;
height: 50px;
line-height: 22px;
}
#header span i{
display: table;
color: #ffaa00;
font-size: 32px;
font-family: impact;
height: 30px; line-height:35px;
}
@media only screen and (max-width: 1480px) {
#header span { display:none;
}
}
#main2{width: 96%; margin: auto; padding: 0 2%;}
.ny_righ{height:auto;}
.navg{width:100%;height:60px;background:#fff;border-bottom: 1px solid #ccc;}
.nav_cnt{padding: 19px 2% 0 2%; margin:auto;}
.crumbsd{color:#8f8f8f;}
.crumbsd img{margin-right:14px;margin-top:0px}
.crumbsd a{font-size:14px;color:#8f8f8f;}
.crumbsd div{float:right;color:#ff0000;font-size:20px;}
.menubg {
width: 770px;
float: right; margin-top:15px;
}
.menuol>ul {
width: 100%;
padding-top: 15px;
}
.menuol>ul li {
width: 110px;
height: 58px;
float: left;
text-align: center;
}
.menuol>ul>li>a {
line-height: 58px;
font-size: 18px;
color: #333;
display: block;
}
.menuol>ul>li>a:after{
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
width: 0px;
height: 2px;
background: #1e83d1;
display: block;
content: "";
margin: 0 auto;
}
.menuol>ul>li:hover>a:after{
width: 70px;
height: 2px;
background: #1e83d1;
display: block;
content: "";
margin: 0 auto;
}
.menuol>ul>li:hover a {
color: #1e83d1;
}
.menuli {
background: rgba(0, 0, 0, .4);
position: absolute;
z-index:2;
top: 161px;
left: 0px;
text-align: center;
width: 100%;
overflow: hidden;
padding: 20px 10% 20px 10%;
box-sizing: border-box;
}
.menuli ul {
width: 100%;
margin: 0 auto;
}
.menuli>ul>a {
width: 200px;
height: 195px;
float: left;
background: #eee;
margin: 20px 10px;
display: block;
color: #333;
line-height: 25px !important;
text-align: center;
font-size: 14px;
padding: 0 !important;
border-radius: 10px;
}
.menuli>ul>a>img {
width: 200px;
height: 160px;
margin: 0;
border-radius: 10px;
}
.menuli>ul>a:hover {
color: #fff !important;
background: #1e83d1;
}
.search{
width: 100%;
height: 200px;
background: url(../images/bg3.jpg);
}
.search_box{
width: 1400px;
padding: 50px;
box-sizing: border-box;
margin: 0 auto;
}
.search_box h2{
font-size: 32px;
color: #1e83d1;
padding: 0;
margin: 0;
line-height: 70px;
}
.search_box p{
font-size: 18px;
color: #555;
}
.top-form {
width: 350px;
height: 80px;
display: block;
padding-top: 30px;
}
.input {
width: 250px;
height:50px;
background: #fff;
border: 0;
float: left;
font-size: 16px;
line-height: 50px;
padding-left: 20px;
box-sizing: border-box;
}
.bnt {
width: 90px;
height: 50px;
background:url(../images/tt3.jpg) left top no-repeat #12af51;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 45px;
float: left;
border: 0;
}
#banner {
position: relative;
overflow: hidden;
width: 100%;
}
#banner .pic {
position: absolute;
z-index: 999;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 260px;
background: url(../images/bg3.png) bottom center no-repeat;
}
#banner ul {
position: relative;
overflow: hidden;
width: 300%;
margin: 0;
}
#banner ul li {
width: 33.333%;
float: left
}
#banner ul li img {
width: 100%;
display: block;
}
#banner aside {
position: absolute;
top: 0;
bottom: 0px;
height: 0;
width: 90%;
right: 0;
left: 0;
margin: auto
}
#banner aside span {
display: block;
width: 65px;
height: 65px;
z-index: 63;
background: rgba(255, 255, 255, 0.3);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
position: relative;
cursor: pointer;
opacity: 0;
transition: all 0.3s;
margin-top: -2%;
}
#banner:hover aside span {
opacity: 1;
}
#banner aside span:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 20%;
margin: auto;
width: 27px;
height: 27px;
border-top: 3px solid #ffffff;
border-left: 3px solid #ffffff;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg)
}
#banner aside span.prev {
float: left;
}
#banner aside span.next {
float: right;
}
#banner aside span.next:after {
left: 0;
right: 20%;
-webkit-transform: rotateZ(135deg);
-moz-transform: rotateZ(135deg);
-ms-transform: rotateZ(135deg);
-o-transform: rotateZ(135deg);
transform: rotateZ(135deg)
}
#banner>div {
width: 110px;
position: absolute;
right: 0;
left: 0;
bottom: 70px;
margin: auto
}
#banner>div em {
display: block;
float: left;
width: 22px;
height: 22px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 3px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 4.75px;
background: #fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
cursor: pointer
}
#banner>div em.act {
background: #1e83d1;
}
.actt {
background: #1e83d1;
color: #fff !important;
}
.sl {
width: 100%;
margin: 40px auto 0 auto;
}
.sl,
.st,
.st div,
.sl div {
overflow: hidden;
}
.nextinfo {
width: 100%;
overflow: hidden;
}
.nextinfo span {
background: #eee;
margin: 20px 1%;
width: 48%;
float: left;
text-align: center;
border-radius: 20px;
font-size: 14px;
}
.nextinfo span a {
color: #000
}
.yinz{ width:100%;background:url(../images/home_bg.jpg) no-repeat center top; height:730px; margin-top:7px;}
.tit2{ font:41px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#25292f; padding-top:30px;height:128px; overflow:hidden;}
.tit2 a{ color:#25292f;}
.tit2 b{ font-size:44px; color:#1E83D1;}
.tit2 em{ color:#1E83D1;}
.tit2 i{ display:block; font:18px Arial; color:#505050; text-transform:uppercase;}
.yinz dl{ height:350px; overflow:hidden;padding-top:21px; width:1200px; margin:0 auto;}
.yinz dt{ width:702px; height:350px; float:left; overflow:hidden;}
.yinz dt img{ display:block; width:702px; height:350px; margin-top:1px; margin-left:1px;}
.yinz dd{ width:435px; padding-right:20px; float:right; padding-top:5px;}
.yinz dd h3{ font:26px "Microsoft YaHei"; font-weight:bold; color:#25292f;}
.yinz dd h3 em{ display:block;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#505050; margin-top:20px;}
.yinz ul{ height:130px; border:1px solid #efefef; border-top:0; overflow:hidden;width: 1200px;margin: 0 auto;}
.yinz li{ width:239px; border-right:1px solid #efefef; font:32px "Microsoft YaHei"; text-align:center; color:#25292f; float:left;}
.yinz li a{ display:block; color:#25292f; height:100px; padding-top:30px;}
.yinz li em{ display:block; font:12px Arial; text-transform:uppercase; color:#717070; padding-top:8px;}
.yinz .nones{ border:0; width:236px;}
.yinz li a:hover,.yinz li a:hover em{ color:#1E83D1;}
#liuchengbg{background:url(../images/lcbg.jpg) no-repeat center center;background-size:cover;padding:10px 0 42px;}
.liucheng{width:100%;overflow:hidden;}
.liucheng .swiper-slide:after{content:'';width:18px;height:14px;background:url(../images/lc_jiantou.png) no-repeat left center;position:absolute;right:-22px;top:50%;margin-top:-7px;}
.liucheng .swiper-slide:last-child:after{content:none;}
.pb_title h2{ font-size:43px; text-align:center;}
.liucheng .lc_li{width:100%;padding-bottom:100%;position:relative;}
.liucheng .lc_li .lc_txt{width:100%;height:100%;background:#FFF;position:absolute;left:0;top:0;border-radius:50%;}
.liucheng .swiper-slide:nth-child(even) .lc_li .lc_txt{background:#028fda;}
.liucheng .lc_li .lc_txt .lc_p{position:absolute;width:100%;left:0;top:50%;margin-top:-30px;}
.liucheng .lc_li .lc_txt .lc_p i{display:inline-block;width:100%;height:35px;}
.liucheng .lc_li .lc_txt .lc_p i.icon1{background:url(../images/lc_icon1.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon2{background:url(../images/lc_icon2.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon3{background:url(../images/lc_icon3.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon4{background:url(../images/lc_icon4.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon5{background:url(../images/lc_icon5.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon6{background:url(../images/lc_icon6.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon7{background:url(../images/lc_icon7.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p i.icon8{background:url(../images/lc_icon8.png) no-repeat center center;}
.liucheng .lc_li .lc_txt .lc_p p{margin:0;height:20px;line-height:20px;margin-top:10px;font-size:16px;color:#424044;text-align:center;}
.liucheng .swiper-slide:nth-child(even) .lc_li .lc_txt .lc_p p{color:#FFF;}
.lc_btn{margin-top:31px;text-align:center;font-size:0;-webkit-text-size-adjust:none;}
.lc_btn .lc_phone{display:inline-block;padding-left:58px;background:url(../images/lc_phone.png) no-repeat left center;vertical-align:middle;}
.lc_btn .lc_phone p{margin:0;text-align:left;}
.lc_btn .lc_phone p:first-child{font-size:14px;height:18px;line-height:18px;color:rgba(255,255,255,.6);}
.lc_btn .lc_phone p:last-child{font-size:24px;height:24px;line-height:24px;color:#FFF;}
.lc_btn a{display:inline-block;width:166px;height:39px;line-height:39px;font-size:18px;color:#007fc6;border-radius:20px;margin-top:3px;background:#FFF;vertical-align:middle;margin-left:35px;}
#home-class {
width: 100%;
min-width:1360px;
height:380px;
background:url(../images/bg1.jpg) top center no-repeat #13a845;
padding-top:58px;
box-sizing: border-box;
}
.class-box{
width: 1400px;
height: 387px;
margin: 0 auto;
}
.class-box .tt{
width: 374px;
height: 387px;
background: #fff;
float: left;
}
.class-box .tt>img{
display: block;
margin: 50px auto 20px;
}
.class-box .tt h3{
font-size: 36px;
width: 100%;
text-align: center;
color: #1e83d1;
margin: 0;
height: 30px;
line-height: 30px;
}
.class-box .tt h2{
font-size: 36px;
width: 100%;
text-align: center;
color: #333;
font-weight: normal;
margin: 0;
}
.class-box .tt p{
width: 100%;
text-align: center;
font-size: 18px;
color: #555;
line-height: 50px;
}
.class-box .class-r{
width: 950px;
overflow: hidden;
float: right;
}
.class-box .class-r ul{
width: 100%;
overflow: hidden;
}
.class-box .class-r ul a{
width: 24%;
height: 66px;
background: #f4f3f3;
margin: 5px 0.5%;
box-sizing: border-box;
text-align: center;
font-size: 21px;
color: #333;
line-height: 66px;
display: block;
float: left;
}
.class-box .class-r ul a:hover{
background: #ff9501;
color: #fff;
}
.home-ss{
width: 100%;
height: 80px;
display: table;
margin: 50px 0px;
}
.home-ss p{
font-size: 16px;
color: #fff;
line-height: 40px;
width: 400px;
float: left;
}
.home-ss p b{
display: table;
font-size: 24px;
color: #fff;
}
.home-ss form{
width: 360px;
float: right;
}
.home-ss .input2{
width: 250px;
height: 57px;
background: #fff;
float: left;
padding-left: 15px;
}
.home-ss .bnt2{
width: 92px;
height: 57px;
background: url(../images/ssbg.jpg) top left no-repeat;
font-size: 18px;
text-align: right;
line-height: 57px;
color: #fff;
padding-right: 20px;
box-sizing: border-box;
float: left;
}
#home-pro {
width: 100%;
margin: 0px auto;
display: table;
overflow: hidden;
background:#fff;
padding:0px 5% 30px ;
box-sizing: border-box;
}
#home-pro h2{
padding-top: 90px;
font-size: 44px;
color: #1e83d1;
width: 100%;
text-align: center;
background: url(../images/bg3.jpg) top center no-repeat;
margin: 20px 0 0;
height: 50px;
}
#home-pro h2 span{
color: #e71111;
font-family: impact;
font-size: 45px;
padding-left: 10px;
}
#home-pro>p{
font-size: 24px;
color: #555;
width: 100%;
text-align: center;
padding-top: 20px;
}
.course-list ul {
margin-left: -11px;
margin-right: -11px;
}
.course-list ul li {
float: left;
width: 23%;
transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
position: relative;
margin-bottom: 30px;
border-radius: 4px;
margin: 15px 1%;
background: #fff;
border-bottom: solid 3px #ccc;
}
.course-list ul li img{
width: 100%;
height: 300px;
}
.course-list ul li p{
font-size: 22px;
text-align: center;
color: #333;
padding-top: 15px; padding-bottom:14px;
}
.course-list ul li span{
font-size: 14px;
text-align: left;
color: #777;
line-height: 25px;
padding: 0px 20px 20px 20px;
overflow: hidden;
width: 100%;
box-sizing: border-box;
height: 80px;
display: block;
}
.course-list ul li:hover{
background: #1e83d1;
border-bottom: solid 3px #1e83d1;
box-sizing: border-box;
box-shadow: 0px 0px 20px #1e83d1;
}
.course-list ul li:hover p,
.course-list ul li:hover span{
color: #fff;
}
@media only screen and (max-width: 1600px) {
.img-responsive {
height: 250px !important;
width: 100%;
}
}
@media only screen and (max-width: 1300px) {
.img-responsive {
height: 210px !important;
width: 100%;
}
}
.tel-box{
width: 830px;
height: 60px;
margin: 20px auto 80px auto;
}
.tel-box span{
display: block;
float: left;
}
.tel-box .wz{
font-size: 18px;
line-height: 30px;
color: #888;
background: url(../images/img2.jpg) right center no-repeat;
height: 60px;
padding-right: 20px;
}
.tel-box .wz b{
font-size: 24px;
color: #666;
display: table;
}
.tel-box .tel{
color: #1e83d1;
font-size: 40px;
font-style: italic;
font-weight: bold;
padding-left: 15px;
}
.tel-box2{
width: 830px;
height: 60px;
margin: 20px auto 80px auto;
}
.tel-box2 span{
display: block;
float: left;
}
.tel-box2 .wz{
font-size: 18px;
line-height: 30px;
color: #fff;
background: url(../images/img2.jpg) right center no-repeat;
height: 60px;
padding-right: 20px;
}
.tel-box2 .wz b{
font-size: 24px;
color: #fff;
display: table;
}
.tel-box2 .tel{
color: #fff;
font-size: 40px;
font-style: italic;
font-weight: bold;
padding-left: 15px;
}
#home-case {
background:url(../images/bg2.jpg) top center no-repeat;
width: 100%;
height: 1300px;
padding-top: 50px;
position: relative;
}
.case-tt{
width: 500px;
margin: 20px auto 50px;
height: 100px;
box-sizing: border-box;
}
.case-tt>img{
float: left;
margin-right: 10px;
width: 100px;
}
.case-tt div{
float: left;
width:460px;
}
.case-tt div span{
display: table;
}
.case-tt div h2{
font-size: 43px;
color: #1e83d1;
text-align: left;
line-height: 60px;
float: left;
margin: 0;
}
.case-tt div h3{
font-size:36px;
color: #fff;
text-align: left;
float: left;
margin: 0;
padding-top: 7px;
padding-left: 10px;
}
.case-tt div p{
font-size: 24px;
color: #fff;
display: table;
text-align: left;
}
.case-box{
width: 1360px;
height: 740px;
margin: 30px auto;
display: table;
}
.case-box ul{
width: 325px;
height: 740px;
float: left;
}
.case-box ul li{
width: 325px;
height: 139px;
margin-bottom: 7px;
display: table;
background: url(../images/class-tt02.png) left top no-repeat;
font-size: 24px;
color: #000;
padding-left: 50px;
box-sizing: border-box;
padding-top: 40px;
}
.case-box ul li p{
font-size: 18px;
line-height: 40px;
color: #666;
}
.case-box ul li p i{
width: 22px;
height: 22px;
display: block;
border-radius: 50%;
border: solid 1px #666;
font-size: 20px;
text-align: center;
line-height: 20px;
float: left;
margin-top: 10px;
margin-right: 10px;
color: #666;
}
.case-box ul li:hover{
background: url(../images/class-tt01.png) left top no-repeat;
color: #fff;
}
.case-box ul li:hover p{ color: #fff;}
.case-box ul li:hover p i{
color: #fff;
border: solid 1px #fff;
}
.case-box ul li a{
color: #333;
}
.case-box ul li:hover a{ color: #fff;}
.case-box span{
float: right;
width: 1020px;
height: 724px;
display: block;
}
.attc{
background: url(../images/class-tt01.png) left top no-repeat;
color: #fff;
}
.attc p{ color: #fff;}
.attc p i{
color: #fff;
border: solid 1px #fff;
}
.attc a{ color: #fff;}
.gg{
width: 100%;
height: 267px;
background: url(../images/gg.png) bottom center no-repeat;
padding-top: 90px;
box-sizing: border-box;
position: absolute;
z-index: 2;
bottom: 0px;
left: 0;
}
.gg-tel{
width: 1300px;
height: 60px;
margin: 0 auto;
font-size: 26px;
color: #fff;
background: url(../images/gg-tel.png) left center no-repeat;
padding-left: 70px;
}
.gg-tel span{
font-size: 34px;
color: #fff;
font-style: italic;
font-weight: bold;
padding-left: 10px;
}
.gg>p{
width: 1300px;
line-height: 70px;
margin: 0 auto;
font-size: 34px;
color: #fff;
}
.clearfix:after {
content: "";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.client-2 {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 62px;
position: relative;
}
.client-2 li i {
background: url(../images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0px auto;
text-align: center;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main {
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 14px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #d82634;
color: #fff;
height: 53px;
width: 230px;
padding: 9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #d82634;
width: 97px;
height: 53px;
position: relative;
padding: 9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}
.clearfix {
zoom: 1;
}
.content {
width: 1200px;
margin: 0 auto;
}
.sl2{height: 2080px;}
.sl2 .con1{padding-top: 26px;}
.sl2 .con1 dt{float: left;width: 600px;height: 506px;}
.sl2 .con1 dt img{width: 600px;height: 506px;}
.sl2 .con1 dd{float: right;width: 558px;}
.sl2 .con2 dt{float: right;width: 600px;height: 506px;}
.sl2 .con2 dt img{width: 960px;height: 506px;}
.sl2 .con2 dd{float: left;width: 558px;}
.sl2 .con2 dd h3{padding-top: 54px;}
.sl2 .con2 dd p span{margin-bottom: 7px;}
.sl2 .con3 dt{float: left;width: 600px;height: 506px;margin-left: -360px;}
.sl2 .con3 dt img{width: 960px;height: 506px;}
.sl2 .con3 dd{float: right;width: 558px;}
.sl2 .con3 dd h3{padding-top: 54px;}
.sl2 .con3 dd p span{margin-bottom: 7px;}
.sl2 .con4 dt{float: right;width: 600px;height: 506px;}
.sl2 .con4 dt img{width: 960px;height: 506px;}
.sl2 .con4 dd{float: left;width: 558px;}
.sl2 .con4 dd h3{padding-top: 54px;}
.sl2 dd h3{margin-bottom: 38px;padding-top: 9px;}
.sl2 dd h3 em{display: block;background:url(../images/sl_ctit.png);width: 61px;height: 70px;text-align: center;line-height: 70px;font-size: 36px;color: #fff;font-weight: lighter;float: left;}
.sl2 dd h3 i{float: left;margin-left: 26px;font-size: 36px;color: #242424;line-height: 30px;font-weight: normal;}
.sl2 dd h3 i span{font-size: 12px;font-family:GothamBook;color: #CBCBCB;display: block;font-weight: normal;text-transform: uppercase;}
.sl2 dd p{font-size: 16px;color: #383838;line-height: 32px;}
.sl2 dd p span{display: block;margin-bottom: 18px;}
.sl2 dd .list{margin-top: 45px;height: 144px;overflow: hidden;}
.sl2 dd ul li{float: left;margin-right: 20px!important;display: inline;}
.sl2 dd ul li a{display: block;}
.sl2 dd ul li img{width: 259px;height: 144px;}
.sl2 dd .qh{text-align: center;margin-top: 21px;position: relative;}
.sl2 dd .qh:before{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;left:0;top: 15px;}
.sl2 dd .qh:after{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;right:0;top: 15px;}
.sl2 dd .qh i{display: inline-block;width: 11px;height: 13px;background: url(../images/sl_cqh.png);margin: 0 3px;cursor: pointer;}
.sl2 dd .qh i.cur{display: inline-block;width: 11px;height: 13px;background: url(../images/sl_cqhh.png);}
#home-news {
width: 100%;
overflow: hidden;
margin: 0px auto;
background:#fff;
padding-top:28px;
}
.news-tt{
width: 420px;
margin: 20px auto 50px;
height: 100px;
box-sizing: border-box;
}
.news-tt>img{
float: left;
margin-right: 10px;
width: 110px;
}
.news-tt div{
float: left;
width:300px;
}
.news-tt div span{
display: table;
}
.news-tt div h2{
font-size: 38px;
color: #1e83d1;
text-align: left;
line-height: 60px;
float: left;
margin: 0;
}
.news-tt div h3{
font-size:38px;
color: #333;
text-align: left;
float: left;
margin: 0;
padding-top: 7px;
padding-left: 10px;
}
.news-tt div p{
font-size: 18px;
color: #555;
display: table;
text-align: left;
}
.news-box{
width: 1300px;
margin: 0 auto;
}
.news-l{
width: 54%;
height: 450px;
float: left;
background: #fff;
}
.news-l-top{
width: 100%;
height: 230px;
margin-bottom: 15px;
}
.news-l-top a>img{
float: left;
margin-right: 20px;
height: 200;
width: 265px;
}
.news-l-top p{
font-size: 16px;
color: #666;
line-height: 30px;
padding: 0px 30px;
}
.news-l-top p strong{
font-size: 20px;
color: #555;
line-height: 70px;
display: table;
}
.news-l-top p>img{
display: table;
margin-top: 30px;
}
.news-l-top a{
color: #333;
}
.news-l-top strong:hover{ color: #1e83d1;}
.news-l-top p span{
font-size: 14px;
color: #999;
height: 30px;
display: table;
}
.news-l-top p span img{
margin-right: 10px;
}
.news-l>p{
padding: 30px 50px;
font-size: 14px;
line-height: 25px;
color: #666;
}
.news-l>p a{
font-size: 20px;
color: #333;
display: table;
line-height: 50px;
}
.news-r{
width: 45%;
float: right;
overflow: hidden;
}
.news-r li{
width: 100%;
height: 120px;
margin-bottom: 10px;
}
.news-r li>span{
float: left;
height: 100px;
width: 120px;
border: solid 1px #ddd;
margin-right: 15px;
font-size: 16px;
text-align: center;
padding: 20px 20px;
box-sizing: border-box;
}
.news-r li>span i{
font-size: 30px;
width: 100%;
text-align: center;
display: table;
color: #555;
}
.news-r li p{
font-size: 14px;
line-height: 25px;
color: #666;
}
.news-r li p a{
display: table;
font-size: 18px;
color: #555;
font-weight: bold;
}
.news-r li p a:hover{color: #1e83d1;}
.news-r li p span{
display: table;
font-size: 14px;
color: #999;
}
#home-lei{
width: 100%;
height: 870px;
position: relative;
}
#home-lei .lei-nr{
width: 100%;
height: 1000px;
background: url(../images/bg3.png) top center no-repeat;
position: absolute;
z-index: 2;
top: -130px;
left: 0;
}
#home-lei .lei-nr h2{
font-size: 46px;
color: #fff;
text-align: center;
width: 100%;
margin-top: 190px;
height: 30px;
padding-left: 15px;
box-sizing: border-box;
}
#home-lei .lei-nr h3{
font-size: 21px;
color: #fff;
text-align: center;
width: 100%;
font-weight: normal;
height: 30px;
}
#home-lei .lei-nr ul{
width: 1050px;
margin: 0 auto;
}
#home-lei .lei-nr ul a{
width: 100px;
height: 100px;
display: block;
background: #fff;
border-radius: 50%;
float: left;
margin: 10px 20px;
font-size: 16px;
text-align: center;
color: #333;
padding: 30px 20px;
box-sizing: border-box;
}
@keyframes myfirst {
0% {
padding-top: 15px;
}
100% {
padding-top: 25px;
}
}
@-moz-keyframes myfirst
{
0% {
padding-top: 15px;
}
100% {
padding-top: 25px;
}
}
@-webkit-keyframes myfirst
{
0% {
padding-top: 15px;
}
100% {
padding-top: 25px;
}
}
@-o-keyframes myfirst
{
0% {
padding-top: 15px;
}
100% {
padding-top: 25px;
}
}
#foot {
width: 100%;
height: 467px;
background: url(../images/footbg.jpg) top center no-repeat #fff;
padding:30px 0px 0px 0px;
margin-top: 50px;
box-sizing: border-box;
overflow: hidden;
}
#foot .b-nav{
width: 100%;
height: 50px;
border-bottom: solid 1px #494642;
margin: 0 auto;
display: table;
text-align: center;
}
#foot .b-nav a{
font-size: 18px;
color: #fff;
line-height: 50px;
float: left;
text-align: center;
margin: 0px 25px 20px 25px;
}
#foot .b-nav a:hover{
color: #1e83d1;
}
#foot .b-logo{
width: 1300px;
height:300px;
margin: 30px auto;
}
#foot .b-logo>img{
float: left; margin-right:40px;
}
#foot .b-logo .b-logo-l{
width: 930px;
height: 250px;
float: right;
}
#foot .b-logo .b-logo-l>p{
font-size: 14px;
color: #8a8885;
line-height: 50px;
}
#foot .b-logo .b-logo-l>p span{
float: right;
}
#foot .b-logo .b-logo-l>p span a{
color: #8a8885;
}
#foot .b-logo .b-logo-l>p a{
color: #8a8885;
}
#foot .b-logo .b-logo-l>p span a:hover{
color: #fff;
}
#foot .b-logo ul{
border-bottom: solid 1px #494642;
padding: 0px 0px 50px 0px;
height: 180px;
box-sizing: border-box;
}
#foot .b-logo ul .add{
font-size: 14px;
line-height: 28px;
color: #fff;
float: left;
width: 450px; margin-right:28px;
padding-top: 30px;
}
#foot .b-logo ul .add>img{
margin-right: 15px; margin-bottom:20px;
float: left;
}
#foot .b-logo ul .b-tel{
font-size: 14px;
line-height: 25px;
color: #fff;
float: left;
width: 250px;
padding-top: 30px;
}
#foot .b-logo ul .b-tel>img{
margin-right: 15px;
float: left;
}
#foot .b-logo ul .b-wx{
width: 150px;
float: right;
padding-top: 20px;
}
#foot .b-logo ul .b-wx span{
text-align: center;
font-size: 16px;
color: #999;
line-height: 40px;
float: left;
width: 100%;
height: 100%;
}
#foot .b-logo ul .b-wx span img{
display: table;
margin: 0 auto;
}
.b-link {
width: 100%;
margin: 0 auto;
height: 70px;
border-top: solid 1px #494642;
font-size: 14px;
color: #999;
line-height: 70px;
text-align: left;
}
.b-link a {
color: #999;
margin: 0px 20px;
}
.b-link a:hover {
color: #fff;
}
.news_list li {
background: #f1f1f1;
overflow: hidden;
padding: 20px;
margin-bottom: 20px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.box2{
width: 1300px;
margin: 0 auto;
}
.news_list li:hover {
box-shadow: 0px 0px 20px 0px #666;
padding-bottom: 50px;
background: #1e83d1;
}
.news_list li .date {
background: #fff;
color: #333;
display: inline-block;
margin-right: 20px;
float: left;
font-family: verdana;
text-align: center;
border-radius: 4px;
font-size: 24px;
font-family: verdana;
border: 1px solid #1e83d1;
padding: 5px 0 0;
}
.news_list li .date em {
display: block;
font-style: normal;
font-size: 14px;
font-family: arial;
background: #1e83d1;
padding: 3px 15px;
color: #fff;
margin-top: 5px;
}
.news_list li p {
color: #999;
font-size: 14px;
margin-left: 95px;
line-height: 25px;
}
.news_list li p a {
display: block;
font-size: 18px;
color: #333;
margin-bottom: 5px;
}
.news_list li p a:hover {
color: #fff;
}
.news_list li:hover .box2 a{
color: #fff;
}
.news_list li:hover .box2 p{
color: #fff;
}
.zy_banner {
width: 100%;
height: 341px;
margin: 0px auto 0;
}
.company_banner {
background: url(../images/company_banner.jpg) top center no-repeat #333;
}
.container {
width: 1200px;
margin: 0 auto;
}
.hgroup {
background: #f1f1f1;
width: 100%;
height:60px;
margin-bottom: 50px;
}
.hgroup .box {
position: relative;
width: 1300px;
margin: 0 auto;
}
.hgroup h3 {
color: #028c39;
font-size: 24px;
line-height: 60px;
font-weight: 500;
margin: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.hgroup p {
color: #707070;
font-size: 14px;
line-height: 30px
}
.hgroup p a {
display: inline-block;
margin-right: 15px;
position: relative;
font-size: 14px;
color: #666;
}
.hgroup p a:hover {
text-decoration: underline
}
.hgroup p a:not(:last-child)::after {
content: '-';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -10px;
height: 0;
line-height: 0;
margin: auto
}
.hgroup nav {
height: 100%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-size: 20px;
color: #666;
line-height: 140px;
}
.hgroup nav p{
line-height:60px;
text-align: center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
display:block;
color: #666;
font-size: 16px;
float: left;
margin: 0;
}
.hgroup nav em {
color: #9a9a9a;
font-size: 22px;
line-height: 140px
}
.InpageTitle {
width: 100%;
text-align: center;
padding-top: 52px;
}
.InpageTitle h3 {
font-size: 30px;
color: #333333;
font-weight: normal;
}
.InpageTitle i {
display: block;
width: 41px;
height: 2px;
background: #0f98a5;
margin: 16px auto 0;
}
.InpageTitle2 {
width: 100%;
text-align: center;
padding-top: 52px;
}
.InpageTitle2 h3 {
font-size: 30px;
color: rgb(51, 51, 51);
font-weight: normal;
}
.InpageTitle2 i {
display: block;
height: 2px;
background: #315cc5;
width: 42px;
margin: 20px auto 0;
}
.InpageTitle2 p {
font-size: 12px;
color: #999999;
font-family: arial;
margin-top: 8px;
text-transform: uppercase;
}
.InpageAddress {
width: 100%;
height: 62px;
border-bottom: 1px solid #eaeaea;
}
.InpageAddress a.homePage {
display: block;
width: 64px;
height: 62px;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
background: url(../images/bg3.png) no-repeat center;
float: left;
}
.InpageAddress .p1 {
line-height: 62px;
float: left;
margin-left: 16px;
}
.InpageAddress .p1 a {
display: block;
padding-right: 14px;
background: url(../images/bg3.png) no-repeat right center;
font-size: 14px;
color: #666666;
float: left;
margin-left: 10px;
}
.InpageAddress .p1 a:first-child {
margin-left: 0;
}
.InpageAddress .p1 a:last-child {
color: #315cc5;
background-image: none;
}
.InpageAddress .p2 {
float: right;
}
.InpageAddress .p2 a {
display: block;
font-size: 14px;
color: #666666;
font-weight: bold;
height: 61px;
line-height: 61px;
float: left;
margin-left: 26px;
text-decoration: none;
}
.InpageAddress .p2 a.cur {
color: #333333;
border-bottom: 2px solid #fa8815;
}
.InpageAddress .p2 a:hover {
color: #333333;
border-bottom: 2px solid #fa8815;
}
.sub_address {
height: 70px;
background: #f3f3f3;
width: 100%;
margin-bottom: 30px;
}
.sub_lm_all {
width: 1280px;
margin: 0 auto;
height: 70px;
line-height: 70px;
color: #666666;
}
.sub_lm_all span {
display: block;
}
.sub_lm_all span:nth-child(1) {
position: relative;
font-size: 24px;
color: #282828;
height: 30px;
line-height: 30px;
margin-top: 20px;
padding-left: 20px;
}
.sub_lm_all span:nth-child(1):after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 30px;
background: #333;
}
.sub_lm_all span:nth-child(2) i {
display: block;
background: url(../images/bg3.png) no-repeat left top;
width: 17px;
height: 17px;
float: left;
margin: 27px 5px 0 0;
}
.container {
width: 1200px;
margin: 0 auto;
}
.aboutProfile {
width: 100%;
background: #f6f6f6;
}
.aboutProfile .mainCon {
width: 100%;
}
.aboutProfile .mainCon .box1 {
width: 100%;
height: 486px;
padding-bottom: 52px;
}
.aboutProfile .mainCon .box1 dl {
width: 100%;
}
.aboutProfile .mainCon .box1 dt {
width: 480px;
height: 486px;
position: relative;
float: left;
}
.aboutProfile .mainCon .box1 dt h3 {
padding: 30px 0 20px 28px;
width: 255px;
height: 450px;
background: #1469ca;
font-size: 22px;
color: #fff;
font-weight: bold;
}
.aboutProfile .mainCon .box1 dt img {
position: absolute;
top: 100px;
right: 0;
display: block;
}
.aboutProfile .mainCon .box1 dd {
width: 668px;
float: right;
margin-top: 76px;
}
.aboutProfile .mainCon .box1 dd p {
font-size: 14px;
color: #888888;
line-height: 24px;
}
.aboutProfile .mainCon .box2 {
background: url(../images/bg3.jpg) no-repeat center;
height: 448px;
width: 100%;
}
.aboutProfile .mainCon .box2 .con {
padding: 49px 50px 0 28px;
width: 768px;
height: 318px;
background: url(../images/bg3.jpg) no-repeat center;
}
.aboutProfile .mainCon .box2 .con p {
font-size: 14px;
color: #888888;
line-height: 30px;
}
.aboutMien {
width: 100%;
padding-bottom: 40px;
background: #fff;
}
.aboutMien .mainCon {
width: 100%;
height: 400px;
position: relative;
margin-top: 34px;
}
.aboutMien .mainCon span {
display: block;
width: 10px;
height: 18px;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -9px;
overflow: hidden;
z-index: 99;
}
.aboutMien .mainCon .btn01 {
background: url(../images/bg3.png) no-repeat left top;
left: 216px;
}
.aboutMien .mainCon .btn02 {
background: url(../images/bg3.png) no-repeat left top;
right: 216px;
}
.aboutMien .aboutMienCon {
overflow: hidden;
width: 1200px;
height: 400px;
margin: 0 auto;
position: relative
}
.aboutMien .aboutMienCon .aboutMienBox {
width: 1200px;
height: 400px;
margin: 0 auto;
}
.aboutMien .aboutMienCon .iteam .Pic {
position: relative;
display: block;
}
.aboutMien .aboutMienCon .iteam ../img {
display: block
}
.aboutMien .aboutMienCon .iteam b {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/bg3.png) repeat;
}
.aboutMien .aboutMienCon .iteam.active b {
display: none;
}
.aboutMien .aboutMienCon .iteam.active {
height: 400px;
top: 0 !important;
}
.aboutMien .aboutMienCon .iteam.active .Pic {
box-shadow: 1px 6px 4px #ebebeb;
display: block;
border: 5px solid #f6f6f6;
}
.aboutMien .aboutMienCon .iteam.active p {
color: #666666;
font-size: 15px;
margin-top: 15px;
text-align: center;
}
.aboutHonor {
width: 100%;
padding-bottom: 60px;
background: #f6f6f6;
}
.aboutHonor .mainCon {
width: 100%;
position: relative;
margin-top: 34px;
}
.aboutHonor .mainCon i {
display: block;
width: 42px;
height: 42px;
cursor: pointer;
position: absolute;
top: 80px;
overflow: hidden;
z-index: 99;
}
.aboutHonor .mainCon .btn01 {
background: url(../images/bg3.png) no-repeat left top;
left: -70px;
}
.aboutHonor .mainCon .btn02 {
background: url(../images/bg3.png) no-repeat left top;
right: -70px;
}
.aboutHonor .mainCon .aboutHonorCon {
width: 100%;
position: relative;
height: 280px;
overflow: hidden;
}
.aboutHonor .mainCon .aboutHonorCon ul {
width: 105%;
position: absolute;
top: 0;
left: 0;
}
.aboutHonor .mainCon .aboutHonorCon li {
width: 276px;
float: left;
margin-right: 20px;
border: solid 2px #ddd;
}
.aboutHonor .mainCon .aboutHonorCon li p {
width: 276px;
height: 220px;
background: url(../images/bg3.png) no-repeat center;
padding: 9px;
box-sizing: border-box;
}
.aboutHonor .mainCon .aboutHonorCon li p a>img {
width: 100%;
height: 190px;
}
.aboutHonor .mainCon .aboutHonorCon li span {
display: block;
width: 100%;
font-size: 14px;
line-height: 30px;
color: #666;
text-align: center;
}
.aboutHonor .mainCon .aboutHonorCon li ../img {
display: block;
margin: 0 auto;
}
.aboutHistory {
width: 100%;
background: url(../images/bg3.jpg) no-repeat center;
height: 713px;
}
.aboutHistory .InpageTitle2 h3 {
color: #fff;
}
.aboutHistory .InpageTitle2 p {
color: #d0ebee;
}
.aboutHistory .InpageTitle2 i {
background: #fff;
}
.aboutHistory .mainCon {
width: 100%;
position: relative;
margin-top: 42px;
}
.aboutHistory .mainCon {
width: 100%;
position: relative;
margin-top: 34px;
}
.aboutHistory .mainCon i {
display: block;
width: 42px;
height: 42px;
cursor: pointer;
position: absolute;
top: 170px;
overflow: hidden;
z-index: 99;
}
.aboutHistory .mainCon .btn01 {
background: url(../images/bg3.png) no-repeat left top;
left: -70px;
}
.aboutHistory .mainCon .btn02 {
background: url(../images/bg3.png) no-repeat left top;
right: -70px;
}
.aboutHistory .mainCon .conBox .box1 {
height: 379px;
width: 1200px;
position: relative;
overflow: hidden;
}
.aboutHistory .mainCon .conBox .box1 ul {
position: absolute;
top: 0;
left: 0;
}
.aboutHistory .mainCon .conBox .box1 li {
float: left;
width: 1200px;
height: 379px;
}
.aboutHistory .mainCon .conBox .box1 dl {
padding-top: 34px;
background: url(../images/bg3.jpg) no-repeat center;
height: 345px;
}
.aboutHistory .mainCon .conBox .box1 dt {
width: 595px;
float: left;
margin-left: 36px;
}
.aboutHistory .mainCon .conBox .box1 dd {
width: 467px;
float: left;
margin-left: 48px;
padding-top: 92px;
}
.aboutHistory .mainCon .conBox .box1 dd h3 {
font-size: 26px;
color: #fa8815;
}
.aboutHistory .mainCon .conBox .box1 dd p {
font-size: 14px;
color: #666666;
line-height: 24px;
margin-top: 34px;
}
.aboutHistory .mainCon .conBox .box2 {
background: url(../images/bg3.png) no-repeat center 3px;
margin-top: 42px;
width: 1170px;
padding: 0 15px;
height: 60px;
position: relative;
overflow: hidden;
}
.aboutHistory .mainCon .conBox .box2 ul {
position: absolute;
top: 0;
left: 0;
}
.aboutHistory .mainCon .conBox .box2 li {
width: 78px;
float: left;
text-align: center;
}
.aboutHistory .mainCon .conBox .box2 li span {
display: block;
width: 28px;
height: 28px;
background: url(../images/bg3.png) no-repeat center;
margin: 0 auto;
}
.aboutHistory .mainCon .conBox .box2 li p {
font-size: 18px;
color: #fff;
font-weight: bold;
margin-top: 10px;
}
.aboutHistory .mainCon .conBox .box2 li.cur span {
background: url(../images/bg3.png) no-repeat center;
}
.aboutCulture {
width: 100%;
background: url(../images/bg3.jpg) no-repeat center;
height: 600px;
}
.aboutCulture .mainCon {
width: 95%;
position: relative;
margin: 30px auto 0px;
display: table;
}
.aboutCulture .mainCon ul li {
float: left;
padding-top: 25px;
width: 140px;
margin: 10px 40px;
background: #fff;
height: 140px;
box-sizing: border-box;
text-align: center;
display: block;
border-radius: 50%;
}
.aboutCulture .mainCon li p {
margin-top: 10px;
color: #888888;
line-height: 18px;
font-size: 14px;
padding: 0 26px;
}
.aboutCulture .mainCon li:hover {
background: #315cc5;
}
.aboutCulture .mainCon h3 {
font-size: 18px;
color: #333333;
padding: 0;
margin: 0;
}
.aboutCulture .mainCon li:hover h3,
.aboutCulture .mainCon li:hover p {
color: #fff;
}
.pro_nav_1 {
float: left;
width: 320px;
background-color: #fff;
}
.pro_nav h2 {
width: 320px;
height: 100px;
font-size: 26px;
color: #fff;
line-height: 100px;
text-align:left;
background: #028b39;
margin: 0 0px 20px;
padding-left:50px;
box-sizing: border-box;
}
.pro_nav li {
width: 90%;
height: 40px;
line-height: 40px;
background: #fff;
margin: 10px auto;
}
.pro_nav a {
display: block;
color: #000;
background: url(../images/bg3.png) no-repeat 10px center;
padding-left: 25px;
font-size: 16px;
text-decoration: none
}
.pro_nav a>img{
vertical-align: middle;
margin-right: 10px;
}
.pro_nav a b {
display: block;
width: 21px;
height: 40px;
background: url(../images/bg3.png) center center no-repeat;
float: right;
margin-right: 20px;
*position: relative;
*left: 0;
*top: -31px
}
.pro_nav .next_nav {
position: relative;
left: 322px;
top: -31px;
display: none;
}
.pro_nav .next_nav li {
width: 165px;
height: 30px;
background: none;
background-color: #666;
opacity: 0.9;
}
.pro_nav .next_nav a {
background: none;
color: #fff;
padding: 0;
padding-left: 35px
}
.pro_nav .cur,
.pro_nav li:hover {
background-color: #545454
}
.pro_nav .cur a,
.pro_nav li:hover a {
background: url(../images/bg3.png) no-repeat 20px center;
color: #fff
}
.pro_nav .cur b,
.pro_nav li:hover b {
background: url(../images/bg3.png) center center no-repeat
}
.pro_nav .cur .next_nav,
.pro_nav li:hover .next_nav {
display: block
}
.pro_nav .pro_nav_2 {
background-color: #fff;
}
.pro_nav .pro_nav_2 h2 {
height: 40px;
font-size: 22px;
color: #fff;
line-height: 40px;
text-align: center;
background: #1469ca;
overflow: hidden;
}
.pro_nav .pro_nav_2 .first_nav {
margin: 20px 0;
overflow: hidden;
}
#product_lis dl{width: 100%;padding:50px 0;}
#product_lis dl:nth-of-type(even){background: url(../images/bg3.jpg) no-repeat;background-attachment: fixed;}
#product_lis dl dt{width: 1200px;margin:0 auto;margin-bottom: 40px;}
#product_lis dl dt .pro_tit{width: 800px;height: 110px; margin:0 auto;background: url(../images/bg3.png) top no-repeat; background-position:150px 20px;}
#product_lis dl dt .pro_tit p{color: #666666;font-size: 16px;line-height: 42px;text-align: center;}
#product_lis dl dt .pro_tit h4{color: #333333;font-size: 34px;line-height: 40px;text-align: center;}
#product_lis dl dt .pro_tit a{display: block;width: 120px;height: 32px;line-height: 32px;text-indent: 20px; background: #ffc71c url(../images/bg3.png) 85px center no-repeat; color: #000000;font-size: 14px;margin:0 auto;margin-top: 10px;transition: all .4s;}
#product_lis dl dt .pro_tit a:hover{background: #f4b904 url(../images/bg3.png) 85px center no-repeat;}
#product_lis dl:nth-of-type(even) dt .pro_tit h4{color: #fff;}
#product_lis dl:nth-of-type(even) dt p{color: #999999;}
#product_lis dl dd{width: 1400px;margin:0 auto;}
#product_lis dl dd li{width: 445px;height: 530px;background: #f3f3f3;float: left;margin: 10px;transition: all .4s;}
#product_lis dl dd li:last-child{margin-right: 0;}
#product_lis dl dd li ._pro_img{width: 445px;height: 320px;overflow: hidden;margin:0 auto;margin-bottom: 30px;}
#product_lis dl dd li ._pro_img img{width: 445px;height: 320px;transition: transform 1s ease 0s;}
#product_lis dl dd li:hover ._pro_img img{transform: scale(1.05,1.05);}
#product_lis dl dd li ._pro_tit{width: 380px;line-height: 30px;height: 30px;margin:0 auto;}
#product_lis dl dd li ._pro_tit a{color: #333333;font-size: 20px;font-weight: bold;}
#product_lis dl dd li ._pro_table{width: 380px;margin:15px auto;}
#product_lis dl dd li ._pro_table table{background: #5b5b5b;text-align:center;}
#product_lis dl dd li ._pro_table table th{background: #6e6e6e;color: #fff;font-size: 13px;font-weight: normal;line-height: 25px;}
#product_lis dl dd li ._pro_table table td{background: #f3f3f3;color: #333333;line-height: 25px;font-size: 13px;}
#product_lis dl dd li ._pro_details{width: 380px;margin:0 auto;}
#product_lis dl dd li ._pro_details p{line-height: 24px;color: #999;font-size: 14px;background: url(../images/bg3.png) left 10px no-repeat;margin-bottom: 10px;}
#product_lis dl dd li ._pro_btn{width: 380px;margin:0 auto;margin-top: 20px;}
#product_lis dl dd li ._pro_btn a{display: block;width: 132px;height: 33px;line-height: 33px;border:solid 1px #ccc;text-align: center;color: #666;font-size: 14px;margin-right: 12px;float: left;transition: all .4s;}
#product_lis dl dd li ._pro_btn a:hover{border:solid 1px #ccc;background:#ccc;color: #fff;}
#product_lis dl dd li:hover{color:#fff;background: #ffc71c;-moz-box-shadow:4px 4px 10px #000; -webkit-box-shadow:4px 4px 10px #000; box-shadow:4px 4px 10px #000;}
#product_lis dl:nth-of-type(odd) dd li:hover{background: #1e83d1;-moz-box-shadow:4px 4px 10px #828282; -webkit-box-shadow:4px 4px 10px #828282; box-shadow:4px 4px 10px #828282; color: #fff;}
#product_lis dl dd li:hover ._pro_table table td{background: #ffc71c;}
#product_lis dl dd li:hover ._pro_table table th{background: #333;}
#product_lis dl dd li ._pro_btn a:hover {background: #333333;color: #ffc71c;}
#pro_nav{width: 100px;position: fixed;left: 5%;top:40%;}
#pro_nav ul{border:solid 3px #352a09;border-left: none;border-right: none;margin-top:3px;}
#pro_nav ul li{border-bottom: solid 1px #7f630e;}
#pro_nav ul li a{display: block;padding:10px;line-height: 28px; background: #ffc71c;color: #000000;font-size: 16px;text-align: center;}
#pro_nav ul li.current a {background: #030304;color: #fff;}
#product_item{width: 1400px;margin:0 auto;}
#product_item li{width: 450px;height: 630px;background: #f3f3f3;float: left;margin-right: 25px;margin-bottom: 30px; transition: all .4s;}
#product_item li:nth-child(3n){margin-right: 0;}
#product_item li ._product_img{width: 450px;height: 280px;overflow: hidden;margin:0 auto;margin-bottom: 30px;}
#product_item li ._product_img img{width: 450px;height: 280px;transition: transform 1s ease 0s;}
#product_item li:hover ._product_img img{transform: scale(1.05,1.05);}
#product_item li ._product_tit{width: 380px;line-height: 30px;height: 30px;margin:0 auto;}
#product_item li ._product_tit a{color: #333333;font-size: 20px;font-weight: bold;}
#product_item li ._product_table{width: 380px;margin:15px auto;}
#product_item li ._product_table table{background: #5b5b5b;text-align:center;}
#product_item li ._product_table table th{background: #6e6e6e;color: #fff;font-size: 13px;font-weight: normal;line-height: 25px;}
#product_item li ._product_table table td{background: #f3f3f3;color: #333333;line-height: 25px;font-size: 13px;}
#product_item li ._product_details{width: 380px;margin:0 auto;}
#product_item li ._product_details p{line-height: 24px;color: #333333;font-size: 14px;background: url(../images/bg3.png) left 10px no-repeat;padding-left: 15px;margin-bottom: 10px;}
#product_item li ._product_btn{width: 380px;margin:0 auto;margin-top: 20px;}
#product_item li ._product_btn a{display: block;width: 132px;height: 33px;line-height: 33px;border:solid 1px #5b5b5b;text-align: center;color: #333333;font-size: 14px;margin-right: 12px;float: left;transition: all .4s;}
#product_item li ._product_btn a:hover{border:solid 1px #5b5b5b;background:#5b5b5b;color: #fff;}
#product_item li:hover{background: #ffc71c;-moz-box-shadow:4px 4px 10px #828282; -webkit-box-shadow:4px 4px 10px #828282; box-shadow:4px 4px 10px #828282;}
#product_item li:hover ._product_table table td{background: #ffc71c;}
#product_item li:hover ._product_table table th{background: #333;}
#product_item li ._product_btn a:hover {background: #333333;color: #ffc71c;}
#product_lis dl dd li:hover ._pro_tit a{
color: #fff;
}
#product_lis dl dd li:hover ._pro_details p{
color: #fff;
}
#product_lis dl dd li:hover ._pro_btn a{
border: solid 1px #fff;
color: #fff;
}
#pro_nav {
width: 100%;
overflow: hidden;
}
#pro_nav h2 {
width: 100%;
background: #0458b7;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 80px;
}
#pro_nav ul {
width: 100%;
padding: 20px;
box-sizing: border-box;
background: #f3f3f3;
}
#pro_nav ul li {
margin-bottom: 10px;
display: block;
padding: 0px 20px;
line-height: 35px;
color: #333;
font-size: 16px;
text-align: left;
background: #fff;
height: 35px;
overflow: hidden;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
#pro_nav ul li>a {
color: #333;
}
#pro_nav ul li>a>img {
vertical-align: middle;
margin-right: 10px;
}
#pro_nav ul li p {
border-bottom: dashed 1px #ccc;
display: none;
}
#pro_nav ul li p a {
font-size: 14px;
padding-left: 10px;
}
#pro_nav ul li:hover {
background: #0458b7;
}
#pro_nav ul li:hover a {
color: #fff;
}
#pro_nav ul li:hover p {
display: block;
height: auto;
}
.news_show {
width: 100%;
}
.news_show h1 {
width: 100%;
text-align: center;
line-height: 70px;
}
.news_show .info2 {
width: 100%;
background: #eee;
text-align: center;
font-size: 14px;
line-height: 35px;
}
.pro-cont {
width: 1200px;
overflow: hidden;
margin: 0px auto;
}
.pro-l {
width: 100%;
overflow: hidden;
margin-right: 30px;
background: #f3f3f3;
padding: 20px;
box-sizing: border-box;
}
.pro-l .top {
border-bottom: 2px solid #ccc;
height: 40px;
}
.pro-l .top h3 {
float: left;
font-weight: normal;
color: #333;
font-size: 18px;
position: absolute;
padding: 0;
margin: 0;
}
.pro-l .top h3 em {
font-weight: bold;
color: #028b39;
}
.pro-l .top h3 i {
width: 72px;
height: 3px;
background: #028b39;
position: relative;
display: block;
top: 16px;
}
.pro-l .top a.more {
display: block;
width: 21px;
height: 21px;
float: right;
margin-top: 4px;
}
.pro-l ul {
padding-top: 18px;
}
.pro-l ul li {
white-space: nowrap;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 40px;
border-bottom: dashed 1px #ccc;
}
.pro-l ul li a {
color: #666;
padding-left: 10px;
}
.pro-l ul li a:hover {
color: #dd0000;
}
.pro_show {
width: 100%;
}
.pro_show strong {
font-weight: bold;
font-size: 24px;
line-height: 60px;
color: #333;
width: 90%;
padding: 0px 5%;
}
.pro_show dl {
width: 90%;
display: table;
overflow: hidden;
margin-bottom: 30px;
padding: 0px 5%;
}
.pro_show dl dd {
float: left;
}
.pro_show dl dd p {
font-size: 14px;
color: #555;
line-height: 30px;
}
.pro_show dl dd a img {
margin-top: 20px;
}
.pro_show dl dt {
float: right;
}
.pro_show dl dt img {
width: 300px;
height: 225px;
}
.pro_show2 {
width: 100%;
overflow: hidden;
}
.pro_show2 dl {
width: 31%;
float: left;
margin: 10px 1.1%;
}
.pro_show2 dl dt {
width: 100%;
height: 320px;
overflow: hidden;
}
.pro_show2 dl dt img {
width: 100%;
height:320px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.pro_show2 dl dd {
width: 100%;
height: 50px;
background: #eee;
text-align: center;
font-size: 16px;
line-height: 50px;
}
.pro_show2 dl dd a{
color: #000;
}
.pro_show2 dl:hover dt img {
transform: scale(1.1);
}
.banner_about {
background: url(../images/bg3.jpg) bottom center no-repeat #333;
height: 400px;
width: 100%;
padding: 100px 0px;
box-sizing: border-box;
}
.banner_about h2 {
font-size: 36px;
color: #fff;
width: 900px;
margin: 0 auto 20px;
line-height: 60px;
}
.banner_about h2:after {
content: "";
width: 50px;
height: 2px;
background: #315cc5;
display: block;
}
.banner_about p {
font-size: 16px;
color: #fff;
width: 900px;
margin: 0 auto;
line-height: 30px;
}
.banner_contact {
background: url(../images/bg3.jpg) bottom center no-repeat #333;
height: 400px;
width: 100%;
}
.banner_contact {
background: url(../images/bg3.jpg) bottom center no-repeat #333;
height: 400px;
width: 100%;
padding: 100px 0px;
box-sizing: border-box;
}
.banner_contact h2 {
font-size: 36px;
color: #315cc5;
width: 900px;
margin: 0 auto 20px;
line-height: 60px;
}
.banner_contact h2:after {
content: "";
width: 50px;
height: 2px;
background: #315cc5;
display: block;
}
.banner_contact p {
font-size: 16px;
color: #666;
width: 900px;
margin: 0 auto;
line-height: 30px;
}
.banner_case {
background: url(../images/bg3.jpg) bottom center no-repeat #333;
height: 400px;
width: 100%;
}
.banner_news {
background: url(../images/bg3.jpg) bottom center no-repeat #333;
height: 400px;
width: 100%;
padding: 100px 0px;
box-sizing: border-box;
}
.banner_news h2 {
font-size: 36px;
color: #315cc5;
width: 900px;
margin: 0 auto 20px;
line-height: 60px;
}
.banner_news h2:after {
content: "";
width: 50px;
height: 2px;
background: #315cc5;
display: block;
}
.banner_news p {
font-size: 16px;
color: #666;
width: 900px;
margin: 0 auto;
line-height: 30px;
}
.banner_pro {
background: url(../images/bg3.jpg) bottom center no-repeat #333;
height: 400px;
width: 100%;
padding: 100px 0px;
box-sizing: border-box;
}
.banner_pro h2 {
font-size: 36px;
color: #fff;
width: 900px;
margin: 0 auto 20px;
line-height: 60px;
}
.banner_pro h2:after {
content: "";
width: 50px;
height: 2px;
background: #8ea5ea;
display: block;
}
.banner_pro p {
font-size: 16px;
color: #fff;
width: 900px;
margin: 0 auto;
line-height: 30px;
}
#ny_cont {
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
#ny_cont td {
border: solid 1px #ccc;
line-height: 40px
}
#ny_cont img {
display: block;
margin: 10px auto;
width: 800px;
}
.posi_news {
font-size: 16px;
width: 100%;
background: #ddd;
}
.posi_news a {
font-size: 16px;
}
.ny-posi {
width: 100%;
height: 50px;
line-height: 50px;
color: #fff;
background: url(../images/bg3.png) 10px center no-repeat #aaaaaa;
font-size: 16px;
padding-left: 30px;
box-sizing: border-box;
margin-bottom: 40px;
}
.ny-posi a {
color: #fff;
}
.ny_cont {
font-size: 16px;
color: #333;
line-height: 30px;
}
.ny_cont>img {
display: block;
margin: 10px auto;
max-width: 90%;
}
.ny_cont h1 {
font-size: 20px;
width: 100%;
text-align: center;
line-height: 60px;
}
#main1400 {
width: 1400px;
overflow: hidden;
margin: 0px auto 30px;
}
#main1300 {
width: 1300px;
overflow: hidden;
margin: 0px auto 30px;
}
#ny_contont {
width: 100%;
overflow: hidden;
background: #fff; margin-top:35px;
}
.ny_left {
width: 290px;
overflow: hidden;
float: left;
background: #f3f3f3;
}
.ny_right {
width: 1080px;
overflow: hidden;
float: right;
padding: 0px 30px;
box-sizing: border-box;
}
.content-head {
width: 900px;
overflow: hidden;
display: table;
border-bottom: solid 3px #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}
.content-head img {
width: 900px;
height: 180px;
}
.content-head p {
font-size: 14px;
color: #999;
line-height: 25px;
}
.nr16 {
font-size: 16px;
line-height: 30px;
}
.nr16 img {
display: block;
margin: 20px auto;
max-width: 100%;
}
.nr18 {
font-size: 18px;
line-height: 33px;
}
.nr18 h1{
color: #333;
width: 100%;
text-align: center;
line-height: 80px;
}
.ip {
border: solid 1px #ddd;
}
.nr18_lx {
font-size: 18px;
line-height: 33px;
}
.nr18_lx h1{
color: #333;
width: 100%;
text-align: center;
line-height: 100px;
border-bottom: solid 1px #ddd;
}
.nr18_lx p{
width: 100%;
text-align: center;
line-height: 40px;
}
.sypic3 {
float: left;
width: 380px;
height: 430px;
margin: 10px;
}
.sypic3 dl {
padding: 0;
margin: 0;
width: 100%;
height: 380px;
}
.sypic3 dl dt {
background: #fff;
width: 100%;
height: 380px;
display: block;
overflow: hidden;
}
.sypic3 dl dt img {
width: 100%;
height: 380px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.sypic3 dl dd {
background: #4c5457;
color: #fff;
font-size: 16px;
width: 100%;
display: block;
height: 50px;
line-height: 50px;
font-weight: normal;
font-family: "Microsoft Yahei";
text-align: center;
box-sizing: border-box;
text-decoration: none;
padding: 0;
margin: 0;
}
.sypic3 dl dd a {
display: block;
color: #fff;
text-decoration: none;
}
.sypic3 dl dd a:hover {
color: #fff;
background: #315cc5;
}
.sypic3 dl:hover dt img {
transform: scale(1.1);
}
.sypic3:hover dl {
box-shadow: 0 0px 20px rgba(102, 102, 102, .65);
}
.case-pic3 {
float: left;
width: 280px;
height: 260px;
margin: 10px;
}
.case-pic3 dl {
padding: 0;
margin: 0;
width: 100%;
height: 260px;
}
.case-pic3 dl dt {
background: #fff;
width: 100%;
height: 220px;
display: block;
overflow: hidden;
}
.case-pic3 dl dt a img {
width: 100%;
height: 220px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.case-pic3 dl dd {
background: #fff;
color: #000;
font-size: 16px;
width: 100%;
display: block;
height: 40px;
line-height: 40px;
font-weight: normal;
text-align: center;
text-decoration: none;
padding: 0;
margin: 0;
}
.case-pic3 dl dd a {
display: block;
color: #000;
text-decoration: none;
}
.case-pic3 dl dd a:hover {
color: #fff;
background: #315cc5;
}
.case-pic3 dl:hover dt a img {
transform: scale(1.5);
}
.video-pic3 {
float: left;
width: 260px;
height: 220px;
margin: 10px;
}
.video-pic3 dl {
padding: 0;
margin: 0;
width: 100%;
height: 220px;
}
.video-pic3 dl dt {
background: #fff;
width: 100%;
height: 180px;
display: block;
overflow: hidden;
}
.video-pic3 dl dt a img {
width: 100%;
height: 220px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.video-pic3 dl dd {
background: #fff;
color: #000;
font-size: 16px;
width: 100%;
display: block;
height: 40px;
line-height: 40px;
font-weight: normal;
text-align: center;
text-decoration: none;
padding: 0;
margin: 0;
}
.video-pic3 dl dd a {
display: block;
color: #000;
text-decoration: none;
}
.case-pic3 dl dd a:hover {
color: #fff;
background: #315cc5;
}
.video-pic3 dl:hover dt a img {
transform: scale(1.5);
}
.sypic4 {
float: left;
width: 380px;
height: 425px;
margin: 10px;
}
.sypic4 a dl {
padding: 0;
margin: 0;
width: 380px;
height: 425px;
background: #eee;
color: #000;
}
.sypic4 a:hover dl {
padding: 0;
margin: 0;
width: 380px;
height: 425px;
background: #cf0000;
color: #fff;
}
.sypic4 a dl dt {
background: #fff;
width: 380px;
height: 380px
}
.sypic4 a dl dt img {
width: 380px;
height: 380px;
}
.sypic4 a dl dd {
font-size: 16px;
width: 380px;
display: block;
height: 45px;
line-height: 45px;
font-weight: normal;
font-family: "Microsoft Yahei";
text-align: center;
text-decoration: none;
padding: 0;
margin: 0;
}
.sypic5 {
float: left;
width: 19%;
height: 270px;
margin: 5px 0.5%;
}
.sypic5 dl {
padding: 0;
margin: 0;
width: 100%;
height: 270px;
}
.sypic5 dl dt {
background: #fff;
width: 100%;
height: 210px;
overflow: hidden;
}
.sypic5 dl dt img {
width: 100%;
height: 210px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.sypic5 dl dd {
background: #e4e4e4;
color: #000;
font-size: 14px;
width: 100%;
display: block;
height: 40px;
line-height: 40px;
font-weight: normal;
font-family: "Microsoft Yahei";
text-align: center;
text-decoration: none;
padding: 0;
margin: 0;
}
.sypic5 dl dd a {
display: block;
color: #000;
text-decoration: none;
}
.sypic5 dl dd a:hover {
color: #fff;
background: #666;
}
.sypic5 dl:hover dt img{
transform: scale(1.1);
}
.pc_tt {
width: 100%;
height: 50px;
background: #028b39;
border: solid 1px #ddd;
margin: 0 auto;
color: #fff;
line-height: 50px;
padding-left: 10px;
margin-top: 20px;
box-sizing: border-box;
}
.pc_tt h2 {
font-size: 20px;
padding: 0;
margin: 0;
}
.pc_nr {
width: 100%;
overflow: hidden;
padding: 10px;
margin: 0 auto;
border: solid 1px #ddd;
background: #fff;
box-sizing: border-box;
}
.list_page {
text-align: center;
margin: 10px;
display: block;
width: 880px;
}
.list_page:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.list_page ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: bottom;
}
.list_page ul li {
display: inline-block;
border: solid 1px #ddd;
border-radius: 4px;
}
.list_page ul a {
color: #333;
padding: 8px 12px;
line-height: 18px;
display: block;
transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
background: #fff;
}
.page_group ul {
border-right: solid 1px #ddd;
border-radius: 4px;
}
.page_group ul li {
border-right: none;
border-radius: 0;
float: left;
}
.page_group ul li:not(:first-child):not(:last-child) {
border-radius: 0;
}
.page_group ul li:first-child {
border-radius: 4px 0 0 4px;
}
.page_group ul li:last-child {
border-radius: 0 4px 4px 0;
}
.page_group ul .active a {
background: #f3f3f3;
border-radius: 0;
}
.pian {
width: 920px;
height: 30px;
margin: 20px auto;
text-align: center;
}
.pian li {
width: 430px;
margin-right: 20px;
height: 30px;
line-height: 30px;
float: left;
color: #ca0002;
font-size: 16px;
font-weight: normal;
font-family: "Microsoft Yahei";
list-style: none;
}
.pian li a {
color: #666;
text-decoration: underline;
}
.nycp_left {
width: 50%;
float: left;
}
.nycp_right {
width: 50%;
float: left;
}
#nycp_zong {
width: 1358px;
background: #fff;
height: 600px;
margin: 20px auto auto auto;
box-shadow: 0px 0px 30px #ccc;
}
#nycp_zong_l {
width: 700px;
height: 650px;
float: left;
}
#nycp_zong_r {
width: 600px;
height: 610px;
float: left;
padding: 20px;
}
#nycp_zong_r h1 {
height: 60px;
line-height: 60px;
color: #333;
}
.intro {
width: 100%;
overflow: hidden;
line-height: 30px;
font-size: 16px;
color: #555;
margin-bottom: 10px;
display: table;
}
.intro1 {
width: 100%;
height: auto;
line-height: 30px;
color: #999;
}
.intro4 {
width: 100%;
height: 40px;
line-height: 40px;
color: #999;
border-bottom: dashed 2px #ccc;
border-top: dashed 2px #ccc;
margin-top: 10px;
margin-bottom: 20px;
}
.intro4_l {
width: 440px;
float: left;
}
.intro4_r {
width: 200px;
float: left;
}
.intro2 img {
height: auto;
margin: 0px 10px;
border: 0px;
}
.intro3 {
height: auto;
margin: 50px 20px 0px 20px;
border: 0px;
font-size: 14px;
font-weight: normal;
font-family: "Microsoft Yahei";
color: #333;
}
.nyr_tt {
width: 100%;
overflow: hidden;
margin-bottom: 50px;
}
.nyr_tt h2 {
width: 180px;
text-align: left;
line-height: 36px;
height: 36px;
text-align: center;
background: #555;
color: #fff;
font-size: 16px;
}
.lx-left{
width: 40%;
overflow: hidden;
float: left;
text-align: left;
font-size: 18px;
line-height: 40px;
}
.lx-right{
width: 60%;
overflow: hidden;
float: right;
}
.info {
width: 100%;
background: #eee;
color: #000;
display: block;
height: 30px;
font: 12px #666 30px;
text-align: center;
margin: 0px auto;
}
._p_b a{display: block;width: 219px;height: 72px;line-height: 72px;text-indent: 80px;border-radius: 5px; font-size: 24px;float: left;margin-right: 15px;transition: all .4s;}
._p_b a._pro_order{background: #d9171f url(../images/_pro_order.png) 39px center no-repeat;color: #fff;}
._p_b a._pro_qq{background: #ffc71c url(../images/_pro_qq.png) 39px center no-repeat;color: #000000;}
._p_b a._pro_order:hover{background: #252525 url(../images/_pro_order.png) 39px center no-repeat;color: #fff;}
._p_b a._pro_qq:hover{background: #252525 url(../images/_pro_qq_hover.png) 39px center no-repeat;color: #fff;}
.web {
width: 100%;
background: #eee;
color: #000;
display: block;
height: 30px;
font-size: 14px;
line-height: 30px;
text-align: left;
margin: 0px auto;
}
.web a {
color: #666;
}
.fenxiang {
width: 880px;
color: #000;
display: block;
height: 40px;
font: 14px #666 40px;
text-align: left;
margin: 0px auto;
}
.nr {
width: 95%;
margin: 20px auto;
}
.nr11 img {
border: 1px solid #CCCCCC;
padding: 10px;
margin: 20px;
}
.jqzoom {
text-decoration: none;
float: left;
z-index: 999;
}
#goodsshow img {
border: 0;
}
#goodsshow .shop_big {
border: 1px solid #ededed;
padding: 10px;
background: #fff;
width: 650px;
cursor: pointer;
margin: 10px;
}
#goodsshow .shop_plist {
clear: both;
width: 580px;
height: 100px;
}
#prolist {
width: 540px;
float: left;
overflow: hidden;
height: 68px;
position: relative;
margin: 10px 0 0 0;
}
#prolist ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 20000px;
position: relative;
}
#prolist ul li {
float: left;
cursor: pointer;
position: relative;
background: url(../images/bg3.gif) no-repeat center top;
height: 68px;
}
#prolist ul li img {
height: 60px;
width: 80px;
margin: 6px 8px 0 8px;
padding: 0px;
border: 0;
}
#prolist .hover {
background: url(../images/bg3.gif) no-repeat center top;
height: 68px;
}
#goodsshow .shop_plist a.prev {
float: left;
width: 20px;
height: 68px;
display: block;
outline: none;
background: url(../images/bg3.gif) no-repeat center;
line-height: 68px;
margin-top: 12px;
}
#goodsshow .shop_plist a.next {
float: left;
width: 20px;
height: 68px;
display: block;
outline: none;
background: url(../images/bg3.gif) no-repeat center;
margin-top: 12px;
}
#goodsshow .right {
width: 500px;
}
#goodsshow .right h1 {
font-size: 18px;
font-family: microsoft yahei;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
}
#goodsshow .right .intro {
color: #999;
min-height: 80px;
}
#goodsshow .right .sno {
border-bottom: 1px solid #eee;
line-height: 35px;
}
#goodsshow .right .price {
color: #999;
line-height: 30px;
padding: 10px 0;
}
#goodsshow .right .price span {
color: #f60;
font-size: 16px;
}
.zoomPad {
position: relative;
float: left;
z-index: 99;
cursor: crosshair;
}
.zoomPreload {
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
color: #333;
font-size: 12px;
font-family: Tahoma;
text-decoration: none;
border: 1px solid #CCC;
background-color: white;
padding: 8px;
text-align: center;
background-image: url(../images/bg3.gif);
background-repeat: no-repeat;
background-position: 43px 30px;
z-index: 110;
width: 90px;
height: 43px;
position: absolute;
top: 0px;
left: 0px;
* width: 100px;
* height: 49px;
}
.zoomPup {
overflow: hidden;
background-color: #FFF;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 120;
position: absolute;
border: 1px solid #CCC;
z-index: 101;
cursor: crosshair;
}
.zoomOverlay {
position: absolute;
left: 0px;
top: 0px;
background: #FFF;
z-index: 5000;
width: 100%;
height: 100%;
display: none;
z-index: 101;
}
.zoomWindow {
position: absolute;
left: 110%;
top: 40px;
background: #FFF;
z-index: 6000;
height: auto;
z-index: 10000;
z-index: 110;
}
.zoomWrapper {
position: relative;
border: 1px solid #eee;
z-index: 110;
}
.zoomWrapperTitle {
display: none;
background: #999;
color: #FFF;
height: 0;
line-height: 0;
width: 100%;
overflow: hidden;
text-align: center;
font-size: 12px;
position: absolute;
top: 0px;
left: 0px;
z-index: 120;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}
.zoomWrapperImage {
display: block;
position: relative;
overflow: hidden;
z-index: 110;
width: 600px;
height: 600px;
}
.zoomWrapperImage img {
border: 0px;
display: block;
position: absolute;
z-index: 101;
}
.zoomIframe {
z-index: -1;
filter: alpha(opacity=0);
-moz-opacity: 0.80;
opacity: 0.80;
position: absolute;
display: block;
}
.zoomdiv {
WIDTH: 400px;
HEIGHT: 400px;
LEFT: 859px
}
.pagelist ul {
text-align: center;
margin: 20px 0;
}
.pagelist li {
display: inline-block;
margin: 0 2px;
}
.pagelist li a {
color: #666;
display: inline-block;
border: 1px solid #ddd;
padding: 6px 15px;
}
.pagelist li a:hover {
border-color: #1e83d1;
background: #1e83d1;
color: #fff;
}
.pagelist li.active a {
border-color: #1e83d1;
background: #1e83d1;
color: #fff;
}
.pian {
width: 920px;
height: 30px;
margin: 20px auto;
text-align: center;
}
.pian li {
width: 430px;
margin-right: 20px;
height: 30px;
line-height: 30px;
float: left;
color: #ca0002;
font-size: 16px;
font-weight: normal;
font-family: "Microsoft Yahei";
list-style: none;
}
.pian li a {
color: #666;
text-decoration: underline;
}
@media screen and (max-width: 1200px){
body{min-width: 100%;}
#home-class {min-width: 100%;}
.class-box {width: 94%;}
.class-box .tt { width: 31%;}
.class-box .class-r { width: 68%;}
.content {w idth: 90%;}
.box1300{width: 90%;}
.news-box {width: 90%;}
#foot .b-logo {wid th: 90%;}
.yinz dl {width: 960px;}
.yinz ul {width: 960px;}
.yinz dt {width: 48%;}
.w1200{width:1200px; margin:0 auto;}
#top p span {float:none;}
.yinz dt img {width: 100%;}
.menubg {width: 63%;}
.menuol>ul li {width: 14%;}
#home-case{ height: auto; padding-bot tom:60px;}
.case-box {width: 96%;}
.case-box ul {width: 20%;}
.case-box ul li{width: 100%; font-size: 20px;color: #000;height: 106px;padding-left: 10px;box-sizing: border-box;padding-top: 10px;}
.case-box span {width:78%;}
.case-box span img{width:100%;}
.gg {background-size: 100%; height: 168px;}
.gg a{color:#fff;}
.lc_phone{display: none;}
.lc_btn .lc_phone p:last-child a{background:none;color:#fff;line-height: 12px;text-align:left; margin-left:0;}
}