@charset "utf-8";

/* CSS Document */



body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{margin:0;padding:0}

body{ font-size:14px; font-family:"Microsoft YaHei","\5b8b\4f53",Arial,sans-serif; color:#222222; }

ol, ul{ list-style:none;}

img{ border:0;vertical-align:middle;}

a{text-decoration: none;}

.cl{ clear:both;}



#header{ width:1100px; height:100px; margin:0 auto; position:relative;}

#logo{ width:300px; height:53px; position:absolute; top:10px;}

#logo h1{font-size: 15px; color: #4577c4;font-weight: normal}

#seach{ width:280px; height:35px; position:absolute; top:30px; left:480px; background:url(../img/s1.jpg) no-repeat;}

#seach input.s1{ width:220px; height:35px; border:0; padding-left:13px; background:none; line-height:35px; color:#666;}

#seach input.img{ float:right; cursor:pointer;}

#tel{ width:150px; height:50px; position:absolute; right:0; top:20px; background:url(../img/tel.jpg) no-repeat; padding-left:50px;}

#tel p{ line-height:24px; font-size:16px;}

#tel p.p1{ font-size:22px; color:#666}

#tel p span{ color:#F30; font-size:26px;}


.focus {width:100%; height:460px; overflow:hidden; position:relative; }
.focus ul {height:460px; position:absolute;}
.focus ul li {float:left; width:100%; height:460px; overflow:hidden; position:relative; background:#fff;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; left:45%; height:6px; bottom:36px; text-align:right;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:40px; height:12px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#fff; transition:all 0.5s; border-radius:10px;}
.focus .btn span.on {background:#4577c4; transition:all 0.5s; width:50px;}
.focus .preNext {width:45px; height:100px; position:absolute; top:190px; background:url(../img/flash/banann.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{margin-top:0px; overflow:hidden;}
.clear{clear:both;}

#nav{ width:100%; height:40px; border-top:1px solid #ccc;border-bottom:2px solid #ccc;}

#navin{ width:1100px; height:40px; line-height:40px; margin:0 auto;}

#navin li{ float:left; margin-right:10px; position:relative;}

#navin li span a{ width:100px; height:40px; display:block; text-decoration:none; text-align:center; color:#333; font-size:16px; }

#navin li span a:hover{ border-bottom:2px solid #D04400; color:#D04400;}

#navin li div{ position:absolute; top:42px; left:0; background:#0183be; display:none; z-index:1000;}

#navin li div a{font-size:16px; width:100px; height:40px; display:block; text-decoration:none; text-align:center; border-bottom:1px solid #0095d9;color:#fff;}

#navin li div a:hover{ background:#fff; color:#00a0e9;}



#banner{ width:100%; height:500px; }





/* flash_start */

.flash_ban {width:100%;height:460px;position:relative;overflow:hidden; text-align: center;}

/* flash背景色 */

.flash_ban .flash_bg{position:relative;}

.flash_ban .flash_bg li{position:absolute;width:100%;height:460px;display:none}

/* flash主图片 */

/* .flash_ban .flash_pic{position:absolute;width:1200px;left:50%;margin-left:-600px;} */

.flash_ban .flash_pic{position:absolute; width:1200px; margin:0 auto; }

/* flash数量切换 */

.flash_ban .flash_nums_menu{position:absolute;width:1200px;left:50%;margin-left:-600px;}

.flash_ban .flash_nums_menu .flash_nums{position:absolute;width:100%;top:420px;text-align:center;font-size:0;}

.flash_ban .flash_nums_menu .flash_nums li{cursor:pointer;margin:0 3px;display:inline}

/* flash左右切换 */

.flash_ban .flash_prev{position:absolute;left:0px;top:180px;cursor:pointer; display:none; background:url(../img/icon/prod_startpage.png) -140px -306px; ; width:105px; height:105px;}

.flash_ban .flash_next{position:absolute;right:0px;top:180px;cursor:pointer; display:none; background:url(../img/icon/prod_startpage.png) -261px -310px; ; width:105px; height:105px;}

/* flash_end */



#sycp{ width:100%; height:75px; background:url(../img/index_cp.jpg) no-repeat center 0;}



#sycpfl{ width:1095px; height:36px; line-height:36px; border:1px solid #ccc; margin:0 auto; margin-top:20px;}

#sycpfl a{ text-decoration: none; color: #3A3838; display: block;float:left;padding-left: 85px;padding-right: 85px;}

#sycpfl a.on{background: #4577c4; color: white;}

#sycpfl a:hover{background: #4577c4; color: white;}



#sycpfl2{width: 1100px;height: 280px;margin: 30px auto;}

#sycpfl2 ul{display: none;}

#sycpfl2 img{ padding: 6px;}

#sycpfl2 li{float: left;margin-left: 15px; margin-right: 14px;padding-bottom: 12px;border: 1px solid #ccc; width: 242px;}

#sycpfl2 li:hover{background:#3176ED;}

#sycpfl2 li:hover a{color: white;}

#sycpfl2 li p{margin-top: 10px; text-align: center;}

#sycpfl2 li p a{ text-decoration: none; color: #666;}

#sycpfl2 li p a:hover{color: white;}



#indexys{ width:100%; height: 271px; background: url(../img/indexys.jpg) no-repeat center 0;margin-bottom: 20px;}

#indexys2{width: 1100px;height: 200px;margin: 0 auto;}

.ys2{width: 310px;height: 200px;float: left; }

.ys2 h2{font-size: 18px; text-align: center;}

.ys2 p{line-height: 26px; color: #737171;margin-top: 20px;margin-bottom: 25px;text-align: center;}

.ys2 h3{color:#3C70D8; border: 1px solid #4783FB;width: 250px;height: 32px;margin: 0 auto; text-align: center;line-height: 32px;}



#indexfw{width: 100%;height: 122px; background: url(../img/index_fw.jpg) no-repeat center top;margin-top: 40px;margin-bottom: 20px;}

#indexfw2{width: 1100px;height: 190px; margin: 0 auto 40px;}

#indexfw2 .fuwu1{width: 250px;height: 190px;float: left;background:#4577c4;border-radius: 5px; margin-left: 20px;}

#indexfw2 .fuwu1 img{opacity: 0.7;filter:alpha(opacity:70);border-radius: 5px;}

#indexfw2 .fuwu1 img:hover{opacity: 1;filter: alpha(opacity:100);}

#indexfw2 .fuwu1 p{text-align: center;line-height: 40px;}

#indexfw2 .fuwu1 a{font-size: 16px;color: white;font-weight: bold;}

.line{width: 100%;height: 5px;border-bottom: 1px solid #ccc;}



#news{width: 1060px;height: 300px; margin: 20px auto;}

#xwzx{width: 510px;float: left;}

#xwzx1,#gsjj1{height: 40px;line-height: 38px; background: url(../img/titlebg.jpg) no-repeat left bottom;}

#xwzx1 a,#gsjj1 a{color:#333;}

#xwzx1 h2,#gsjj1 h2{font-size: 16px;color: #636060}

#xwzx1 h2 span,#gsjj1 h2 span{font-size:14px;color: #7F7C7C}

#xwzx2 li{margin-top: 15px;}

#xwzx2 li h1{ line-height: 16px;margin-bottom: 10px;}

#xwzx2 li img{float:left;margin-right: 10px;border: 1px solid #ccc;padding: 3px;}

#xwzx2 li h1 a{font-size:16px; color: #3A3939;}

#xwzx2 li h1 a:hover{ color:#5171D8;}

#xwzx2 li p{line-height: 24px;color: #626060}



#gsjj{float: right; width: 520px;}

#gsjj2{margin-top: 15px;}

#gsjj2 img{float: left;margin-right: 10px;border-radius: 8px; }

#gsjj2 h1{font-size: 16px; margin-bottom: 10px;}

#gsjj2 h1 a{color: #333;}

#gsjj2 h1 a:hover{color: #5171D8;}

#gsjj2 p{line-height: 24px;color:#626060}

#gsjj2 p a{display: block;color: #5171D8; width: 80px;height: 30px; border: 1px solid #5171D8; border-radius: 18px;float: left;

text-align: center;line-height: 30px;margin-top: 20px;font-size: 12px;}

#lianxi{width: 100%;height: 100px;background:#F5F5F5}

#lianxi1{width: 1050px;margin: 0 auto; height: 100px;}

#lianxi1 li{height: 70px;float: left; padding-left: 50px; padding-top: 30px;color: #666;}

#lianxi1 li span{font-size: 18px;color: #333;font-weight: bold;line-height: 26px;}

#lianxi1 li.bg1{background: url(../img/addr.jpg) no-repeat left center;}

#lianxi1 li.bg2{background: url(../img/qq.jpg) no-repeat left center;}

#lianxi1 li.bg3{background: url(../img/tel2.jpg) no-repeat left center;}



#yqlj{width: 1050px;height: 60px; margin: 0 auto; padding-top: 50px; line-height: 26px; background:url(../img/yqlj.jpg) no-repeat left 0;}

#yqlj a{color: #333; margin-right: 20px;}

#yqlj a:hover{color: #5171D8;}

#footer{width: 100%;height: 200px;background:url(../img/footbg.jpg) repeat;}

#footin{width: 1050px;height: 200px;margin: 0 auto;}

#footleft{width: 590px;height: 130px; padding-top: 60px;float: left;}

#footleft li{width: 140px;float: left;margin-right: 40px;border-bottom: 1px solid #82B4D2;margin-bottom: 25px;padding-bottom: 6px;}   

#footleft span{float: right;color: white;font-size: 16px;font-weight: bold;}

#footer a{color: white;}

#footright{width: 460px; height: 130px;float: right; text-align: right; color: white;padding-top: 30px;line-height: 24px;}