body{ margin:0; padding:0; color:#9b9b9b; font-family: 'Microsoft Yahei', Verdana, sans-serif; min-width:1200px;}
ul{ margin:0px; padding:0px;}
ul li{ list-style:none;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{ display:inline-table;} /* Hides from IE-mac */
* html .clearfix{ height:1%;}
.clear{ clear:both;}
.clearfix{ display:block;}
a{ text-decoration:none;}
a:link{ color:#9b9b9b;}
a:visited{ color:#9b9b9b;}
a:hover{ color:#0069ad; /*text-decoration:underline; */}

.fl{ float:left;}
.fr{ float:right;}
.w1200{ width:1200px; margin:0 auto;}

/* head */
.head{ width:100%; overflow:hidden;}


.head_top{ height:38px; line-height:38px; border-bottom:1px #e5e5e5 solid; font-size:14px; font-family:"微软雅黑";}
.head_top_left span{ color:#3780bb; padding-left:10px;}
.head_top_right a{ padding:0px 10px;}


.head .head_body{ width:1200px; margin:0 auto; margin-top:10px;}
.head .head_body .logo{ float:left;}
.head .head_body .logo h1{ margin:0;}
.head .head_body .nav{ float:right; margin-top:20px;}
.head .head_body .nav ul li{ float:left; list-style:none; margin-left:8px;}
.head .head_body .nav ul li a{ color:#909090; cursor:pointer; text-decoration:none; display:block; padding:6px 14px;}
.head .head_body .nav ul li.selected{ background:#3780bb; border-radius:9%;}
.head .head_body .nav ul li.selected a{ color:#fff; text-shadow:1px 1px 5px #FFF;}
.head .head_body .nav ul li:hover{ background:#3780bb; border-radius:9%;}
.head .head_body .nav ul li a:hover{ color:#fff; text-shadow:1px 1px 5px #FFF;}

/* banner */
/*数字切换图标*/
.banner{ width:100%; position:relative; overflow:hidden;}
.banner .hd{ position:absolute; bottom:6%; right:6%; z-index:1; float:right;}

.banner .hd ul li{ width:20px; height:20px; float:left; display:block; overflow:hidden; border:1px solid #0069ad; margin-left:3px; text-align:center; color:#619ED0; background-color:#fff; cursor:pointer;}
.banner .hd ul li.on{ background-color:rgba(55, 128, 187, 0.41); color:#f5f5f5;}

.banner .bd ul li{ float:left; width:100%;}
.banner .bd ul li img{ width:100%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100); opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
/* body内容start */
.body{ width:100%; overflow:hidden;}
.body .content{ width:1200px; margin:0 auto; overflow:hidden;}
.body .content .about{ width:100%; text-align:center;}
.body .content .about .title{ text-align:center; width:500px;  overflow:hidden; height:30px; color:#0f5f9f;}
.body .content .about .text{ line-height:35px; text-indent:2em; height:210px; overflow:hidden;}
.body .content .about .box_menu{ margin-top:40px; overflow:hidden; margin-bottom:20px;}
.body .content .about .box_menu ul li h3{ height:25px; line-height:25px; overflow:hidden;}
.body .content .about .box_menu ul li{ float:left; width:275px; height:275px; margin-left:20px; border:1px solid #619ED0; border-radius:10%; margin-top:20px;}
.body .content .about .box_menu ul li .b_img{ margin-top:10px; display:block;}
.body .content .about .box_menu ul li .des{ padding:0 10px; display:block; font-size:14px;    line-height:26px; overflow:hidden; height:80px;}

/* 产品 */
.body .product { background-color:#f7f7f7;}
.body .product .content{ margin-top:20px;}
.body .product .content .puduct_line{ overflow:hidden; height:5px; width:100%; background-color:#3780BB;}
.body .product .content span.catname{ display:block; overflow:hidden; height:40px; line-height:40px; color:#474A52; margin-top:15px;}
.body .product .content .product_list{ margin-top:20px; overflow:hidden; padding-bottom:15px;}
.body .product .content .product_list ul li{ width:360px; height:280px;    box-shadow:1px 1px 3px 0px #808080; float:left; margin-left:28px; margin-top:22px;}
.body .product .content .product_list .product_img{ position:relative;}
.body .product .content .product_list .product_img img{ width:360px;}
.product .content .product_list ul li .product_img .bg_img{ width:100%; overflow:hidden; height:222px; position:absolute; z-index:1; top:0; background-color:rgba(55, 128, 187, 0.41); display:none;}
.body .product .content .product_list .product_img span.product_des{    color:#fff; overflow:hidden; text-align:center; line-height:27px; display:block; width:85%; margin:44px auto; height:135px;}
.body .product .content .product_list .product_title{ width:100%; text-align:center; margin-top:17px; overflow:hidden; display:block; height:23px; text-align:center; color:#909090; /*font-weight:700; */}

/*新闻*/
.body .newscenter{ overflow:hidden; width:100%;}
.body .newscenter .content .puduct_line{ overflow:hidden; height:5px; width:100%; background-color:#3780BB;}
.body .newscenter .content span.catname{ display:block; overflow:hidden; height:40px; line-height:40px; color:#474A52; margin-top:15px;}
.body .newscenter .content .news{ width:380px; margin-left:14px; margin-top:22px; float:left; height:400px; border:1px solid #ccc;}
.body .newscenter .content .news .newscat{ border-bottom:1px solid #ccc; padding:0 10px; height:40px; line-height:40px;}
.body .newscenter .content .news .newscat span{ float:right;}
.body .newscenter .content .news .news_top{ overflow:hidden;}
.body .newscenter .content .news .news_top img{ float:left; margin:10px 12px;}
.body .newscenter .content .news .news_top a{ overflow:hidden; height:30px; color:#323232; display:block; margin:10px 12px 0 0; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.body .newscenter .content .news .news_top p{ overflow:hidden; height:68px; line-height:21px; display:block; margin:0 12px 0 0; font-size:13px;}
.body .newscenter .content .news .news_list{ margin-top:-6px; padding:2px 13px;}
.body .newscenter .content .news .news_list ul{ display:block; overflow:hidden;}
.body .newscenter .content .news .news_list ul li{ width:100%; height:38px; line-height:38px; overflow:hidden; margin:0 2px; border-bottom:1px dashed; display:block;}
.body .newscenter .content .news .news_list ul li a{ display:block; overflow:hidden; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.body .newscenter .content .news .news_list ul li span{ display:block; float:right; font-size:13px; margin-left:2em;}

/* 案例 */
.body .anli{ overflow:hidden; width:100%; background-color:#F7F7F7; margin-top:30px; position:relative; padding-bottom:35px;}
.body .anli .content{ padding:0px 40px; overflow:hidden;}
.body .anli .content .anli_box{ height:272px; overflow:hidden; border:1px solid #ccc; width:100%; margin-top:10px;}
.body .anli .content .puduct_line{ overflow:hidden; height:5px; width:100%; /*background-color:#3780BB; */}
.body .anli .content span.catname{ display:block; overflow:hidden; height:40px; line-height:40px; color:#474A52; margin-top:15px;}
.body .anli .content .anli_box .anli_cat{ padding:10px 10px; border-bottom:1px solid #ccc;}
.body .anli .content .anli_box .anli_cat span{ display:block; width:60px; height:25px; overflow:hidden; float:right;}
.body .anli .content .anli_box .anli_list{ width:1110px; padding:12px 0px; overflow:hidden; margin:0 auto;}
.body .anli .content .anli_box .anli_list ul{ margin-left:20px;}
.body .anli .content .anli_box .anli_list ul li{ float:left; overflow:hidden; display:block;}
.body .anli .content .anli_box .anli_list ul li img{ width:200px; height:200px; border:1px solid #ccc; margin:0 10px;}
/*切换*/
.body .anli .content .anli_box .anli_list .prev,
.body .anli .content .anli_box .anli_list .next{ position:absolute; left:9%; top:49%; background:url(/images/slider-arrow.png) -114px 5px no-repeat; width:23px; height:40px; z-index:1; background-color:#ccc;}
.body .anli .content .anli_box .anli_list .next{ right:9%; left:auto; background-position:3px 5px;}
/* 底部样式 */
.foot{ background-color:#3A3333; overflow:hidden;}
.foot .foot_nav{ margin-left:80px; width:775px; overflow:hidden;}
.foot .left_nav{ float:left;}
.foot .left_nav ul{ margin-top:20px;}
.foot .left_nav ul li{ float:left; /* width:185px; *//*text-align:center; */font-size:14px; padding-right:68px;}
.foot .left_nav ul li span.nav_name{ font-size:20px; color:#F5F5F5;}
.foot .left_nav ul li ul{ margin-top:10px;}
.foot .left_nav ul li ul li{ float:none; height:28px;}
.foot .linkman{ margin-top:20px;}
.foot .linkman span{ font-size:20px; color:#F5F5F5;}
.foot .linkman p{ font-size:14px; margin:8px 0px;}
.foot .wx{ margin:13px 0px 0px 104px; text-align:center;}
.foot .wx span{ display:block; color:#f5f5f5;}
.foot .wx img{ margin-top:10px;}
.foot .foot_end{ text-align:center; overflow:hidden; border-top:1px solid #4A4646; padding-top:10px; width:1200px; line-height:30px; margin:18px auto; font-size:14px;}

.banner img{ width:100%;}

/*二级页面*/
.ej_main{ margin-top:20px;}
.left_menu{ width:250px; margin-bottom:20px;}
.left_menu01{ border:solid 1px #e4e3e3;}
.left_menu01 h3 ,.left_menu02 h3 ,.right_menu h3{ background:#3780BB; color:#fff; margin:0px; padding:0px; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #e4e3e3; padding-left:15px;    font-weight:normal;}
.left_menu01 ul li{ background:url(/images/listico3.png) no-repeat left; height:32px; line-height:32px; border-bottom:1px solid #e4e3e3; padding-left:20px; margin:0 10px; font-size:14px; overflow:hidden;}
.left_menu01 ul li:hover{ background:url(/images/listico4.png) no-repeat left;}

.left_menu01 .no_bor{ border-bottom:0px;}
.left_menu02{ margin-top:10px; border:solid 1px #e4e4e3;}
.left_menu02 p{ font-size:14px; padding-left:10px; line-height:26px; padding-right:10px;}
.left_img{ margin-left:4px; margin-top:4px;}

.position{ background:#3780bb; color:#fff; margin:0px; padding:0px; height:40px; line-height:40px; padding-left:10px; font-size:16px;}
.position a{ color:#fff;}
.right_menu{ margin-left:10px; width:930px; border:solid 1px #e4e3e3; margin-bottom:30px;}
.right_menu ul{ padding:10px;}
.right_menu ul li{ border-bottom:1px dashed #e4e3e3; margin:10px 0;}
.right_menu ul li p{ font-size:14px; line-height:26px; margin:5px 0px; padding:5px 0px; height:62px; line-height:31px; overflow:hidden;}
.right_menu ul li span{ float:right; font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.right_menu ul li a{ color:#3780bb; background:url(/images/listico2.png) left no-repeat; padding-left:15px; margin-left:6px; font-size:14px;}
.right_menu h4{ margin:0px; padding:0px; height:26px; line-height:26px; overflow:hidden; font-size:16px; font-weight:normal;}

.ej_pro{ margin-bottom:15px;}
.ej_pro dl{ float:left; margin:0px; padding:0px;}
.ej_pro dl dt{ margin-left:15px; margin-top:15px;}
.ej_pro dl .no_mar{ }
.ej_pro dd{ width:290px; height:36px; line-height:36px; overflow:hidden; margin:0px; padding:0px; text-align:center; padding-left:15px;}

.about_tit{ text-align:center; margin:10px 0; font-size:20px;}
.about_data{ font-size:14px; text-align:center;}
.about_img{ text-align:center; margin:10px 0;}
.about_page{ font-size:14px;}
.abou_con{ font-size:14px; padding:10px 30px; line-height:30px;}
.about_page{ padding:0px 30px 10px 30px; line-height:30px;}

.Page{ width:100%; text-align:center; padding:10px 0px 30px 10px;}
.Page a{ display:inline-block; width:65px; background:#ffffff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left; text-decoration:none; color:#9b9b9b; outline:none;}
.Page a:hover{ background:#3780bb; color:#FFF; background-repeat:no-repeat;}
.Page span{ display:inline-block; min-width:45px; padding:0 10px; background:#ffffff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;}
.Page span.current{ background:#3780bb; color:#FFF}

/*返回顶部*/
.backToTop{ display:none; width:56px; height:56px; background:url(../images/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:52px; cursor:pointer; opacity:0.6; filter:alpha(opacity=60);}
.backToTop:hover{ opacity:0.8; filter:alpha(opacity=80);}