@charset "utf-8";
html{ overflow-x:hidden}
*{ padding:0; margin:0;}
body{ font:12px/24px "微软雅黑"; color: #484848}
img{ border:0;}
li{ list-style:none;}
a{ color:#484848; text-decoration:none;}
a:hover{ color:#f00; text-decoration:none;}
.remove{ clear:both; visibility:hidden;}
.dno{ display:none}

header{ border-top:5px solid #0a3a8a; background:#fff}
.head{ width:1080px; margin:0 auto; overflow:hidden}
.logo{ width:750px; height:97px; float:left; background:url(../images/index_03.jpg) no-repeat}
.h_r{ width:139px; height:24px; float:right; padding:18px 0 25px 98px; background:url(../images/index_06.jpg) no-repeat center bottom}

nav{ height:83px; background:url(../images/index_14.jpg)}
.nav{width:1080px; margin:0 auto; overflow:hidden}
.nav .menu{ width:750px; font-size:14px; line-height:83px; color:#fff; float:left}
.nav .menu a{ color:#fff;}
.nav .menu a:hover{ text-decoration:underline}
.nav .search{ width:202px; height:34px; overflow:hidden; padding:0 5px 0 12px; background:url(../images/index_11.jpg) no-repeat; margin-top:24px; float:right;}
.search .inp{ width:155px; height:34px; line-height:34px; font-size:14px; border:none; background:none; float:left}
.search .btn{ width:30px; height:34px; cursor:pointer; font-size:0; border:0; background:none; float:right}

.banner_box{height: 464px; overflow: hidden; position: relative;}
.banner_box_c li{ overflow: hidden; position: absolute; width: 1900px; left:50%; margin-left:-950px; text-align:center;}
.banner_btn{position:absolute;width:100%;height:30px;bottom:0;text-align:center;z-index:10}
.banner_btn li{display:inline-block;width:14px;height:14px;font-size:0;margin:0 5px;cursor:pointer;background:#dfdfdf;z-index:9; border-radius:50%;}
.banner_btn li.on{background:#0087fe;}
.banner_box .preNext{width:44px;height:44px;position:absolute;top:232px;background:url(../images/sprite.png) no-repeat left bottom;cursor:pointer;z-index:9; opacity:0;transition: all 0.3s linear 0s;}
.banner_box .pre{left:0%; z-index:9}
.banner_box .next{right:0%;background-position:right bottom;z-index:9}
.banner_box:hover .preNext{opacity:0.5;} 
.banner_box:hover .pre{left:10%; } 
.banner_box:hover .next{right:10%;} 
.banner_box .pre:hover,.banner_box .next:hover{opacity:1;}
.banner_box_c a{ cursor:pointer; display:block; width:100%; height:464px;}

.content{ width:1080px; overflow:hidden; margin:0 auto}
.content .product{ overflow:hidden; padding-top:27px}
.product .p_left{ width:223px; float:left; border:1px solid #575757; padding:1px}
.p_left h3{ color:#fff; font-size:15px; height:42px; background:#0087fe; line-height:42px; padding-left:16px}
.p_left b{ display:block; height:30px; padding:0 15px; line-height:30px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;background:url(../images/index_43.jpg) no-repeat 200px}
.p_left b:hover{ background:#f0f0f0 url(../images/index_24.jpg) no-repeat 200px}
.p_left p{ padding:0 15px 5px;}
.p_left p a{ display:block; background:url(../images/index_37.jpg) no-repeat left; text-indent:8px}

.product .p_right{ width:816px; float:right; padding-top:69px; background:url(../images/index_21.jpg) no-repeat center top}
.p_right ul{ overflow:hidden; padding-top:25px}
.p_right ul li{ width:257px; height:234px; float:left; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.p_right ul li img{ width:193px; margin-top:10px}
.p_right ul li span{ display:block; font-size:18px; padding-bottom:4px}
.p_right ul li p{ width:230px; line-height:20px; margin:0 auto}

.about{ padding-top:128px; background:url(../images/index_56.jpg) no-repeat center 45px; overflow: hidden}
.about .a_left{ width:379px; height:243px; float:left}
.about .a_right{ width:451px; height:246px; float:right; background:url(../images/index_60.jpg) no-repeat; padding:36px 97px 0 138px; position:relative}
.about .a_right a{ display:block; width:40px; height:105px; position:absolute; top:119px; left:76px}

.news{ padding-top:35px; overflow:hidden}
.news .news1{ width:658px; float:left; border:1px solid #ccc}
.news .news2{ width:404px; float:right; border:1px solid #ccc}
.news h3{ height:40px; line-height:40px; border-bottom:1px solid #c8c8c8; font-size:16px; font-weight:lighter}
.news h3 span{ display:block; float:left; width:110px; height:40px; text-align:center; color:#000; border-bottom:1px solid #0a3a8a}
.news h3 a{ display:block; float:right; width:44px; height:13px; padding:0 15px 0 0}
.news ul{ padding:10px 22px 0; height:154px; overflow:hidden}
.news1 ul li{ background:url(../images/index_71.jpg) no-repeat left; float:left; width:50%; text-indent:18px; border-bottom:1px dotted #d0d0d0; height:30px; line-height:30px;}
.news2 ul li{ background:url(../images/index_71.jpg) no-repeat left; text-indent:18px; border-bottom:1px dotted #d0d0d0; height:30px; line-height:30px;}

.sub{ background:#f8f8f8; padding:15px 0 20px; margin-top:54px}
.sub .sub_c{ width:1080px; margin:0 auto; overflow:hidden}
.sub_c ul{ width:555px; float:left; overflow:hidden}
.sub_c ul li{ width:180px; height:158px; float:left; text-align:center; border-right:1px dotted #8f8f8f}
.sub_c ul li b{ font-size:14px; display:block; color:#010101}
.sub_c ul li p{ padding:16px 0 0}
.sub_c ul li p a{ display:block}
.sub_c .contact{ width:330px; float:right; padding-left:136px; background:url(../images/index_75.jpg) no-repeat left bottom}
.sub_c .contact b{ font-size:14px; display:block; color:#010101}
.sub_c .contact p{ height:110px; margin-top:16px; background:url(../images/index_78.jpg) no-repeat; padding-left:37px; color:#00529c}
.sub_c .contact p span{ display:block; padding-bottom:5px}

footer{ height:33px; line-height:33px; color:#fff; background:#00559c}
footer .foot{ width:1080px; margin:0 auto; overflow:hidden}
.foot p{ float:right; text-align:right}
.foot p a{ color:#fff}

.mbx{ padding-top:10px; border-bottom:1px solid #f0f0f0}
.mbx .mbx_con{ width:1080px; height:35px; line-height:35px; margin:0 auto}
.mbx_con p{ padding-left:16px; background:url(../images/about_03.jpg) no-repeat left}

.about_l{ width:210px; float:left; border-left:1px solid #f0f0f0}
.about_l h3{ height:40px; line-height:40px; padding:0 20px; font-size:14px; background:#f0f0f0; font-weight:lighter}
.about_l ul{}
.about_l ul li{ padding-left:35px; background:url(../images/about_07.jpg) no-repeat 20px; height:35px; line-height:35px;  border-bottom:1px solid #f0f0f0}
.about_r{ width:853px; padding:5px 0 0 15px; float:right; border-left:1px solid #f0f0f0}
.about_r h2{ font-size:20px; color:#000}
.about_r .abanner{ width:853px; background:#f0f0f0; height:175px; margin-top:10px}
.about_r .ar_con{ padding:20px 0}

.al_pro{ border-bottom:1px solid #f0f0f0}
.about_l b{ display:block; height:30px; padding:0 15px; line-height:30px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;background:url(../images/index_43.jpg) no-repeat 200px}
.about_l b:hover{ background:#f0f0f0 url(../images/index_24.jpg) no-repeat 200px}
.about_l p{ padding: 5px 15px;}
.about_l p a{ display:block; background:url(../images/index_37.jpg) no-repeat left; text-indent:8px}

.al_page{ width:100%; overflow:hidden; padding-top:10px; border-top:1px dotted #CCC; margin-top:20px; text-align:center}
.al_page a{ display: inline-block; text-align:center; margin-right:5px; height:20px; line-height:20px; background:#ccc; padding:2px 5px; color:#fff}
.al_page a:hover{ background:#0186ff; color:#FFF}

.acr_pro{ width:100%; overflow:hidden}
.acr_pro li{ width:183px; float:left; padding:4px 4px 6px; border:1px solid #ccc; margin:0 10px 10px; _display:inline; text-align:center}
.acr_pro li img{ width:183px; height:137px; display:block; background:#fff}
.acr_pro li a{ color:#000}
.acr_pro li a:hover{ color:#f00}
.acr_pro li a:hover b{ background:#ffb100;}
.acr_pro li p{ height:30px; display:block;}
.acr_pro li b{ display:block; height:25px; margin:0 40px; line-height:25px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; background:#0186ff; color:#fff}
.acr_pro li:hover{ border:1px solid #ffb100;}

.acr_news li{ padding:10px 20px 10px 40px; overflow:hidden; background:url(../images/about_07.jpg) no-repeat 20px 19px; border-top:1px dotted #ccc;}
.acr_news li a{ display:block; color:#333; font-size:14px; width:450px; float:left}
.acr_news li a:hover{ color:#0186ff;}
.acr_news li p{ width:150px; float:right; text-align:right; color:#666}
.acr_news li span{ display:block; clear:both; color:#cecece; line-height:18px; padding-top:5px}
.acr_news li:hover{ background:#f9f9f9 url(../images/about_07.jpg) no-repeat 20px 19px}

.contact_con{ padding:20px 0; min-height:550px}