@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.5 tahoma,Verdana,arial,microsoft yahei,"\5b8b\4f53";*line-height:1.5;color:#676b70;}
a{color:#676b70;text-decoration:none;hide-focus:expression(this.hideFocus=true);outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,area,a,button{border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,textarea,button,select{-webkit-appearance:none;-moz-appearance:none;}
ol,ul{list-style:none;}
small{font-size:12px}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a:focus,input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.header{ height:85px; border-bottom:5px solid #0060ff; font-size:14px; }
.header .nav{ width:980px; margin:auto; position:relative}
.header .nav .logo{ position:absolute; left:10px; top:25px}
.header .nav .navlist{ position:absolute; right:10px; top:0;}
.header .nav .navlist a{ display:inline-block; color:#333; padding:0px 18px; text-align: center; height:60px; padding-top:25px }
.header .nav .navlist a:hover{ background:#0060ff; color:#fff}
.header .nav .navlist a:hover span{ color:#fff}
.header .nav .navlist a span{ display:block; color:#999}
.sty{background:#0060ff; color:#fff !important}
.sty span{ color:#fff !important}
.footer{ background:#0060ff; height:103px; color:#fff; padding-top:40px; font-size:12px }
.footer div{ width:980px; margin:auto}


/* flash */
#flash{width:980px;height:393px;overflow:hidden;margin:0 auto;clear:both;position:relative;padding:0px 10px;}
#flash a{width:980px;height:393px;display:none;}
#flash img{width:980px;height:393px;}
.flash_bar{width:520px;padding-left:470px;z-index:69;height:30px;overflow:hidden;position:absolute;padding-top:13px!important;padding-top:12px;bottom:0px;left:0px;background:url(../images/tg_flashbar.png) no-repeat 10px 0px;text-align:center;}
.flash_bar .dq{display:block;float:left;width:8px;height:8px;margin:5px 5px;cursor:pointer;background:url(../images/tg_flash_p.png) no-repeat 0px 0px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop");}
.flash_bar .no{display:block;float:left;width:8px;height:8px;margin:5px 5px;cursor:pointer;background:url(../images/tg_flash_p2.png) no-repeat 0px 0px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop");}
#flashBg{height:393px;overflow:hidden;width:100%;clear:both;margin:0;padding:0;}
#flashLine{background:url(../images/touming.png) repeat-x center bottom;height:393px;width:100%;clear:both;}

/*productshow*/
.productshow{ width:980px; margin:auto}
.productshow h4{ text-align:center; margin:30px 20px 0}
.productshow h3{ text-align:center; color:#0060ff; position:relative; top:-28px; font-size:18px; font-weight:100;}
.productshow h3 span{ color:#999; display:block; font-size:18px}
.scroll-outer{height:421px;}
#scroll{width:980px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:235px;height:340px;margin:0 auto;background-color:#fff; overflow:hidden}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;}
#scroll .shd a{display:block;width:231px;height:239px;}
#scroll .txt{position:absolute;left:0;bottom:0;width:210px;height:40px;padding:0 12px;color:#fff;background-color:#e4e9ee\9;background-color:rgba(153, 153, 153, 0.62); padding:20px}
#scroll p{ text-align:center}
#scroll p span{ display:block} 

#scroll .item:hover{ border:2px solid #0060ff;}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(153, 153, 153, 0.62);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}

.aboutus h4{ margin-bottom:30px} 
.aboutus{ padding:20px}
.aboutus h1{ background:url(../images/i.png) no-repeat  left bottom; font-weight:100; padding-bottom:5px; font-size:20px; color:#999}
.aboutus h1 span{ color:#0060ff !important; display:block; font-size:14px}
.aboutus .left{ width:500px}
.aboutus .left p{ padding:10px 0; color:#999}
.aboutus .left a{ border:1px solid #999; color:#999; padding:10px; margin-top:10px; display:block; width:120px; font-size:16px; text-align:center}

.lianxiwm{ width:980px; margin:auto}
.lianxiwm h3{ margin:30px auto; text-align:center} 
.lianxiwm .left{ width:450px;}
.lianxiwm .left div{ margin-bottom:50px}
.lianxiwm .left h4{ color:#0060ff; margin:15px 0}
.lianxiwm .left span{ display:inline-block; width:200px; color:#999; margin-bottom:5px}
.lianxiwm .left span img{ vertical-align:middle}
.lxwm{ margin-bottom:30px; width:650px}
.lxwm h4{ color:#0060ff; margin:15px 0}
.lxwm span{ display:inline-block; width:300px; color:#999; margin-bottom:5px}
.lxwm span img{ vertical-align:middle}
.lxwm p{ text-indent:0 !important; font-weight:bold}


.banner{ background:#004098; text-align:center}
.jiange{ border-bottom:1px solid #E0E0E0; height:60px}
.contaner{ width:980px; margin:auto}
.contaner .left{ position:relative;}
.contaner .left i{ text-align:center; display:block; position:absolute;top:-30px; left:34%}
.contaner .left div{ border:1px solid #E0E0E0; padding:10px 20px; margin-top:14px; padding-bottom:20px}
.contaner .left div dl{ margin-bottom:50px}
.contaner .left div dl dt{ background:url(../images/cpshow_11.png) no-repeat left center; padding-left:18px; color:#004098}
.contaner .left div dl dd{ background:url(../images/cpshow_15.png) no-repeat 5px 0; height:24px; padding-left:35px}
.contaner .left div a{ position:relative; display:block; top:10px}
.contaner .left div a:hover{ color:#0060ff}
.ys1{ color:#0060ff}

.contaner .right{ width:840px; margin-bottom:50px}
.contaner .right h3{ text-align:center; color:#0060ff; position:relative; top:-28px; font-size:18px; font-weight:100}
.contaner .right h3 span{ color:#999; display:block; font-size:18px}
.item { width:395px; height:207px; border:1px solid #dfdfdf; margin-bottom:15px; float:left; margin-right:15px}
.item .left span{ color:#000000}
.item .left p,.item .left h4{ color:#004098}
.jieshao{ width:195px; padding:10px}
.tt img{ border:1px solid #dfdfdf; margin:13px}
.item button{ border-radius:2px; background:#0060ff; color:#fff; padding:5px 10px; margin:10px 0}
.contaner .right p{ line-height:25px; text-indent:2em}

.news li{ line-height:25px; color:#666}
.news li span{ color:#999; font-size:12px;}
.news li a:hover{ color:#0060ff}

.xiayey{ font-size:12px; margin:50px 0}
.xiayey a{ display:inline-block; border:1px solid #dfdfdf; padding:0 8px}
.xiayey a:hover{ background:#0060ff; color:#fff}
.sty2{background:#0060ff; color:#fff}