﻿@media screen and (max-width: 880px){.i-news{padding: 0 10px;margin-top: 20px;} }

@media screen and (max-width: 785px){.map-item{width: 100%;float: none;}}

@media screen and (max-width: 769px) and (min-width: 369px) {
body{background: #fff;}
#hd{padding:5px 0 5px 0;background: #fff;height:30px;overflow: hidden;border-radius: 5px 5px 0 0;}
#hd .logo{float:left; width:40%;}
#hd .logo img{ width:90%}
#hd .hdr{display:none;}


/* ==========================================================================
Navigation
========================================================================== */
nav { background-color: #f3f5f8; position: fixed; width: 100%; z-index: 9999; margin: 0 auto;padding: 5px 50px 0;}
nav ul { list-style: none; padding: 0; }
nav ul li { color: rgba(255, 255, 255, 0.6); display: block; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
nav ul li:last-child { border: none; }
nav ul li a { color: #5ab3e8; display: block; padding: 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
nav ul li a:hover, nav ul li a:focus { text-decoration: none; color: #5ab3e8; }
#nav-toggle { position: absolute; right: 10px; top: 26px; display:none; }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #353535; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.navicon { position: relative; height: 26px; }
.indicator { position: absolute; right: 0 !important; }
.pull { display: none;border-top: 7px solid #e60915; }
#main{margin: 0 auto;}
#fd{clear:both;overflow: hidden;background:#87888A;border-top: 1px solid #cac9c9;transition: .3s;  -ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
#fd dl{float: left;font-size: 10px;line-height:15px;color: #FFF;}
#fd dl dt{text-align:left;font-size: 9px; margin-right:5px;}
.copy{background: #87888A;padding:0 0 5px 0;text-align: center;line-height: 13px; font-size:9px;}
#top a{background-image: url(../images/top_m.png);}
#fd{}
.col-l{}
.col-r{padding: 10px;}
.tit-in{display: none;}
.i-box{padding-top: 0;}
.about-i .txt{padding: 20px}
#banner .slick-prev{left:85%;}
#banner .slick-arrow{top:80%;}
.ul-imgtxt .li p{height: 85px;overflow: hidden;}
.pro-deta table{width: 100%;}
	
#banner .slick-arrow{
    position: absolute;
    right:2%;
    bottom: 10px;
    width: 22px;
    height: 23px;
    background-image: url(../images/arr_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255,255,255,.4);
    font-size: 0;
    z-index: 60;
    border: 0;
    cursor: pointer;
}
#banner .slick-prev{right: 0.1%;}
#banner .slick-next{background-image: url(../images/arr_right.png);}
#banner .slick-arrow:hover{background-color: #fff;}
	
.i-gray .slick-dots li{width: 16px;height: 16px;    background: url(../images/disc_gray.png) no-repeat;display: inline-block;margin: 0 5px;border-radius: 100%;cursor: pointer;}
.i-gray .slick-dots li.slick-active{background: url(../images/disc_red.png) no-repeat;}
	
.ip1{ margin:8px 0;}
.i_about{float: left;width:49.5%;}
.i_about li{ position: relative; float: left; margin-right: 2px; margin-bottom: 2px;}
.i_about li img{ width: 100%; height: 100%;}
.i_about li.l1{ width: 66%;}
.i_about li.l2{ width: 32%;}
.i_about li ._txt{ position: absolute; bottom: 0; right: 0; width:60%; padding:4% 5%; background:url(../images/blue.8.png); color: #fff;}
.i_about li.l1 ._txt:before{ content:""; position: absolute; top: 30px; left: -9px; width: 9px; height: 14px; background-image: url(../images/iabout_arr.png);}
.i_about li ._txt ._t span{ display: block;}
.i_about li ._txt ._t span._en{ font-size:2px; font-family: 'Arial'; line-height:10px;font-weight: normal;}
.i_about li ._txt ._t span._ch{ height:12px; font-size: 8px; font-weight: bold; margin-bottom: 2px; line-height:10px; font:"微软雅黑";}
.i_about li ._txt ._t span._ch i{ padding-left: 10px; font-family: '宋体'; font-weight: bold;}
.i_about li ._txt ._p{ font-size:7px; line-height:8px;}

.i_about li ._intro{ position: absolute; right: 0; bottom: 0; width: 80%; height: 20px; line-height: 20px; text-align: center; background: url(../images/blue.8.png); font-size: 10px; color: #fff;}
.ip1{ margin:25px 0;}
.icht{ font-size: 12px; font-weight: bold; color: #333; line-height:normal; margin-bottom:1.5%;}
.icht ._tip{ display:inline-block; vertical-align: -2px; font-size: 12px; font-weight: normal; color: #666; border-left: 1px solid #666; padding-left: 5px; line-height: 1;}
.eff1{ overflow: hidden;}
.eff1 img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.eff1:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

.eff2{-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.eff2:hover{transform:rotateY(180deg);-ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); 	-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}	

.eff3{transition:all .5s ease 0s;}
.eff3:hover{transform: rotate(45deg);}
.show_on{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}


.i_news{ float: right; width: 49.5%;}
.i_news ._list li{ margin-bottom:1%;}
.i_news ._list .itime{ float: left; width:19%; margin-right: 1%;}
.i_news ._list ._txt ._t{ font-size:8px; color: #494949; line-height:10px;}
.i_news ._list ._txt ._p{ font-size: 6px; color: #666; line-height:7px; height:7px; overflow:hidden;}
.i_news ._list ._txt ._more{font-size:6px; font-family:Arial; color: #666;}
.i_news ._list li:hover .itime{ border-color: #008cd6;}
.i_news ._list li:hover .itime span._date{ background-color: #008cd6;}
.i_news ._list li:hover ._txt ._t { color: #008cd6;}
.i_news ._list li:hover ._txt span._more{color: #008cd6;}
.top_news { margin-bottom: 20px;}
.top_news ._img{ float: left; width: 42.5%;}
.top_news ._txt{ float: right; width: 53.5%;}
.top_news ._txt ._t{ font-size: 14px; color: #494949;}
.top_news ._txt  time{ margin: 5px 0; color: #666;}
.top_news ._txt ._p{ font-size: 12px; color: #666;}
.itime { border: 1px solid #aaaaaa;}
.itime span{ display: block; font-family: 'Arial';}
.itime span._date{ line-height:1.5em; height:28%; text-align: center; background-color: #ababab; font-size: 9px; font-weight: bold; color: #fff;}
.itime span._year{ color: #666; text-align: center; height:11px; line-height:12px;font-size:6px;}

.i-gray{background: #E1E1E1;padding:10px 0 10px 0;	overflow: hidden;}
.ul-imgtxt .li h3{line-height: 2.2em;font-size:12px;font-weight: bold;color: #000;}
.ul-imgtxt .li p{padding:0 15px;line-height: 16px;margin:8px 0;height:48px; font-size:10px;}
.ul-imgtxt{padding-bottom: 15px;}


.c_1200_1{ float:left; width:100%; height:10px;}
.t_1200_1{ float:left; width:100%; margin:8px 0 0 0;}
.li_6 .l_140 .t_140_2{ float:left; width:100%; margin:0 0 0 3px;}
.li_6 .l_41{ float:left; width:41px; height:47px; margin:7px 0 8px 1%;}
.li_6 .l_41 a{ float:left; width:41px; height:47px;}
.li_6 .l_140 .t_140_1 a{ float:left; width:100%; color:#333333; font-size:12px; line-height:20px; text-align:left; font-weight:bold; font-family:"微软雅黑";}
.li_6 .l_140 .t_140_2 a{ float:left; width:100%; color:#969696; font-size:8px; line-height:13px; text-align:left;  font-family:Arial, Helvetica, sans-serif;}
.li_6 .l_140 .t_140_1{ float:left; width:100%; margin:12px 0 0 0;}

.nymain{width:100%;margin:0 auto;position:relative;z-index:2; }
.nymaintopbg{width:100%;height:19px;}
.nymainbotbg{width:100%;height:19px;}
.nymaincen{width:100%;background:url(../images/nybgcen.png) repeat-y left top ;min-height:380px; margin-bottom:15px;}
.left{width:30%;float:left;margin:0 0 20px 0; }
.lefttit{background:url(../images/nytitbg01.png) no-repeat left top;height:58px;color:#ffffff;text-transform:uppercase;padding-top:5px;background-SIZE:90% 90%;}
.enbig{float:left;text-transform:uppercase;font-family:Arial;font-size:32px;margin:5px 3px 0 5px;}
.ptxt{float:left;font-size:12px;margin-top:8px;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ptxt span{font-size:10px;line-height:14px;font-family:Arial;*vertical-align:8px}
.nynavul{margin-bottom:15px;}
.nynavul li{background:url(../images/nynavbg01.png) no-repeat left top;background-SIZE:90% 90%;}
.nynavul li>a{display:block;height:28px;color:#555555;font-size:10px;width:50%;margin-left:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:28px;}
.nynavul li.cur,.nynavul li:hover{background:url(../images/nynavbg_h01.png) no-repeat left top;background-SIZE:90% 90%;}
.nynavul li.cur>a,.nynavul li:hover>a{color:#ffffff;font-weight:bold;}

.nmyconbg_top{background:url(../images/conbg_top.png) no-repeat left top;height:21px;}
.nmyconbg_cen{background:url(../images/conbg_center.png) repeat-y left top;overflow:hidden;}
.nmyconbg_bot{background:url(../images/conbg_bot.png) no-repeat left top;height:33px;}
.nycontit{border-bottom:1px solid #bcbcbc;padding-bottom:7px;width:90%;margin-bottom:5px;overflow:hidden;}
.nycontit a{float:right;background:url(../images/nyconmmore.png) no-repeat right top;width:29px;height:5px;margin-top:5px;}
.nycontit img{ width:40%;}

.nyconul{width:90%;color:#707070;font-family:微软雅黑;line-height:12px;margin-bottom:15px; font-size:6px;}
.nyconul li{border-bottom:1px dotted #959595;background:url(../images/con_add.png) no-repeat left 8px; padding:5px 0 5px 23px;background-SIZE:15% 15%; font-size:6px;}
.nyconul li.conli02{background:url(../images/con_ren.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli03{background:url(../images/con_tel.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli04{background:url(../images/con_fix.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli05{background:url(../images/con_mail.png) no-repeat left 11px;background-SIZE:15% 15%;}

.right{width:69%;float:right;}
.aboutcon{line-height:20px;}
.aboutcon p{ text-indent:2em; font-size:10px;}
.sidenav-li {width:100%;display: block;}
.sidenav-li ul li {width:100%;line-height: 18px;background-SIZE:90% 90%; }
.sidenav-li ul li img{background-SIZE:90% 90%; }

.sidenav-li ul li a{width:100%;line-height: 18px; height:18px; font-size: 10px;}
.sidenav-li ul li a.navfather:hover,.sidenav-li ul li.on a.navfather{background: url(../images/nynavbg_h01.png) no-repeat left center;color: #fff; line-height:18px;font-size: 10px;display: block;font-weight:bold;background-SIZE:90% 90%;}
.sidenav-li ul li a.on {line-height: 18px;  font-size: 10px;  display: block;}
.sidenav-li ul li .navfather {line-height: 18px;  font-size: 10px;  display: block;  padding: 0 10px 0 5px;background:url(../images/nynavbg.png) no-repeat left center;background-SIZE:90% 90%;}
.sidenavson {width:90%;}
.sidenavson a {display: block;padding: 0 0 0 5px;border-bottom: 1px dashed #8E8E8E;font: 7px/16px "微软雅黑"; background:#eee; overflow:hidden;}
.sidenavson a:hover, .sidenavson a.on {color: #b80000;background:url(../images/navleftbg_h01.jpg) no-repeat 1px center;background-SIZE:90% 90%;}
.sidenavson a.static {background-position: 7px 13px;color: #444;}
.sidenav-bot {width:90%;height: 5px;background: #626469;overflow: hidden;}

.prolist{overflow:hidden;}
.prolist ul{width:100%;overflow:hidden;}
.prolist li{float:left;width:24%;height:68px;border:2px solid #e4e4e4;padding-bottom:2px;margin:0 1% 10px 0; background-color: #E8E8E8;}
.proin{border-bottom:2px solid #e4e4e4;height:68px;overflow:hidden;}
.prolist li:hover{}
.prolist li:hover .proin{}
.proin table{width:100%;height:50px;text-align:center;background-color:#FFFFFF;}
.proin table img{width:120px; height:auto;}

.protit{text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1px;}
.protit a{color:#363636;font-size:9px;}
.prolist li:hover a{color:#E0070D;}
}

@media screen and (max-width: 640px){
.nycontit img{width:20%;}

.ul-imgtxt1 li .pic{width: 100%;float: none;margin-bottom: 10px;}
.app-deta .pic{width: 100%;float: none;text-align: center;}
.science-spare h3{font-size: 18px;}
.science-spare .box h4{font-size: 14px;}
.ul-list .li{width: 50%;}
.nav-logo img{width:90%;}
.ul-imgtxt .li h3{font-size: 12px;}
.m-job dl dd ul li{width: 50%;}
#hd{padding:5px 0 5px 0;background: #fff;height:30px;overflow: hidden;border-radius: 5px 5px 0 0;}

#hd .logo{float:left; width:40%;}
#hd .logo img{ width:90%}
#hd .hdr{ display:none;}

#nav{background: url(../images/nav01.png) repeat-x;height: 30px;position: relative;z-index: 9999; margin-bottom:3px;}
#nav ul li{float: left;width: 13.5%;position: relative;text-align: center;}
#nav ul li > a{line-height:30px;color: #333;font-size: 10px;display: block;}
#nav ul li dl dd a{display: block;color: #fff;line-height: 30px;font-size: 10px;}
#nav ul li dl dd a:hover{color: #e60012;}
#nav ul li dl{position: absolute;left: 0;top: 30px;	width: 100%;background: url(../images/shaw_78.png) repeat;border-bottom: 4px solid #e60012;padding: 10px 0;display: none;}
#nav ul li.ok > a,#nav ul li.on > a{color: #fff;background: url(../images/nav_on01.png) repeat-x;}
#nav .leftline{float: left; background:url(../images/leftnav.jpg) no-repeat; width:2px;height: 30px; overflow:hidden;}


.ul-pro li .pic{width: 100%;float: none;margin-bottom: 20px;}
.ul-pro li .pic img{width: 100%;}
.ul-news li .txt .desc .num{display: none;}
.ul-news li .pic{width: 100%;float: none;margin-bottom: 5px;height: auto;margin-right: 0;}
.ul-news li .pic img{width: 100%;height: auto;}
.ul-news li a.more{display: block !important;}
#banner .slick-arrow{
    position: absolute;
    right:2%;
    bottom: 10px;
    width: 22px;
    height: 23px;
    background-image: url(../images/arr_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255,255,255,.4);
    font-size: 0;
    z-index: 60;
    border: 0;
    cursor: pointer;
}
#banner .slick-prev{right: 0.5%;}
#banner .slick-next{background-image: url(../images/arr_right.png);}
#banner .slick-arrow:hover{background-color: #fff;}
	
.laugese {margin:0 auto 0; text-align: center;} 
.laugese ul {padding: 0;list-style: none;position: relative; z-index:999999;display: inline-table;}
.laugese ul li {float: left;font-size:9px; min-width:25px;font-family:"微软雅黑",Arial; background:#87888A; padding:3px 0; margin-right:1px;}
.laugese ul li:hover {color:#fff;background:#E60012; min-width:25px; padding:3px 0;}
.laugese ul li a,a:hover {color:#fff;}

.free-tel{ float:right; border-right:1px solid #c3bfbe; margin-right:2px; padding:1px 2px 1px 7px;}
.free-tel font{ text-align:center;line-height:15px}
.free-tel .t1{ font-size:8px; color:#221815; float:left; margin-right:2px;}
.free-tel .t2{ color: #F00000; font-size:10px; font-weight:bold; text-indent:inherit;}

.ul-imgtxt{padding-bottom: 25px;}
#fd dl{float: left;font-size:9px;line-height:15px;color: #FFF;}
#fd dl dt{text-align:left;  font-size:9px; margin-right:5px;}
.copy{background: #87888A;padding:0 0 5px 0;text-align: center;line-height: 13px; font-size:9px;}

.i-gray .slick-dots li{width: 15px;height: 15px;    background: url(../images/disc_gray.png) no-repeat 40% 40%;display: inline-block;margin: 0 5px;border-radius: 100%;cursor: pointer;}
.i-gray .slick-dots li.slick-active{background: url(../images/disc_red.png) no-repeat 50% 50%;}
.c_1200_1{ float:left; width:100%; height:40px;}
.t_1200_1{ float:left; width:100%; margin:8px 0;}
.li_6 .l_140 .t_140_2{ float:left; width:100%; margin:0 0 0 3px;}
.li_6 .l_41{ float:left; width:41px; height:47px; margin:7px 0 8px 1%;}
.li_6 .l_41 a{ float:left; width:41px; height:47px;}
.li_6 .l_140 .t_140_1 a{ float:left; width:100%; color:#333333; font-size:9px; line-height:20px; text-align:left; font-weight:bold; font-family:"微软雅黑";}
.li_6 .l_140 .t_140_2 a{ float:left; width:100%; color:#969696; font-size:8px; line-height:13px; text-align:left;  font-family:Arial, Helvetica, sans-serif;}


.nymain{width:100%;margin:0 auto;position:relative;z-index:2; }
.nymaintopbg{width:100%;height:19px;}
.nymainbotbg{width:100%;height:19px;}
.nymaincen{width:100%;background:url(../images/nybgcen.png) repeat-y left top ;min-height:380px; margin-bottom:15px;}
.left{width:30%;float:left;margin:0 0 20px 0; }
.lefttit{background:url(../images/nytitbg01.png) no-repeat left top;height:58px;color:#ffffff;text-transform:uppercase;padding-top:5px;background-SIZE:90% 90%;}
.enbig{float:left;text-transform:uppercase;font-family:Arial;font-size:32px;margin:5px 3px 0 5px;}
.ptxt{float:left;font-size:12px;margin-top:8px;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ptxt span{font-size:10px;line-height:14px;font-family:Arial;*vertical-align:8px}
.nynavul{margin-bottom:15px;}
.nynavul li{background:url(../images/nynavbg01.png) no-repeat left top;background-SIZE:90% 90%;}
.nynavul li>a{display:block;height:28px;color:#555555;font-size:10px;width:50%;margin-left:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:28px;}
.nynavul li.cur,.nynavul li:hover{background:url(../images/nynavbg_h01.png) no-repeat left top;background-SIZE:90% 90%;}
.nynavul li.cur>a,.nynavul li:hover>a{color:#ffffff;font-weight:bold;}

.nmyconbg_top{background:url(../images/conbg_top.png) no-repeat left top;height:21px;}
.nmyconbg_cen{background:url(../images/conbg_center.png) repeat-y left top;overflow:hidden;}
.nmyconbg_bot{background:url(../images/conbg_bot.png) no-repeat left top;height:33px;}
.nycontit{border-bottom:1px solid #bcbcbc;padding-bottom:7px;width:90%;margin-bottom:5px;overflow:hidden;}
.nycontit a{float:right;background:url(../images/nyconmmore.png) no-repeat right top;width:29px;height:5px;margin-top:5px;}
.nycontit img{ width:40%;}

.nyconul{width:90%;color:#707070;font-family:微软雅黑;line-height:12px;margin-bottom:15px; font-size:6px;}
.nyconul li{border-bottom:1px dotted #959595;background:url(../images/con_add.png) no-repeat left 8px; padding:5px 0 5px 23px;background-SIZE:15% 15%; font-size:6px;}
.nyconul li.conli02{background:url(../images/con_ren.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli03{background:url(../images/con_tel.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli04{background:url(../images/con_fix.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli05{background:url(../images/con_mail.png) no-repeat left 11px;background-SIZE:15% 15%;}

.right{width:69%;float:right;}
.aboutcon{line-height:20px;}
.aboutcon p{ text-indent:2em; font-size:10px;}
.sidenav-li {width:100%;display: block;}
.sidenav-li ul li {width:100%;line-height: 18px;background-SIZE:90% 90%; }
.sidenav-li ul li img{background-SIZE:90% 90%; }

.sidenav-li ul li a{width:100%;line-height: 18px; height:18px; font-size: 10px;}
.sidenav-li ul li a.navfather:hover,.sidenav-li ul li.on a.navfather{background: url(../images/nynavbg_h01.png) no-repeat left center;color: #fff; line-height:18px;font-size: 10px;display: block;font-weight:bold;background-SIZE:90% 90%;}
.sidenav-li ul li a.on {line-height: 18px;  font-size: 10px;  display: block;}
.sidenav-li ul li .navfather {line-height: 18px;  font-size: 10px;  display: block;  padding: 0 10px 0 5px;background:url(../images/nynavbg.png) no-repeat left center;background-SIZE:90% 90%;}
.sidenavson {width:90%;}
.sidenavson a {display: block;padding: 0 0 0 5px;border-bottom: 1px dashed #8E8E8E;font: 7px/16px "微软雅黑"; background:#eee; overflow:hidden;}
.sidenavson a:hover, .sidenavson a.on {color: #b80000;background:url(../images/navleftbg_h01.jpg) no-repeat 1px center;background-SIZE:90% 90%;}
.sidenavson a.static {background-position: 7px 13px;color: #444;}
.sidenav-bot {width:90%;height: 5px;background: #626469;overflow: hidden;}


.prolist{overflow:hidden;}
.prolist ul{width:100%;overflow:hidden;}
.prolist li{float:left;width:24%;height:68px;border:2px solid #e4e4e4;padding-bottom:2px;margin:0 1% 10px 0; background-color: #E8E8E8;}
.proin{border-bottom:2px solid #e4e4e4;height:68px;overflow:hidden;}
.prolist li:hover{}
.prolist li:hover .proin{}
.proin table{width:100%;height:50px;text-align:center;background-color:#FFFFFF;}
.proin table img{width:90%}

.protit{text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1px;}
.protit a{color:#363636;font-size:9px;}
.prolist li:hover a{color:#E0070D;}

}



@media only screen and (max-width: 479px) {
.nymain{width:100%;margin:0 auto;position:relative;z-index:2; }
.nymaintopbg{width:100%;height:19px;}
.nymainbotbg{width:100%;height:19px;}
.nymaincen{width:100%;background:url(../images/nybgcen.png) repeat-y left top ;min-height:380px; margin-bottom:15px;}
.left{width:30%;float:left;margin:0 0 20px 0; }
.lefttit{background:url(../images/nytitbg01.png) no-repeat left top;height:58px;color:#ffffff;text-transform:uppercase;padding-top:5px;background-SIZE:90% 90%;}
.enbig{float:left;text-transform:uppercase;font-family:Arial;font-size:32px;margin:5px 3px 0 5px;}
.ptxt{float:left;font-size:12px;margin-top:8px;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ptxt span{font-size:10px;line-height:14px;font-family:Arial;*vertical-align:8px}
.nynavul{margin-bottom:15px;}
.nynavul li{background:url(../images/nynavbg01.png) no-repeat left top;background-SIZE:90% 90%;}
.nynavul li>a{display:block;height:28px;color:#555555;font-size:10px;width:50%;margin-left:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:28px;}
.nynavul li.cur,.nynavul li:hover{background:url(../images/nynavbg_h01.png) no-repeat left top;background-SIZE:90% 90%;}
.nynavul li.cur>a,.nynavul li:hover>a{color:#ffffff;font-weight:bold;}

.nmyconbg_top{background:url(../images/conbg_top.png) no-repeat left top;height:21px;}
.nmyconbg_cen{background:url(../images/conbg_center.png) repeat-y left top;overflow:hidden;}
.nmyconbg_bot{background:url(../images/conbg_bot.png) no-repeat left top;height:33px;}
.nycontit{border-bottom:1px solid #bcbcbc;padding-bottom:7px;width:90%;margin-bottom:5px;overflow:hidden;}
.nycontit a{float:right;background:url(../images/nyconmmore.png) no-repeat right top;width:29px;height:5px;margin-top:5px;}
.nycontit img{ width:40%;}

.nyconul{width:90%;color:#707070;font-family:微软雅黑;line-height:12px;margin-bottom:15px; font-size:6px;}
.nyconul li{border-bottom:1px dotted #959595;background:url(../images/con_add.png) no-repeat left 8px; padding:5px 0 5px 23px;background-SIZE:15% 15%; font-size:6px;}
.nyconul li.conli02{background:url(../images/con_ren.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli03{background:url(../images/con_tel.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli04{background:url(../images/con_fix.png) no-repeat left 11px;background-SIZE:15% 15%;}
.nyconul li.conli05{background:url(../images/con_mail.png) no-repeat left 11px;background-SIZE:15% 15%;}

.right{width:69%;float:right;}
.aboutcon{line-height:20px;}
.aboutcon p{ text-indent:2em; font-size:10px;}
.sidenav-li {width:100%;display: block;}
.sidenav-li ul li {width:100%;line-height: 18px;background-SIZE:90% 90%; }
.sidenav-li ul li img{background-SIZE:90% 90%; }
.sidenav-li ul li a{width:100%;line-height: 18px; height:18px; font-size: 10px;}
.sidenav-li ul li a.navfather:hover,.sidenav-li ul li.on a.navfather{background: url(../images/nynavbg_h01.png) no-repeat left center;color: #fff; line-height:18px;font-size: 10px;display: block;font-weight:bold;background-SIZE:90% 90%;}
.sidenav-li ul li a.on {line-height: 18px;  font-size: 10px;  display: block;}
.sidenav-li ul li .navfather {line-height: 18px;  font-size: 10px;  display: block;  padding: 0 10px 0 5px;background:url(../images/nynavbg.png) no-repeat left center;background-SIZE:90% 90%;}

.sidenavson {width:90%;}
.sidenavson a {display: block;padding: 0 0 0 5px;border-bottom: 1px dashed #8E8E8E;font: 7px/16px "微软雅黑"; background:#eee; overflow:hidden;}
.sidenavson a:hover, .sidenavson a.on {color: #b80000;background:url(../images/navleftbg_h01.jpg) no-repeat 1px center;background-SIZE:90% 90%;}
.sidenavson a.static {background-position: 7px 13px;color: #444;}
.sidenav-bot {width:90%;height: 5px;background: #626469;overflow: hidden;}


.prolist{overflow:hidden;}
.prolist ul{width:100%;overflow:hidden;}
.prolist li{float:left;width:24%;height:68px;border:2px solid #e4e4e4;padding-bottom:2px;margin:0 1% 10px 0; background-color: #E8E8E8;}
.proin{border-bottom:2px solid #e4e4e4;height:68px;overflow:hidden;}
.prolist li:hover{}
.prolist li:hover .proin{}
.proin table{width:100%;height:50px;text-align:center;background-color:#FFFFFF;}
.proin table img{width:90%}

.protit{text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1px;}
.protit a{color:#363636;font-size:9px;}
.prolist li:hover a{color:#E0070D;}



}
