@charset "utf-8";
/*0060b0  055597 f2f2f2*/
.layui-bg-blue{background-color:#055597 !important;}
.subad{ background-image:url(images/subimg.jpg); height:350px; overflow:hidden; background-position:top center;}
.main{ padding:20px 0 50px; min-height:500px;}
.left{ float:left; clear:left; width:200px;}
.right{ float:right; clear:right; width:980px; }
.leftTitle{ line-height:50px; background-color:#0060b0; color:#fff; font-size:18px; text-align:center;}
.menuList{ border:1px solid #ddd; border-top-width:0; border-bottom-width:0; text-align:center; padding:10px 0 0; margin-bottom:10px;}
.menuList a{ display:block; line-height:45px; position:relative; border-bottom:1px solid #ddd; text-indent:-2em;}
.menuList a:hover:before,.menuList a.cur:before{ content:' '; position:absolute; left:0px; top:12px; height:20px; width:3px; background-color:#039;}
.menuList p{ padding:0 15px; text-align:left; font-size:12px; color:#999; line-height:2;}
.leftTel{ padding:15px 0; font-size:36px; font-family:Impact; color:#055597;}
.leftTel i{ font-size:50px; color:#999}
.position{ line-height:30px; font-size:16px;}

/**/
.prolist{}
.prolist a{ display:block;}
.prolist a img{ max-width:100%; width:230px;}
.prolist a .msg{ background-color:#0060b0; color:#fff; font-size:14px; text-align:center; line-height:50px;}
.page{ margin-top:50px; margin-bottom:100px;}

/**/
.parList a{ display:block;}
.parList a img{ max-width:100%;}

/**/
.preview{width:400px; height:465px; margin:20px 0px 100px 50px; border:1px dashed #055597; position:absolute; top:0;left:0;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.productinfo{ height:500px; padding-left:500px; padding-top:30px;}
.prodesc{ padding:20px 0; line-height:2;}

/**/
.newslist{}
.newslist ul{ padding:10px 20px;}
.newslist li{ position:relative; border-bottom:1px solid #eee; height:180px; padding-left:210px; padding-top:30px;}
.newslist .aImg{ display:block; position:absolute; left:0; top:25px;}
.newslist img{ width:192px; height:144px; }
.subNewsTitle{ font-size:18px; color:#333; padding-bottom:15px;}
.subNewsdesc{ color:#999; line-height:20px; font-size:14px; overflow:hidden;}
.subNewsMore{ display:block; padding:10px 20px; font-family:Arial; font-size:14px; color:#555; border:1px solid #ccc; border-radius:3px; width:70px; text-align:center; margin-top:30px;}
.newslist li:hover{border-bottom:1px solid #dbdefe;}
.newslist li:hover .subNewsTitle{ color:#055597;}
.newslist li:hover .subNewsMore{ background-color:#055597; color:#fff; border-color:#055597;}

h2.newsTitle{font-weight:600; display:block; padding-left:25px; font-size:18px;}
h2.newsTitle{ position:relative; display:block; line-height:50px;}
h2.newsTitle:before{ content:' '; position:absolute; top:15px; left:0; width:5px; height:20px; background-color:#f30;}
.newsPan{ padding-bottom:10px; color:#999;}
.newsContent{ font-size:16px; line-height:1.5; color:#333; padding:10px 20px; background-color:#eee;}

.panN{ color:#fff; background-color:#055597;  padding:3px 5px; display:block; margin-top:50px;}
.panN a{color:#fff; }
.panN a:hover{color:#ff0; }