body{font:12px/1.6 Arial;color: #131313;background:#effaff;margin:0;padding:0;}
body{margin:0 auto;font-size:12px;background: #000000;}
body,img,ul,li,form,h1,h2,h3,h4,dl,dt,dd{margin:0;padding:0;}
h1,h2,h3,h4{font-size:1em;}
li{list-style:none;}
img{border:0;}
a:link,a:visited{color: #004499; text-decoration: none;}
a:hover{color: #004499;text-decoration:none; }
a:active{color: #FF6600; text-decoration: none;}
#mainbox{width:100%;margin:0 auto;}
#navbox{clear:both;padding:8px 0 4px 10px;overflow: hidden;}
#navbox dt{width:56%;float:left;margin-left:0;color:#7a7d7e;font-size:12px;text-indent:2px; overflow:hidden;}
.cmlogo{ width:114px; height:17px; display:block; background:url(../images/cmlogo.gif); float:left; margin-top:11px;}
#navbox dd{width:44%;float:right;margin-right:0;text-align:right;}
#navbox dt ul{float:left;padding-top:10px;padding-left:10px;}
#navbox dt ul li,#navbox dt img{float:left}
#showpicbox{clear:both; zoom:1;background:#000;}
#remarkbox{clear:both;border-left :1px solid #b6ddef; border-bottom :1px solid #b6ddef; border-right :1px solid #b6ddef; padding-top:10px; background-color:Black}
#remarkbox ul{clear:both;overflow:hidden;zoom:1;}
#remarkbox li{width:58px;float:left;text-align:center;}
#remarkbox li.cols02{width:840px;text-align:left;color:#fff;}
#remarkbox li.cols02 dt{width:40%;float:left;margin-left:0;color:#f0f0f0;font-size:16px;font-weight:bold;display:inline;}
#remarkbox li.cols02 dd{width:59%;float:right;margin-right:0;text-align:right;color:#939393;margin-left:5px;display:inline; color:White}
#remarkbox li.cols02 dd span{color:#f60;}
#remarkbox li.cols02 dd a{cursor:pointer; }
#remarkbox li.cols02 p{clear:both;margin-top:5px;color:#f0f0f0;}
#remarkbox li.cols03 { margin-top:100px}

.winbox{margin:0 auto;padding:0 10px;}
#wincarlist{background:#000;height:92px;line-height:92px;width:998px;}
#wincarlist ul{width:654px;margin:0 auto 0 auto;}
#wincarlist li{float:left;width:30px;}
#wincarlist li.cols01{width:72px;padding-top:18px;}
*html #wincarlist li.cols01{width:60px;padding-top:18px;}
*+html #wincarlist li.cols01{width:72px;padding-top:3px;}

#wincarlist li.cols01 a{width:72px;height:56px;}
#wincarlist li.cols01 a img{width:66px;height:50px;background:url(../images/bg_pic.gif); background-repeat:no-repeat; padding:1px 5px 5px 1px;}

#wincarlist li.cols02{width:447px;height:92px;padding-top:18px;text-align:left; overflow: hidden; float:left;white-space:nowrap}
*+html #wincarlist li.cols02{width:447px;height:92px;padding-top:2px;text-align:center;overflow: hidden; float:left;white-space:nowrap}
*html #wincarlist li.cols02{width:447px;height:60px;padding-top:18px; overflow: hidden; white-space:nowrap;}

#wincarlist li.cols02 a{margin:0 3px 0 3px;}
* html #wincarlist li.cols02 a{margin:0 3px 0 3px;}
*+html #wincarlist li.cols02 a{margin:0 2px 0 2px;}
#wincarlist li.cols02 a img{width:70px;height:54px;}
#wincarlist li.cols02 a img.normal{ border:solid 1px #6c6c6c }
#wincarlist li.cols02 a img.selected{ border:solid 1px #FFFFFF }
#wincarlist li.cols03{text-align:center;padding-top:12px;}/*firefox*/
* html #wincarlist li.cols03{text-align:center;padding-top:28px;}/*IE6*/
*+html #wincarlist li.cols03{text-align:center;padding-top:4px;}/*IE7*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)/*opera*/
{
#wincarlist li.cols03{text-align:center;padding-top:28px;}
}
.arrowicon{ position:relative; width:10px;height:10px; left:940px; top:-40px}
* html .arrowicon{ position:relative; width:10px;height:10px; left:940px; top:0px}
*+html .arrowicon{ position:relative; width:10px;height:10px; left:940px; top:-20px}


#subwin{width:368px;background:#000;color:#fff;border:1px solid #9d9d9e;padding-bottom:10px;}
#subwin div.close_{width:97%;text-align:right;margin:10px 10px 0 0}/*firefox*/
* html #subwin div.close_{width:97%;text-align:right;margin:10px 0 0 0}/*IE6*/
*+html #subwin div.close_{width:97%;text-align:right;margin:10px 10px 0 0}/*IE7*/
#subwin dt{width:30%;float:left;margin-left:0;color:#acacac;}
#subwin dd{width:69%;float:right;margin-right:0;}
#subwin dd div.play01{border:1px solid #0d78a0;background:#072947;padding:5px 10px;width:165px; cursor: pointer; }
#subwin dd div.play01 span{color:#00c0ff;padding-left:12px;}
#subwin dd div.play02{border:1px solid #979797;background:#000;padding:5px 10px;width:165px; cursor: pointer; }
#subwin dd div.play02 span{color:#00c0ff;padding-left:12px;}
#subwin dd div.play01 img,#subwin dd div.play02 img{margin-right:5px;}
#subwin dl,#subwin h4{clear:both;margin-top:5px;font-weight:normal;overflow:hidden;zoom:1;}
#subwin h4 span{margin-left:250px; cursor:pointer; }
#winshowcar{width:338px;border:1px solid #4e4f4f;margin:5px auto;overflow:hidden;zoom:1;padding:10px 5px;text-align:center;}
#winshowcar a{margin:0 5px;width:72px;height:56px;}
#winshowcar a img{width:66px;height:50px;background:url(../images/bg_pic.gif);  background-repeat:no-repeat; padding:1px 5px 5px 1px}

#winarrownext{width:52px;height:70px; display:none; cursor: pointer; }
#winarrownext p.iconbgd{padding:23px 0 0 0px;text-align: center;}
#winarrownext p.iconbgd a{color:black;font-weight:bold;font-size:16px;}

#winarrowpre{width:52px;height:70px; display:none; cursor: pointer; }
#winarrowpre p.iconbgk{padding:23px 0 0 0px; text-align: center;}
#winarrowpre p.iconbgk a{color:black;font-weight:bold;font-size:16px;}
#ImageTitle1 h1{display:inline;font-weight:normal;}
#wincartype{width:117px;height:93px;background:#000; top: auto !important;}
#wincartype p{text-align:center;padding-top:8px;*padding-top:20px;}
#wincartype p a{color:#818181;text-decoration:underline;}
#wincartype p span{font-size:30px;color:#fff;font-weight:bold;padding-top:20px;}
.wincarlist_p{top:0;left:0;float:left;position:absolute;filter:Alpha(opacity=70);opacity:0.7; }
.subwin_p{top:130px;left:320px;float:left;position:absolute;filter:Alpha(opacity=70);opacity:0.7;display:none;}
.winarrownext_p{top:50%; right:0;float:left;position:absolute;filter:Alpha(opacity=30);opacity:0.3;}
.winarrowpre_p{top:50%;left:0;float:left;position:absolute;filter:Alpha(opacity=30);opacity:0.3;}
.wincartype_p{ bottom:0px;left:0;float:left;position:absolute;filter:Alpha(opacity=70);opacity:0.7; z-index: 999; }

#wincarlist .cols03 .listpngbutton{width:7px;height:31px;cursor:pointer;}

#PreImageLib {width:207px;height:72px; background-image:url(../images/bg_picg.gif); background-repeat:no-repeat; position:absolute; display:none;}
#PreImageLib .PreImageLibText{width:120px;height:24px; position:absolute; left:5px; top:5px; *top:10px; text-align:right;}
#PreImageLib .PreImageLibImg{width:66px;height:50px;background:url(../images/bg_pic.gif); background-repeat:no-repeat; padding:1px 5px 5px 1px;position:absolute; left:130px; top:8px; }
#PreImageLib .PrePlay{width:36px;height:36px;position:absolute; left:10px; top:30px; }
#PreImageLib .PreDict{width:36px;height:36px;position:absolute; left:49px; top:30px; }
#PreImageLib .PreClose{width:36px;height:36px;position:absolute; left:88px; top:30px; }
#PreImageLib span,#NextImageLib span{ width:205px; text-align:center; display:block; height:70px; line-height:70px;}
#NextImageLib {width:207px;height:72px; background-image:url(../images/bg_picg.gif); background-repeat:no-repeat; position:absolute; display:none;}
#NextImageLib .NextImageLibText{width:120px;height:24px; position:absolute; right:5px; top:8px; text-align:left; white-space:pre}
#NextImageLib .NextImageLibImg{width:66px;height:50px;background:url(../images/bg_pic.gif); background-repeat:no-repeat; padding:1px 5px 5px 1px;position:absolute; right:130px; top:8px; }
#NextImageLib .NextPlay{width:36px;height:36px;position:absolute; right:88px; top:30px; }
#NextImageLib .NextDict{width:36px;height:36px;position:absolute; right:49px; top:30px; }
#NextImageLib .NextClose{width:36px;height:36px;position:absolute; right:10px; top:30px; }
.mainimagediv{text-align:center;}
.mainimagediv table{ height:600px; }
.mainimagediv img{width: auto;height: 100%;}
.btna{background: url(../images/btn.gif) no-repeat;background-position:0 0;width:160px;height:27px; margin-top:2px}
.iconbgd{background:url(../images/button_next_2.png) no-repeat;width:52px;height:71px;}
.iconbgk{background:url(../images/button_pre_2.png) no-repeat;width:52px;height:71px;}
* html .iconbgd{height:51px;}
* html .iconbgk{height:51px;}
#navbox div {
   BACKGROUND-IMAGE: url(../images/btns.png);_BACKGROUND-IMAGE: url(../images/btns.gif); BACKGROUND-REPEAT: no-repeat; cursor:pointer; float:right;
   width:33px;height:33px;
}
#navbox div.list_down { background-position: 0 -249px; }
#navbox div.list { background-position: 0 -332px; }
#navbox div.list_hover { background-position: 0 -415px; }
#navbox div.msn_down { background-position: 0 -498px; }
#navbox div.msn { background-position: 0 -581px; }
#navbox div.msn_hover { background-position: 0 -664px; }
#navbox div.tonext_down { background-position: 0 -747px; }
#navbox div.tonext { background-position: 0 -830px; }
#navbox div.tonext_hover { background-position: 0 -913px; }
#navbox div.tolast_down { background-position: 0 -996px; }
#navbox div.tolast { background-position: 0 -1079px; }
#navbox div.tolast_hover { background-position: 0 -1162px; }
#navbox div.pause_down { background-position: 0 -1245px; }
#navbox div.pause { background-position: 0 -1328px; }
#navbox div.pause_hover { background-position: 0 -1411px; }
#navbox div.play_down { background-position: 0 -1494px; }
#navbox div.play { background-position: 0 -1577px; }
#navbox div.play_hover { background-position: 0 -1660px; }
#navbox div.topre { background-position: 0 -1743px; }
#navbox div.topre_down { background-position: 0 -1826px; }
#navbox div.topre_hover { background-position: 0 -1909px; }
#navbox div.tofirst_down { background-position: -83px 0; }
#navbox div.tofirst { background-position: -83px -83px; }
#navbox div.tofirst_hover { background-position: -83px -166px; }
#navbox div.speed_down { background-position: -83px -747px; width:44px;height:33px;}
#navbox div.speed { background-position: -83px -830px;width:44px;height:33px; }
#navbox div.speed_hover { background-position: -83px -913px; width:44px;height:33px;}
#speedpad{ width:33px; height:64px; background-color:#FAFDFF; border-bottom: solid 1px #b6ddef; border-left:solid 1px #b6ddef; border-right:solid 1px #b6ddef; color:#69AACC; display:none; position:absolute;}
#speedpad dl{clear:both; zoom:1;}
#speedpad dt{ background-image:url(../images/slip2.gif); background-repeat:no-repeat; height:60px; width:30%; float:left; margin-top:4px; margin-left:5px;}
* html #speedpad dt{ background-image:url(../images/slip2.gif); background-repeat:no-repeat; height:60px; width:30%; float:left; margin-top:4px; margin-left:3px}
#speedpad dd{width:50%;float:right}
#speedpad #speedslip{width:12px; height:7px; cursor:pointer;}
#speedpad #speedslip img{width:12px; height:7px;}
.speedslip_p{position:relative; top:33px; left:3px;}
#jukupad { width:23px; height:23px; background-color:#FAFDFF; border-bottom: solid 1px #b6ddef; border-left:solid 1px #b6ddef; border-right:solid 1px #b6ddef; display:none; position:absolute;}
#jukupad img{ margin-left:3px; margin-top:3px}
.icona{background:url(../images/iconbg.gif) no-repeat;background-position:0 -306px;width:36px;height:30px;}
.iconb{background:url(../images/iconbg.gif) no-repeat;background-position:-37px -306px;width:36px;height:30px;}
.iconbgb{background:url(../images/iconbg.gif) no-repeat;background-position:-15px -359px;width:7px;height:31px;}
.iconbgc{background:url(../images/iconbg.gif) no-repeat;background-position:-69px -284px;width:11px;height:11px;}
.iconbge{background:url(../images/iconbg.gif) no-repeat;background-position:-19px -2px;width:7px;height:9px;}
.iconbgf{background:url(../images/iconbg.gif) no-repeat;background-position:-39px 0px;width:7px;height:11px;}
.iconbgg{background:url(../images/iconbg.gif) no-repeat;background-position:-29px 0px;width:7px;height:11px;}
.iconbgh{background:url(../images/iconbg.gif) no-repeat;background-position:0 -1px;width:17px;height:18px;}
#mainImageBoard{ cursor: pointer; }
.chemolist li{float:left; width:300px; text-align:center; height:200px;margin: 0 22.5px 45px 22.5px;}
.chemolist li img{ width:300px;height:200px;}
/*.chemolist li em{height:25px; line-height:25px; overflow:hidden; font-style:normal;}*/
.nav2 dl ul li a{color: #B5B5B5;font-size: 14px;line-height: 16px;margin: 0 2px;}
.nav2 dl ul li a:hover{color: #fff;}
#mainbox .bGray{border: none;}
.pos.indfoot{color: #fff;border-top:none;width: 1200px;}
.pos.indfoot a{color: #fff;}
#pic_list li{transition: 0.3s;}
#pic_list li:hover{opacity: .8;transition: 0.3s;}
.pic_list_ul{overflow: hidden;}
#listButton{margin-right: 20px;}
#navbox dt ul li{font-size: 14px;cursor: pointer;color: #b5b5b5;}
#navbox dt ul li:hover{color: #fff;}
/*图片列表媒体查询*/
@media screen and (min-width: 2070px)  {
    .pic_list_ul{
        width: 2070px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1725px) and (max-width:2070px)  {
    .pic_list_ul{
        width: 1725px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1380px) and (max-width:1725px)  {
    .pic_list_ul{
        width: 1380px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1035px) and (max-width:1380px){
    .pic_list_ul{
        width: 1035px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1023px){
    .pic_list_ul{
        width: 690px;
        margin: 0 auto;
    }
}
