/* CSS Document */
@charset "utf-8";
.mrt60{ margin-top:60px;}
.pdb30{ padding-bottom:30px;}
.pdb60{ padding-bottom:60px;}

a{ font-size:17px; color:#222222; text-decoration:none;}
a:hover{ font-size:17px; color:#222222; text-decoration:none;}

.titen{ width:100%; line-height:40px; font-size:34px; color:#000; text-align:center; margin:0 auto;font-family:"微软雅黑"; margin-top:60px;}
.tit{ width:100%; height:50px; line-height:50px; text-align:center; margin:0 auto; font-size:34px;font-family:"微软雅黑"; margin-bottom:50px;}

#iabout{ width:90vw; margin:0 auto; overflow:hidden; margin-bottom:50px;}
#iabout img{ width:36vw; height:24vw; float:right;transition:all .2s}
#iabout .cons{ width:46vw; min-height:24vw; float:left; overflow:hidden;}
#iabout .cons .comname{ width:100%; font-size:22px; color:#0092A6; text-align:left; line-height:40px; margin-bottom:20px;}
#iabout .cons .con{ width:100%; font-size:15px; line-height:28px; color:#4A4A4A; text-align:left;}

#more{width:200px; height:60px; line-height:60px; text-align:center; margin:0 auto; border:1px solid #DDDDDD; border-radius:60px; margin-bottom:40px;}
#more a{ font-size:17px; color:#000; text-decoration:none;}
#more a:hover{ text-decoration:underline;}

#iprod{width:100%; padding:1px 0px; margin:0 auto; background-color:#F1F1F1; }

.plist{ width:90vw; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.plist li{ width:27vw; height:23vw; float:left; background-color:#FFFFFF; margin:1vw 1.4vw;border:1px solid #DEDEDE;}
.plist li .divimg{ width:27vw; height:18vw; overflow:hidden;border-bottom:1px solid #ECECEC;}
.plist li .divimg img{ width:27vw; height:18vw;transition:transform 0.5s ease;}
.plist li .divimg img:hover{transform: scale(1.1);}
.plist li .divtitle{ width:27vw; height:4.6vw; line-height:4.6vw; text-align:center; font-size:17px;}
.plist li .divtitle a{ font-size:17px; color:#222222; text-decoration:none;}


table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.titbox{font-size:18px;color:#3366cc;height:32px;overflow:hidden;width:880px;margin:20px auto;}
.scroll{width:90vw;color:#333333;margin:0 auto;overflow:hidden;}
.scroll img{border:solid 1px #ddd;margin:0 5px; width:21vw; height:14vw;}
.scroll a:hover img{border:solid 1px #990000;}

#solution{ width:90vw; margin:0 auto; overflow:hidden;}
#solution .soli{ width:43vw; height:12vw; overflow:hidden; margin:1vw 1vw; float:left; background-color:#F1FCFE;}
#solution .soli img{ float:left; width:18vw; height:12vw;}
#solution .soli .scon{ width:23vw; float:right; margin-right:1vw; height:12vw; overflow:hidden;}
#solution .soli .scon .stitle{ height:4vw; overflow:hidden; line-height:4vw; text-align:left; }
#solution .soli .scon .stitle a{ font-size:17px; color:#000000; text-decoration:none;}
#solution .soli .scon .sdesc{ height:4vw; overflow:hidden; line-height:2vw; font-size:14px; color:#525252; text-align:left; }

#licheng{ width:100%; background:url(../images/fzlc.png) no-repeat center; height:600px; padding-top:1px;}


#inews{ width:90vw; margin:0 auto; overflow:hidden; margin-bottom:5vw;}
#inews .nleft{ width:36vw; float:left;}
#inews .nleft img{width:36vw; height:24vw;}
#inews .nleft .title{ line-height:3.5vw; overflow:hidden;}
#inews .nleft .title a{ font-size:16px; color:#000000; text-decoration:none;}
#inews .nleft .title a:hover{ text-decoration:underline;}
#inews .nleft .desc{ line-height:2vw; height:4vw; overflow:hidden; font-size:13px; color:#6D6D6D;}
#inews .nleft .date{ line-height:2vw;font-size:13px; color:#6D6D6D;}

#inews .nright{width:50vw; height:35vw; float:right;}
#inews .nright .nlist{height:10vw; padding-bottom:1vw; margin-bottom:1vw;border-bottom:1px solid #CECECE;}
#inews .nright .nlist .npic{ width:15vw;height:10vw;  float:left;}
#inews .nright .nlist .npic img{width:15vw;height:10vw; }
#inews .nright .nlist .cons{ width:33vw; height:10vw; overflow:hidden; float:right;}
#inews .nright .nlist .cons .title{ line-height:3vw; overflow:hidden;}
#inews .nright .nlist .cons .title a{ font-size:16px; color:#000000; text-decoration:none;}
#inews .nright .nlist .cons .title a:hover{ text-decoration:underline;}
#inews .nright .nlist .cons .desc{ line-height:2.5vw; height:5vw; overflow:hidden; font-size:13px; color:#6D6D6D;}
#inews .nright .nlist .cons .date{ line-height:2vw;font-size:13px; color:#6D6D6D;}



#foot{ width:100%; background-color:#000000; margin:0 auto; padding:60px 0px; color:#FFFFFF; text-align:center; font-size:15px; border-bottom:1px solid #333333; min-height:175px;}
#foot .footcon{ width:90vw; margin:0 auto;}
#foot .footcon .flogo{ width:24vw; height:175px; float:left;background:url(../../images/flogo.png) no-repeat left; background-size:20vw; border-right:1px solid #3F3F3F;}
#foot .footcon .fcontact{ width:30vw; float:left; margin:0px 5vw; text-align:left; line-height:35px; color:#F0F0F0;border-right:1px solid #3F3F3F;}
#foot .footcon .ferweima{ width:20vw; float:right; line-height:35px; text-align:left; margin-right:2vw;}
#foot .footcon .ferweima img{ float:left; margin-right:1vw; width:9vw; margin-bottom:15px;}
#corpr{ width:100%; background-color:#000000; margin:0 auto; padding:15px 0px; line-height:35px; color:#FFFFFF; text-align:center; font-size:15px;}
#corpr a{color:#FFFFFF;font-size:15px; text-decoration:none;}

@media screen and (max-width: 1440px) and (min-width:1024px) {
#iabout img{ width:40vw; float:right;}
}

@media screen and (max-width: 1024px) and (min-width: 0px){
.titen{ width:100%; line-height:35px; font-size:25px; color:#000; text-align:center; margin:0 auto;font-family:"微软雅黑"; margin-top:30px;}
.tit{ width:100%; height:40px; line-height:40px; text-align:center; margin:0 auto; font-size:25px;font-family:"微软雅黑"; margin-bottom:20px;}

#iabout{ width:90vw; margin:0 auto; overflow:hidden;}
#iabout img{ width:90vw; max-width:none; margin-bottom:20px; float:right;transition:all .2s}
#iabout .cons{ width:100%; height:inherit; float:left; overflow:hidden;}
#iabout .cons .comname{ width:100%; font-size:22px; color:#0092A6; text-align:left; line-height:40px; margin-bottom:20px;}
#iabout .cons .con{ width:100%; font-size:15px; line-height:28px; color:#4A4A4A; text-align:left;}

#licheng{ display:none;}
#icase{ display:none;}

.plist{ width:90vw; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.plist li{ width:42vw; height:36vw; overflow:hidden; float:left; background-color:#FFFFFF; margin:1vw 1.2vw; border:1px solid #DEDEDE;}
.plist li .divimg{ width:42vw; height:28vw; overflow:hidden;border-bottom:1px solid #ECECEC;}
.plist li .divimg img{ width:42vw; height:28vw;}
.plist li .divtitle{ width:42vw; height:8vw; line-height:8vw; overflow:hidden; text-align:center; font-size:15px;}
.plist li .divtitle a{ font-size:15px; color:#222222; text-decoration:none;}

#solution{ width:90vw; margin:0 auto; overflow:hidden;}
#solution .soli{ width:90vw; height:24vw; overflow:hidden; margin:1vw 1vw; float:left; background-color:#F1FCFE;}
#solution .soli img{ float:left; width:36vw; height:24vw;}
#solution .soli .scon{ width:52vw; float:right; margin-right:1vw; height:24vw; overflow:hidden;}
#solution .soli .scon .stitle{ height:8vw; overflow:hidden; line-height:8vw; text-align:left; }
#solution .soli .scon .stitle a{ font-size:17px; color:#000000; text-decoration:none;}
#solution .soli .scon .sdesc{ height:12vw; overflow:hidden; line-height:6vw; font-size:14px; color:#525252; text-align:left; }

#inews{ width:90vw; margin:0 auto; overflow:hidden; margin-bottom:5vw;}
#inews .nleft{ width:90vw; float:left;}
#inews .nleft img{width:90vw; height:60vw;}
#inews .nleft .title{ line-height:30px; overflow:hidden;}
#inews .nleft .title a{ font-size:16px; color:#000000; text-decoration:none;}
#inews .nleft .title a:hover{ text-decoration:underline;}
#inews .nleft .desc{ height:50px;line-height:25px;overflow:hidden; font-size:14px; color:#6D6D6D;}
#inews .nleft .date{ line-height:20px; height:20px;font-size:13px; color:#6D6D6D;}
#inews .nright{width:90vw; height:auto; float:right; margin-top:2vw;}
#inews .nright .nlist{height:24vw; padding-bottom:10px; margin-bottom:10px;border-bottom:1px solid #CECECE;}
#inews .nright .nlist .npic{ width:36vw;height:24vw;  float:left;}
#inews .nright .nlist .npic img{width:36vw;height:24vw; }
#inews .nright .nlist .cons{ width:50vw; height:24vw; overflow:hidden; float:right;}
#inews .nright .nlist .cons .title{ line-height:25px; height:25px; overflow:hidden;}
#inews .nright .nlist .cons .title a{ font-size:16px; color:#000000; text-decoration:none;}
#inews .nright .nlist .cons .title a:hover{ text-decoration:underline;}
#inews .nright .nlist .cons .desc{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#6D6D6D;}
#inews .nright .nlist .cons .date{ line-height:20px;font-size:13px; color:#6D6D6D;}




#foot{ width:100%; background-color:#000000; margin:0 auto; padding:25px 0px; color:#FFFFFF; text-align:center; font-size:15px; border-bottom:1px solid #333333; overflow:hidden;}
#foot .footcon{ width:90vw; margin:0 auto;}
#foot .footcon .flogo{ width:90vw; height:20vw; float:inherit;background:url(../../images/flogo.png) no-repeat left; background-size:90vw; border-right:0px solid #3F3F3F;}
#foot .footcon .fcontact{ width:90vw; float:inherit; margin:0px 0px; padding-right:0px; text-align:left; line-height:30px; color:#F0F0F0;border-right:0px solid #3F3F3F; margin-bottom:20px;}
#foot .footcon .ferweima{ width:90vw; float:inherit; line-height:30px; text-align:left; margin-right:0vw;}
#foot .footcon .ferweima img{ float:left; margin-right:3vw; width:42vw; margin-bottom:10px;}
#corpr{ width:100%; background-color:#000000; margin:0 auto; padding:15px 0px; line-height:35px; color:#FFFFFF; text-align:center; font-size:15px;}
#corpr a{color:#FFFFFF;font-size:15px; text-decoration:none;}
}