@charset "utf-8";
/* CSS Document */

/* public start*/
*{margin:0px; padding:0px; list-style:none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,img{
	/* [disabled]margin: 0; */
	padding: 0; margin:0;
	font-family: "微软雅黑";
}
.clear{ clear:both; height:0px; width:100%; margin:0; padding:0;}
img { border:0; }
ul, li { list-style-type:none; }
body{font-size:14px; background:#fff; font-family:"微软雅黑";}
p{ color:#000;}
a{text-decoration:none; color:#0e82d9;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#2890dd;}

/*首页*/
.mb_top_bg{ width: 100%; height: 100px; display: block; overflow: hidden;}
.mb_top{ width: 1200px; height: 100px; margin: 0 auto;}
.mb_top a,.mb_top a img{ width: 1200px; height: 100px; display: block;}

.mb_nav_bg{ width: 100%; height: 50px; background: #0e82d9; }
.mb_nav{ width: 1200px; height: 50px; margin:0 auto; display: table;}
.mb_nav ul li{ width: calc(77.7%/7); height: 50px; line-height: 50px; float: left; text-align: center; position: relative;text-decoration:none}
.mb_nav ul li a{ width: 100%; height: 50px; display: block; color: #fff; font-size: 16px;overflow:hidden;}
.mb_nav ul li:hover{ background: #2890dd;}
.mb_nav>ul>li>ul{ display: none;}
.mb_nav>ul li:hover >ul{ display: block; position: absolute; top:50px; z-index: 9999; background: #0e82d9; }
.mb_nav ul li:hover ul li{ width:100%;}
.mb_nav ul ul ul{display: none;}
.mb_nav ul li ul li:hover >ul{ display: block; position: absolute;top: 0px;z-index: 9999; background: #0e82d9;left: 133px;
    width: 212px;}
.mb_nav ul ul ul ul{display: none;}
.mb_nav ul li ul li ul li:hover ul{ display: block; position: absolute;top: 0px;z-index: 9999; background: #0e82d9;left: 212px;
    width: 180px;    left: 212px;
    width: 180px; }




/*banner*/
.banner{ width:1200px; height:auto; margin: 0 auto;}
.banner img{ width:100%; height:auto; display:table;}
.flexslider{position:relative;overflow:hidden;/*background:url(loading.gif) 50% no-repeat;*/ }
.slides{position:relative;z-index:-1; margin:0;}
.slides li{ line-height:0;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


.mb_content{ width:1200px; height: auto; display: table; margin:0 auto; margin-top: 20px;}
.c_top{ width:1200px; height: auto; display: table;}
.c_top_left{ width: 266px; height: height: auto; display: table; float: left;}
.c_top_left a{ width: 266px; height: 96px; display: block; margin-bottom: 25px; }
.c_top_left a h2{ font-size: 20px; line-height: 36px; text-indent: 20px; padding-top: 19px; font-weight: normal; color: #fff; }
.c_top_left a h3{ font-size: 16px; line-height: 26px; text-indent: 20px; font-weight: normal; color: #fff; }
.c_top_left a:nth-child(1){ background: url(../images/t_bg_01.jpg) no-repeat; }
.c_top_left a:nth-child(2){ background: url(../images/t_bg_02.jpg) no-repeat; }
.c_top_left a:nth-child(3){ background: url(../images/t_bg_03.jpg) no-repeat; }


.c_top_right{ width: 910px; height: auto; display: table; float: right; }
.jj_title{ width: 910px; height: auto;; display: table; }
.jj_title h2{ height: 36px; font-size: 22px; color: #0e82d9; display: block; float: left; border-bottom:2px solid #0e82d9;}
.jj_title h3{ font-size: 46px; color: #eee; display: block; float: left;; margin-left: 10px; letter-spacing: 3px; line-height: 44px; font-weight: normal; }
.jj_title a{ font-size: 14px; line-height: 32px; width: auto; height: 32px; display: block; background: url(../images/pic_02.png) no-repeat right center; padding-right: 10px; float: right; color: #0e82d9;}
.jj_title a:hover{ color: #c00; background: url(../images/pic_03.png) no-repeat right center;}

.jj_body{ width: 910px; height: auto; display: table; margin-top: 20px; }
.jj_left{ width: 320px; height: auto; display: table; float: left;  }
.jj_left img{ width: 320px; height:225px; display: block; margin: 0; }
.jj_left h2{ width: 320px; height: 48px; display: block; background: #0e82d9; color: #fff; text-indent: 20px; font-size: 15px; line-height: 48px; margin: 0; padding: 0;  }
.jj_right{ width: 565px; height: 223px; padding: 25px 0; display: block; background:url(../images/pic_01.png) no-repeat right bottom #f1f1f1; float: right; }
.jj_right p{ font-size: 16px; line-height: 34px; margin: 0 20px; color: #333; text-indent: 2em; }
.jj_right p a{ color: #0e82d9; }
.jj_right p a:hover{ color: #c00; }


.c_center{ width:1200px; height: auto; display: table; margin:0 auto; margin-top: 32px;}
.product_title{ width: 1200px; height: auto;; display: table; }
.product_title h2{ height: 36px; font-size: 22px; color: #0e82d9; display: block; float: left; border-bottom:2px solid #0e82d9;}
.product_title h3{ font-size: 46px; color: #eee; display: block; float: left;; margin-left: 10px; letter-spacing: 3px; line-height: 44px; font-weight: normal; }

.product_fl{ width: auto; height: 32px; display: block; float: right; }
.product_fl ul li{ width: 120px; height: 32px; display: block; float: left; margin-right: 90px; }
.product_fl ul li a{ width: 205px; height: 32px; display: block; color: #fff; background: #0e82d9; line-height: 32px; text-align: center; font-size: 16px; }
.product_fl ul li a:hover{ background: #0ed9ac; }

.product_title .p_more a{ font-size: 14px; line-height: 32px; width: auto; height: 32px; display: block; background: url(../images/pic_02.png) no-repeat right center; padding-right: 10px; float: right; color: #0e82d9;}
.product_title .p_more a:hover{ color: #c00; background: url(../images/pic_03.png) no-repeat right center;}


.product_body{ width:1200px; height: auto; display: table; margin:0 auto; margin-top: 25px;}



/* 多个左滚动 - 图片- 公用类 */

.leftLoop{  position:relative; width: 1200px; height: auto; display: table;   }
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.leftLoop a.prev{ width: 40px; height: 40px; display: block; position: absolute; left: -60px; top:65px; background: url(../images/l_01.png) no-repeat;  }
.leftLoop a.next{ width: 40px; height: 40px; display: block; position: absolute; right: -40px; top:65px; background: url(../images/r_01.png) no-repeat;  }

.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../images/PIE.htc);}
.leftLoop .hd ul li.on{ background:#f00;  }
.leftLoop .bd{ padding:0px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ text-align:center; float:left; _display:inline; overflow:hidden; margin-right:25px; width: 220px; height: auto; display: table;  }
.leftLoop .bd ul li .pic,.leftLoop .bd ul li .pic a,.leftLoop .bd ul li .pic a img{ width: 220px; height: 165px; display: block; overflow: hidden; }
.leftLoop .bd ul li .title a{ width: 220px; height: 36px; margin-top: 3px; background:#f1f1f1; display: block; line-height: 36px; color: #555; font-size: 16px;  }
.leftLoop .bd ul li:hover .title a{background: #0e82d9; color: #fff;}


.c_bottom{ width:1200px; height: auto; display: table; margin:0 auto; margin-top: 32px;}
.c_bottom_left{ width: 710px; height: auto; display: table; float: left; }
.anli_title{ width: 710px; height: auto;; display: table; }
.anli_title h2{ height: 36px; font-size: 22px; color: #0e82d9; display: block; float: left; border-bottom:2px solid #0e82d9;}
.anli_title h3{ font-size: 46px; color: #eee; display: block; float: left;; margin-left: 10px; letter-spacing: 3px; line-height: 44px; font-weight: normal; }
.anli_title a{ font-size: 14px; line-height: 32px; width: auto; height: 32px; display: block; background: url(../images/pic_02.png) no-repeat right center; padding-right: 10px; float: right; color: #0e82d9;}
.anli_title a:hover{ color: #c00; background: url(../images/pic_03.png) no-repeat right center;}

.anli_body{ width: 710px; height: auto; display: table; margin-top: 25px; }
.anli_body ul li{ text-align:center; float:left; _display:inline; overflow:hidden; margin-left:25px; width: 220px; height: auto; display: table; margin-bottom: 25px;  }
.anli_body ul li:nth-child(3n+1){ margin-left: 0px; }
.anli_body ul li a{ width: 220px; height: auto; display: block; }
.anli_body ul li a img{ width: 220px; height: 165px; display: block; overflow: hidden; }
.anli_body ul li a h2{ width: 220px; height: 36px; margin-top: 3px; background:#f1f1f1; display: block; line-height: 36px; color: #555; font-size: 16px; font-weight: normal;  }
.anli_body ul li:hover a h2{background: #0ed9ac; color: #fff;}


.c_bottom_right{ width: 465px; height: 502px; background: #0e82d9; float: right; }
.news_title{ width: 465px; height: 112px; display: block; position: relative; }
.news_title h2{ font-size: 24px; color: #fff; line-height: 30px; padding-top: 30px; text-indent: 30px; font-weight: normal; }
.news_title h3{ font-size: 24px; color: #4293de; line-height: 30px; text-indent: 30px; font-weight: normal; }
.news_title a{ width: 30px; height: 30px; display: block; position: absolute; bottom:25px; right: 35px; background: #3e9be1; line-height: 26px; text-align: center; font-size: 26px; color: #fff; }
.news_title a:hover{ background: #c00; }

.news_body{ width: 465px; height: 390px; display: block; background: #1c8fe5; }
.news_body ul li{ width: 425px; height: 44px; border-bottom: 1px solid #fff; margin:0 20px; line-height: 44px; overflow:hidden;}
.news_body ul li a{ color: #fff; }
.news_body img{ width: 425px; height: 132px; display: block; margin: 17px auto; }


.mb_foot{ width: 100%; height: 80px; display: table; background: #0e82d9; margin-top: 32px; padding-top: 20px; }
.mb_banquan{ width: 1200px; height: auto; margin: 0 auto; }
.mb_banquan p{ text-align: center; line-height: 28px; color: #fff; }
.mb_banquan p a{ color: #fff; }



.ny_title{ width: 1200px; height: 46px; display: block; overflow: hidden; }
.ny_title h2{ width: auto; text-indent: 28px; background: url(../images/ny_t_01.png) no-repeat left center; font-size: 14px; font-weight: normal; color: #555; line-height: 46px; display: block; float: left;  }
.ny_title ul{ width: auto; float: right; }

.ny_title ul li{ width: auto; height: 46px; float: left;}
.ny_title ul li a{ width: 100; height: 46px; display: block; line-height: 46px; text-align: center; color: #555; font-size: 14px;  padding: 0 20px; }
.ny_title ul li a:hover{ background: #0e82d9; color: #fff; }

.ny_body{ width:1200px; height: auto; display: table; margin:0 auto; margin-top: 20px;}


.mb_nav ul li:hover ul li {
    width: 133.5px;
}