@charset "utf-8";
body{font-size:12px; font-family:"微软雅黑", 'Microsoft Yahei', STXihei,"黑体", arial, sans-serif; color:#333; background:#fff url(../images/bg.gif) repeat-x 0 0;}
*{margin:0px;padding:0px;}
form{margin:0px;padding:0px;}
img{border:none;}
a:link,a:visited,a:active{text-decoration:none; color:#333;}
a:hover{color:#ff6600;}
ul, li{ list-style:none;}
.clear{ clear:both;}

#header{ width:1002px; margin:0 auto; overflow:hidden}
#header .top{ width:1002px; height:130px; margin:0 auto; background:url(../images/tel.gif) no-repeat right top; overflow:hidden}
#header .logo{ float:left; padding:0 0 0 35px; overflow:hidden}
#header .logo img{ float:left;}
#header .logo h1{ display: block; float: left; font-size: 50px; color: #195CAF; line-height: 128px;}

#header .yuyan{ float:right; padding:22px 20px 0 0; height:24px; line-height:24px; font-weight:bold; overflow:hidden}
#header .yuyan a{ float:left; display:block; padding:0 15px 0 40px; background:url(../images/china.gif) no-repeat 0 0;}
#header .yuyan a.english{ background:url(../images/english.gif) no-repeat 0 0;}
#header .yuyan a.eyu{ background:url(../images/eyu.gif) no-repeat 0 0;}

#header .menu{ width:1002px; height:54px; line-height:54px; font-weight:bold; font-size:14px; color:#fff; margin:0 auto; overflow:hidden}
#header .menu a{ float:left; display:block; padding:0 32px; color:#fff;}
#header .menu span{ float:left; width:3px; height:54px; background:url(../images/lia.gif) no-repeat 0 0;}
#header .menu a:hover{ color:#ffcc00;}
#header .logo strong{ display: block; float: left; font-size: 50px; color: #195CAF; line-height: 128px;}

/*banner*/
.banner{position:relative;height:560px;background:url(../images/loading1.gif) 50% no-repeat; overflow:hidden; min-width:1002px; margin-top:3px;}
.slides{position:relative;z-index:1;}
.slides li{height:560px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;overflow:hidden;background:#fff;cursor:pointer;  text-indent: -40px;}
.flex-control-nav .flex-active{background:#d80000;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.flash1{ width:100%; height:320px; margin:0 auto; overflow:hidden;margin-top:3px;}


.content{ width:1002px; margin:0 auto; padding:15px 0 0 0; overflow:hidden}
.content .leftside{ float:left; width:220px;overflow:hidden}
.content .rightside{ float:left; width:774px; padding:0 0 0 8px;  overflow:hidden}
.content .midside{ float:left; width:546px; padding-right:8px; overflow:hidden}


.tit1{ width:215px; padding:0 0 0 35px; height:39px; line-height:39px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/tit1.gif) no-repeat 0 0; overflow:hidden}
.tit1 a{ color:#fff;}
.tit2{ width:512px; padding:0 0 0 34px; height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/tit2.gif) no-repeat 0 0; overflow:hidden}
.tit3{ width:740px; padding:0 0 0 34px; height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/tit3.gif) no-repeat 0 0; overflow:hidden}
.tit4{ width:967px; padding:0 0 0 35px; height:35px; line-height:35px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/tit4.gif) no-repeat 0 0; overflow:hidden}

.t_l{ float:left;}
.t_r{ float:right; padding:9px 6px 0 0;}



.prolist{ width:220px; margin-bottom:15px; overflow:hidden}
.prolist a{ display:block; width:195px; height:40px; line-height:40px; padding:0 0 0 25px; font-size:14px; background:url(../images/item1.gif) no-repeat 0 0; overflow:hidden}

.new{ width:206px; padding:0 6px 6px 6px; border:1px solid #ccc; margin-bottom:6px; background-color:#f7f7f7; overflow:hidden}
.new ul li{ width:194px; padding:0 0 0 12px; height:28px; line-height:28px; border-bottom:1px dotted #aaa; background:url(../images/icon3.gif) no-repeat 3px 10px; overflow:hidden}

.shipin{ width:210px; height:190px; padding:4px; border:1px solid #ccc; border-top:none; margin-bottom:6px; overflow:hidden;}
.tel{ width:206px; padding:5px 6px 162px 6px; border:1px solid #ccc; margin-bottom:6px;  background:url(../images/telbg.gif) no-repeat right bottom; line-height:25px; overflow:hidden}
.shili{ width:190px; height:270px; padding:6px 14px 6px 14px; border:1px solid #ccc; margin-bottom:6px; overflow:hidden}
.shili img{ width:190px; margin-bottom:8px; overflow:hidden}

.jj{ float:left; width:536px; padding:10px 5px; line-height:25px; overflow:hidden}
.jj img{ float:left; padding:0 10px 0 0;}

.pro{ width:546px; padding:8px 0 0 0; overflow:hidden}
.pro .show{ float:left; width:164px; padding:0 9px; overflow:hidden}
.pro .show .img{ width:160px; height:120px; border:1px solid #aaa; padding:1px; overflow:hidden}
.pro .show p{ width:164px; height:35px; line-height:35px; text-align:center; overflow:hidden}

.pro1{ width:774px; padding:8px 0 0 0; overflow:hidden}
.pro1 .show{ float:left; width:164px; padding:0 14px 0 15px; overflow:hidden}
.pro1 .show .img{ width:160px; height:120px; border:1px solid #aaa; padding:1px; overflow:hidden}
.pro1 .show p{ width:164px; height:35px; line-height:35px; text-align:center; overflow:hidden}

.case{ width:1002px; margin:15px auto 0 auto; overflow:hidden}
.case .casecont{ width:980px; padding:10px 10px 0 10px; border:1px solid #ccc; border-top:none; overflow:hidden}
.case .casecont .show{ float:left; width:164px; padding:0 9px 0 10px; overflow:hidden}
.case .casecont .show .img{ width:160px; height:120px; border:1px solid #aaa; padding:1px; overflow:hidden}
.case .casecont .show p{ width:164px; height:35px; line-height:35px; text-align:center; overflow:hidden}

.infro{ width:760px; padding:7px; overflow:hidden}
.infro ul li{ float:left; width:738px; padding:0 5px 0 17px; height:28px; line-height:28px; border-bottom:1px dotted #ccc; background:url(../images/icon2.gif) no-repeat 5px 10px; overflow:hidden}
.infro ul li a{ float:left;}
.infro ul li span{ float:right;}

.page{ width:774px; padding:15px 0; text-align:center; font-size:14px; overflow:hidden}
.page a{ padding:0 5px;}

h2{ width:774px; font-size:14px; text-align:center; height:40px; line-height:40px; padding:5px 0 0 0; overflow:hidden}
.rightside h1{ width:774px; font-size:14px; text-align:center; height:40px; line-height:40px; padding:5px 0 0 0; overflow:hidden}
.img{ width:674px; text-align:center; padding:0 50px; overflow:hidden}
.xx{ width:760px; line-height:25px; padding:6px 7px; overflow:hidden}

.link{width:1002px; margin:15px auto 0 auto; padding-bottom:6px; background-color:#fff; overflow:hidden}
.link .linktit{ width:1002px; height:30px; overflow:hidden; background:url(../images/linktit.gif) no-repeat; }
.link .linkcont{ width:988px; padding:5px 6px; border:1px solid #0383C2;/*1px solid #ccc;*/border-top:none; line-height:25px; overflow:hidden}
.link .linkcont a{ display:inline-block; padding:0 5px;}
/**/
.linktit li{ display:inline-block; width:90px; height:30px; line-height:34px; float:left; margin-left: 5px; padding: 0 8px 0 35px; font-size:14px; font-family:"微软雅黑"; background:url(../images/linktit_li.gif) left top no-repeat;}
.linktit li em{ font-size:12px;}
.linktit li.nav_bar, .linktit li:hover{ background:url(../images/linktit_lihover.gif) left top no-repeat; font-size:15px; font-weight:bold;}
#main div{ display: none; }
#main div.main_bar{ display: block;}

#footer{ width:100%; margin:0 auto; background:#023a86 url(../images/footbg.gif) repeat-x 0 0; padding:6px 0 0 0; overflow:hidden}
#footer .foot{width:1002px; height:35px; line-height:35px; margin:0 auto 0 auto; text-align:center; color:#fff; overflow:hidden}
#footer .foot a{ color:#fff; padding:0 10px;}
#footer .foot a:hover{ color:#ffcc00;}
#footer .text{ width:1002px; margin:0 auto; padding:6px 0; color:#fff; line-height:25px; text-align:center; overflow:hidden}


.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#184e9c  url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#184e9c  url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#184e9c  url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#184e9c  url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}