*{margin:0;padding:0;font-family:"Microsoft YaHei";font-size:12px;list-style-type:none;color:#000;}
h1,h2,h3,h4,h5{ font-weight:bolder}
body{margin:0;padding:0; min-width:1000px;font-weight:lighter}
img{border:none; outline:none}
a{color:#000;text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
a:link, a:visited,a:active, a:hover{ outline:none;}
.left{float:left}
.right{float:right}
.clear{clear:both;}
.overflow{overflow:hidden;}
.block{ display:block}
.mid{ display:block; margin:0 auto; width:1000px;}
button{ outline:none; border:none}

/*top*/
#top{ width:100%; height:166px; border-bottom:#ccc solid 1px}
#top .logo a{ background:url(../images/chijun_03.jpg) center no-repeat; width:497px; height:96px; display:block; float:left;}
#top .search{ margin-top:20px}
#top .search .input{width:180px;height:40px;background:#EEEEEE;border:0px;float:left; padding-left:16px}
#top .search .button{height:40px; background-color:#0283de;width:50px;border:0px;float:left; color:#FFF}
#top .nav{ height:64px}
#top .nav a{ display:block; float:left; width:90px; height:64px; margin-top:6px;color:#0283de; text-align:center; font-size:13px; margin-right:12px; font-weight:normal}
#top .nav a:hover{ background:url(../images/chijun_06.jpg) center no-repeat; color:#FFF;}
#top .nav ul li{float:left;position:relative;text-align:center}
#top .sub li{ float:none !important;text-align:center;}
#top .sub li:first-child{ margin-top:10px}
#top .nav ul ul.sub{display: none;}
#top .nav ul li:hover > ul.sub{display: block;}
#top .nav ul ul.sub{position: absolute;top:70px;left:0;z-index: 999;background:#0283DE; width:90px}
#top .nav ul ul.sub li a{border: 0 none;height:28px;color: #fff;text-transform: capitalize;font:normal 13px "Microsoft YaHei"; text-align:center; padding-top:10px}
#top .nav ul ul.sub li a:hover{ background:#0366C3}
#top .tel{ background:url(../images/chijun_08.jpg) left no-repeat; height:96px; width:230px}
#top .tel h1,#top .tel h2{ color:#0283de; padding-left:60px}
#top .tel h2{ font-size:13px; font-weight:normal; padding-top:22px}
#top .tel h1{ font-size:26px; font-family:Helvetica}

/* banner */
.flexslider{margin:0px auto;position:relative;width:100%;height:360px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-50px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:16px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.slides li div{ width:100%; height:406px;}

.erji{ font-size:12px; padding-top:5px}
.erji a{ display:block; float:left; padding:0px 12px; border-left:#0283DE solid 1px; color:#0283DE; font-size:12px}
.erji a:hover{ color:#808080}
.erji a:first-child{ border-left:none}
.erji a:last-child{ padding-right:0px}

.more{ display:block; width:78px; height:24px; background-color:#0283DE; color:#FFF; text-align:center; line-height:22px; margin-top:10px; border:#0283DE solid 1px;}
.more:hover{ background:none; color:#0283DE}

.news li{ padding:20px 0px; border-top:#e6e6e6 solid 1px}
.news li:first-child{border-top:none}
.news li:last-child{ padding-bottom:0px}
.news li a{ font-size:14px; font-weight:bolder; color:#0283de;}
.news li a span{ line-height:22px; color:#808080}
.news li p{ text-align:justify;}

.product{ width:305px; height:335px; border:#e6e6e6 solid 1px; margin-left:13px;  margin-right:13px;margin-bottom:20px;}
.product:first-child{ /*margin-left:0px*/}
.product .tit{ font-size:16px; font-weight:bolder; color:#0283de;}
.product .tit:hover{ color:#808080}
.p_logo{ position: absolute; display:block; width:40px; height:40px; background:url(../images/p_logo.png) center no-repeat; z-index:99; margin:260px 0 0 260px}
.entry-banner a{display:block;width:305px;height:305px}
/*局部放大*/
.entry-banner{display:block;width:319px;height:198px}

.product .entry-banner{display:block;width:305px;height:305px}

.entry-banner{margin:0 auto;padding:0;background:#f4f4f4;clear:both;position:relative;overflow:hidden}
.entry-banner a{-webkit-mask-image:-webkit-radial-gradient(ellipse closest-side,#fff,#fff)}
.entry-banner a img{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.entry-banner a:before{z-index:2;height:100%;background:#0283DE;content:'';filter:alpha(opacity=0);transition:all .4s}
.entry-banner a:after,.entry-banner a:before{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;position:absolute;top:0;left:0;visibility:hidden;width:100%;opacity:0;-ms-filter:"alpha(opacity=0)"}
.entry-banner a:after{z-index:5;color:#fff;content:url(../images/zoom.png);margin:70px 110px;filter:alpha(opacity=0);transition:all .4s}
.entry-banner a:hover:before{visibility:visible;opacity:.7;-ms-filter:"alpha(opacity=70)";filter:alpha(opacity=70)}
.entry-banner a:hover:after{visibility:visible;opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}
.entry-banner a:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

.product .entry-banner a:after{z-index:5;color:#fff;content:url(../images/zoom.png);margin:60px 70px;filter:alpha(opacity=0);transition:all .4s}

.product2.product{ width:218px; height:270px; border:#e6e6e6 solid 1px; margin-left:20px;}
.product2{ margin:20px 10px!important}
.product2 .p_logo{ position: absolute; display:block; width:40px; height:40px; background:url(../images/p_logo.png) center no-repeat; z-index:99; margin:170px 0px 0px 175px}

/*局部放大*/
.product2 .entry-banner,.product2 .entry-banner a{display:block;width:219px;height:211px}
.product2 .entry-banner a:after{z-index:5;color:#fff;content:url(../images/zoom.png);margin:40px 65px;filter:alpha(opacity=0);transition:all .4s}

#footer{ /*height:150px;*/ width:100%; background-color:#f2f2f2; margin-top:40px}
.footer_nav{ padding-top:10px}
.footer_nav a{ display:block; float:right; color:#4c4c4c; font-size:14px; font-weight:bolder; text-align:center; width:56px; margin-left:40px}
.footer_nav a:hover{ color:#0283DE}

.plist span{ width:218px; text-align:left; color:#FFF; background-color:#0283DE; height:34px; padding:0px 16px; font-size:14px; margin:10px 0px 0px;}
.plist span:hover{ background-color:#808080;}
.plist span a,.plist span a b{ color:#FFF; font-size:14px;line-height:32px}

.location{ padding-bottom:10px; border-bottom:#ccc solid 1px; height:30px}
.location span{ line-height:34px}
.location span a:hover{ color:#0283DE}


/* 原来颜色风格 */
#pagelist{clear:both;padding-top:24px;width:100%;color:#404548;text-align:center;font-family:MicroSoft YaHei}
#pagelist a{border:#eee 1px solid;padding:4px 8px;margin:2px;text-decoration:none;font-size:14px;color:#333}
#pagelist a:hover{border:#0283de 1px solid;color:#666}
#pagelist a:active{border:#0283de 1px solid;color:#666}
#pagelist span.current{border:#eee 1px solid;font-size:14px;padding:4px 8px;font-family:MicroSoft YaHei;margin:2px;color:#fff;background-color:#0283de}
#pagelist span.total{padding-left:4px;color:#aaa}
#pagelist select{border:#eee 1px solid;padding:3px 8px;margin:0;color:#333;font-size:14px;font-family:MicroSoft YaHei}
#pagelist select:hover{border:#0283de 1px solid;}


/*产品说明页*/
.pro_xiangxi{width:720px;margin-top:10px;}
.pro_text{width:380px;}
.pro_pic{text-align:center;width:320px; }
.pro_xxtit{font-size:18px; margin-top:20px; color:#000; font-weight:bolder;border-bottom:1px solid #ccc;padding-bottom:10px;}
.pro_xxxx{ font-size:14px; padding:10px 0px; color:#0283DE;}
.slideTxtBox{ width:720px; border:1px solid #ddd; text-align:left; margin:20px 0px; }
.slideTxtBox .hd{ height:30px; line-height:30px; background:url(../images/tab_bg.jpg) repeat-x 0 0 ; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd { padding:30px;}