@charset "gb2312";
/* CSS Document */

/* CSS Document */


body{background:#fff;font:12px/1.67;overflow-x:hidden; color:#666; }

.cir{position:absolute;right:.5em;top:20px;border:4px solid;border-color:#737373 #fff #fff #fff;}

.sele_on .cir{border-color:#ee181f #fff #fff #fff;}

input,textarea{font-size:100%;border:0;padding:0;background:none;outline:none;font-family:'Microsoft Yahei';color:#666;}

body,h1,h2,h3,h4,p,ul,ol,dd,dl,form{margin:0;padding:0;font-weight:normal;cursor:default;}

input{ border:1px solid #ccc;}

i,s,em,u{font-style:normal;text-decoration:none;}

ul,ol{padding-left:0;list-style-type:none;}

a{text-decoration:none;outline:none;transition:all .2s ease; color:#000; cursor:pointer;}

a:hover{color:#333;}

a img{ border:none;}

.h_999{ color:#999;}

input{ vertical-align:top;}

.pr{position:relative;}

.l{float:left;}.r{float:right !important;}

.mtb15{ margin:20px 0 15px 0;}

.ml{margin-left: 20px;margin-top: 20px;}

.he200{ height:160px; overflow:hidden;}

.he200_sy{ height:160px; overflow:hidden;}

.fd3{ color:#FD3301;}

.wap{ width:1000px; margin:0 auto;}

.indextop{ background:#F3F3F3; height:29px; line-height:29px; display:block; }

.indextop a.pone{ background:url(pone_s1.gif) 11px center no-repeat; padding-left:29px; line-height:29px;}

.indextop a.weixin{ background:url(weixin.png) 13px center no-repeat; padding-left:39px; display:inline-block;}

.indextop .r{ width:280px;}

.indextop .r a.ali{height:19px; margin-top:5px; line-height:19px; float:left;padding:0 19px;  }

.indextop .r a.tuku{height:19px; margin-top:5px; line-height:19px; float:left;  }

.indextop .r a.huace{ height:19px; display:inline-block; margin-top:5px; line-height:19px; float:left; padding:0 19px;}

.lang,.head_f{width:auto;border:1px solid #ccc; margin:3px 0 0 10px; padding:0;}

.lang b{background:#666;color:#fff;text-align:center;text-indent:0;width:26px; display:inline-block; margin:0; padding:0;  vertical-align:top;}

.lang span{display:inline-block;width:87px; _width:85px; padding:0; margin:0; height:20px; _text-indent:0.2em; }

.dib{line-height:20px;vertical-align:top;text-align:left;  }



.lang,.head_f{width:auto;border:1px solid #ccc;margin:3px 0 0 10px;}

.lang{ float:right; background:#fff;}

.langHover b{color:#fff;background:#fa0606;}





/*导航*/

.navtop{height:36px;background:#095ccd; _margin-top:10px;}

.nav{width:1000px;z-index:10; margin:0 auto; }

.nav{height:36px;}

.nav .li{float:left;width:125px;height:36px; line-height:36px; background:#095ccd; }

.nav .li:hover{ background:#333;}

.nav .nav_cell{display:block;font:bold 14px/36px 'microsoft yahei';text-align:center; color:#fff;  }

.nav_lev2{display:none;position:absolute;right:0;top:36px;width:600px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);*zoom:1; border-bottom:2px solid #095ccd; }

.nav_menu{background:#ededed;margin-bottom:-9999px;padding-bottom:9999px;}

.nav_menu li{font-size:14px;height:30px;line-height:30px;border-bottom:1px solid #ccc;overflow:hidden;font-weight:bold;}

.nav_block{overflow:hidden;left:0;bottom:0;width:100%;overflow:hidden;z-index:9;_bottom:1px; _height:0; height:0; line-height:0;}

.nav_line{overflow:hidden;left:0;bottom:0;width:100%; background:#000;}

.head_block{height:4px;overflow:hidden;left:0;width:100%;bottom:0;z-index:9;}

.head_line{height:4px;overflow:hidden;left:50%;width:50%;margin-left:489px;bottom:0;background:#e30f00;}

.nav .hover .nav_lev2{display:block;}

.nav_lev2 .cont{color:#666; padding:20px }

.nav_lev2 .t{font-size:14px;color:#333;margin-top:.5em;font-weight:bold;}

.nav_lev2 .shadow{bottom:auto;top:0;}

.nav_lev2 .cont ul{width:100%;overflow:hidden;*zoom:1;}

.nav_lev2 .cont li{float:left;width:45%;margin-right:5%;*width:44%;}

.nav_lev2 .cont1{padding:30px;color:#666;}
.nav_lev2 .cont1 ul{width:100%;overflow:hidden;*zoom:1;}

.nav_lev2 .cont1 li{float:left;width:30%;margin-right:3%;*width:29%;}

.nav_lev2 .cont img{ width:100%}

.nav_lev2_1{width:980px;}

.nav_lev2_1 .cont img{float:left;width:294px;margin-right:15px;}

.nav_lev2_1 .cont .t{overflow:hidden;}

.nav_lev2_2{width:690px;}

.nav_lev2_2 .cont a{display:block;position:relative;width:100%;}

.nav_lev2_2 .cont .vid .t{padding-right:1em;background:url(v.gif) right 5px no-repeat;}

.nav_lev2_3{width:560px; left:0;}

.nav_lev2_3 .Tit1{line-height:1.5;}

.nav_lev2_4{width:666px;}

.nav_lev2_4 .cont .t{height:27px;overflow:hidden;}

.nav_lev2_5{width:580px;}

.nav_lev2_5 .cont .t{height:auto;overflow:hidden;line-height:1.5;margin-bottom:.5em;}

.nav_lev2_6{width:580px;}

.navtoplev1{left:0;}

.nav .cont{ line-height:23px;}

/*产品中心*/

.nav_pro{ width:1020px; overflow:hidden; background:url(navbg.jpg) top repeat-x;}

.nav_pro dl{float:left; width:20%;  text-align:left; background:url(navline.gif) right 1px no-repeat;  }




.nav_pro dd{ height:25px; line-height:25px; color:#222; text-indent:10px; overflow:hidden}

.nav_pro dt{color:#fff; font-size:14px; padding-left:12px; margin:7px 0; height:23px; color:#000; }
.nav_pro dt a{color:#000; font-weight:bold}
.nav_pro dt img{ margin:5px 0 3px 0;}

.nav_pro dd a{ display:inline-block; width:80%; padding-left:10px; color:#666;}

.nav_pro dd a:hover{background:#095ccd; color:#fff;}

.nav_bot{ background:#095ccd; color:#fff; padding:0 35px; margin-top:10px; height:23px; line-height:23px;}

.nav_bot a{ color:#fff;}

.nav_pro dl.last{ background:none;}

/*结构*/

.percent30{width:30%;}

.percent50{width:49%;}

.percent70{width:70%;}
.percent100{width:100%;}

.side{width:185px;}

.main{width:760px;}

.main_cont{width:495px;}

.sub{width:235px;}

.p20{padding:20px;}.plr15{padding-left:15px;padding-right:15px;}



/*选项卡*/

.percent30 ul li.hover{background:#fff;border-bottom:1px solid #fff;color:#147AB8;}

.percent70 ul{list-style:none;margin:7px;padding:0;}

.percent70 ul li{line-height:24px;border-bottom:1px dotted #ccc;}

/*下拉(组件)*/

.sele{position:relative;height:20px;line-height:20px;width:113px;cursor:pointer; padding:0; z-index:199;}

.sele_{display:none;position:absolute;width:100%;left:-1px;top:20px;background:#fff; border:1px solid #ddd; text-indent:0.5em; z-index:199; }

.sele_ a{display:block; }

.sele_ a:hover{ color:#F00; background:#eee;}

/*图标*/

.ico{display:inline-block;overflow:hidden;width:20px;height:20px;vertical-align:middle;background:url(ico.png);}

.ico7_5{background-position:-80px -120px;}

.claerbox{display: block;overflow: hidden;clear: both;}

.ico2_4{background-position:-60px -20px;}