﻿@charset "utf-8";

/* CSS Document */

#banner{width:100%;}
#banner{position:relative;width:100%;height:690px;overflow:hidden;}
#banner .d1{width:100%;height:690px;display:block;position:absolute;left:0px;top:0px;z-index:9;}
#banner .d2{width:100%;height:30px;clear:both;position:absolute;left:0px;top:640px;cursor:pointer;z-index:10;}
#banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
#banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(images/out.png) no-repeat center;float:left;margin:0 3px;display:inline;}
#banner .d2 li.num{background:url(images/on.png) no-repeat center;}
/* .banner-box{min-width:1920px; height:690px; position:relative; left:50%; margin-left:-960px; z-index:-999;}

.banner-box .bd{ width:1920px !important; height:690px;}

.banner-box .bd li .m-width {width:100%;margin:0 auto;}

.banner-box .bd li{width:1920px; !important;height:690px;}

.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{ min-width:1920px;position:absolute; top:350px; left:0px;}

.banner-btn a{ display:block; width:49px; height:104px; position:absolute;top:0; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}

.banner-btn a.prev{ position:absolute; left:280px; top:-130px; background:url(images/ZY_03.jpg) no-repeat 0 0;} 

.banner-btn a.next{ position:absolute; right:280px; top:-130px; background:url(images/ZY_07.jpg) no-repeat 0 0;}

.banner-box .hd { width:1920px; position:absolute;top:140px; left:50%; margin-left:-960px;}

.banner-box .hd ul{ margin-right:200px;}

.banner-box .hd ul li{ width:36px; height:6px; text-indent:-9999px; margin-right:20px; background:none;float:right; cursor:pointer;}

.banner-box .hd ul li.on{background:none;} */



.qing{ overflow:hidden; display:block; clear:both; }
.center{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}

.main{ width:1250px; margin:0 auto; display:table; clear:both; margin-top:30px;}

.PRoduct{background:#f6f6f6;overflow:hidden;}

.LRdv { height:300px;}

.LRdv .left{ width:858px; float:left;} 

.LRdv .right{ width:350px; float:right;}

.main .title{ background:url(images/dxian_ico_03.jpg) no-repeat top left; height:64px; line-height:60px; margin-bottom:10px;}

.main .title span{ font-size:16px; color:#e6e6e6; font-weight:bold; text-transform:uppercase; display:inline-block; margin-left:10px;}

.main .title strong{ font-size:18px; color:#000;}



.slideBox{ width:322px; height:234px; overflow:hidden; position:relative;float:left;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:50px; z-index:1; bottom:15px; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }



.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}

.slideBox .bd img{ width:322px; height:234px; display:block;  }



.slideBox .bd ul li .txts{ height:40px; width:100%; position:absolute; background:url(images/lbg.png) repeat; bottom:0; left:0; text-align:left; line-height:40px; font-size:14px; color:#fff;}

.slideBox .bd ul li .txts a{ color:#fff;margin-left:10px;}

.slideBox .bd ul li .txts a:hover{ text-decoration:underline;}



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .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;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }



.slideTxtBox{ width:508px; text-align:left; float:right; position:relative;}

.slideTxtBox .hd{ height:30px; line-height:30px; position:absolute; right:0px; top:-40px;  }

.slideTxtBox .hd ul{ float:left; height:32px; }

.slideTxtBox .hd ul li{ float:left; padding:0 10px; cursor:pointer; background:#e3e3e3; color:#4f4f4f; margin-left:10px; font-size:14px;}

.slideTxtBox .hd ul li.on{ height:30px;  background:#0a46a1; color:#fff; }

.slideTxtBox .bd ul{ zoom:1;  }

.slideTxtBox .bd li{ height:38px; line-height:38px; border-bottom:1px dotted #c6c6c6; background:url(images/lbg1.png) no-repeat 5px center; padding-left:15px;}

.slideTxtBox .bd li .date{ float:right; color:#999;  }

.slideTxtBox .bd li  a{ font-size:14px;}



.pro_list{ display:table; width:1250px;}

.pro_list .left{ width: 380px; height:336px; float:left;}

.pro_list .imgs{ height:182px; width:380px; position:relative; overflow:hidden;}

.pro_list .imgs img{ position:absolute; left:50%; top:50%; margin-left:-299px; margin-top:-91px; width:598px; height:182px;}

.pro_list .prosty{ cursor:pointer;}

.pro_list .protxt{ background:#f4f4f4; padding:15px; text-align:center; height:120px; color:#000; position:relative; overflow:hidden;}

.pro_list .protxt h2{ font-size:22px; margin-bottom:20px; position:relative; z-index:1;}

.pro_list .protxt p{ font-size:14px; line-height:26px; position:relative; z-index:1;}

.pro_list .protxt .bgs{ background:#0a46a1; height:150px; width:598px; bottom:0px; position:absolute; left:0; z-index:0; display:none;}



.pro_list .right{ width: 598px; height:336px; float:right;}



.pro_list .prosty.active .protxt{ color:#fff;}





.ser_list ul li{ float:left; width:376px; height:182px; overflow:hidden; margin-right:61px; position:relative;}

.ser_list ul li.last{ margin-right:0;}

.ser_list ul li img{ position:absolute; left:50%; top:50%; width:376px; height:182px; margin-left:-188px; margin-top:-91px;}





.hb_list ul li{ float:left; margin-right:42px; border:1px solid #ededed; width:170px; height:74px;}

.hb_list ul li.last{ margin-right:0;}

 





.picScroll-left{ overflow:hidden; position:relative; clear:both; width:1250px; overflow:hidden;}



.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin-right:43px; float:left; _display:inline; overflow:hidden; text-align:center;}

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:169px; display:block; border:1px solid #ededed; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#ccc;  }

.picScroll-left .bd ul li .title{ line-height:24px;   }



#jj{ width:350px; float:right; height:315px; }
#jj img{ width:350px; height:155px;}
#jj .nr{ background:#FFF; border:1px solid #e1e1e1; height:150px; padding:0 15px;  line-height:22px; font-size:14px;}
#jj span.title1{ font-size:18px; color: #000; line-height:45px; height:45px; display:block; background:url(Images/jj_title.jpg) no-repeat 90px center;}
#jj .nr a{ color:#0a46a1;}


#cp .demo{width:1200px;/* height: 200px; */clear: both;position: relative; padding:0 20px; margin-left:auto;margin-right:auto;margin-bottom:20px;}
#cp .bx_wrap ul li{ width:284px; background:#FFF; border:1px solid #e1e1e1; overflow:hidden; display:block; /* height:278px; */}
#cp .bx_wrap ul .img {height:161px; width:284px; display:block; text-align:center; overflow:hidden;}
#cp .bx_wrap ul .img img{ height:161px; width:284px; text-align:center;}
#cp .demo li .titlep{ height:48px; display:block; line-height:48px; /* color:#1789d1; */ margin:0 21px; font-size:14px;}
#cp .demo li .shuoming{  display:block; line-height:20px; margin:0 21px; color:#626262;}
#cp .bx_wrap ul li:hover{background:#1464c7; border:1px solid #1464c7; color:#FFF;}
#cp .demo li:hover .titlep{ font-weight:bold;color:#FFF;}
#cp .demo li:hover .shuoming{color:#FFF;}
#cp .bx_wrap a.prev,#cp .bx_wrap a.next {transition:0.3s all 0s linear;width:15px;height:26px;outline-style:none;outline-width: 0;position:absolute; top:80px;text-indent:-999em; }	
#cp .bx_wrap a.prev {left:0;  background: url(Images/demo_l.png) no-repeat;position:absolute;margin-left:-10px; }
#cp .bx_wrap a.next {right:0; background:url(Images/demo_r.png) no-repeat right 0;}
#cp .bx_wrap a.next:hover,#cp .bx_wrap a.prev:hover{ background-position:0 -26px;}
	

/**- 合作伙伴/链接 -**/
.links{ padding-top:31px; }
.links_bt{ font-size: 18px;color: #000;line-height:30px; background: url(images/dxian_ico_03.jpg) no-repeat top left;height: 64px;line-height: 60px;margin-bottom: 10px;}
.links_bt span{ width:28px; height:5px;}
.links_bt .enlink{font-size:16px; color:#e6e6e6; font-weight:bold; text-transform:uppercase;  }

.links ul{ margin-left:-10px;margin-bottom:20px; }
.links li{ width:169px; height:66px; position:relative; overflow:hidden; display:block; float:left; left:20px; padding-bottom:10px; margin-left:10px; filter: alpha(opacity=0); opacity: 0;}
.links li a{ height:66px; overflow:hidden; display:block; border:1px solid #d2d2d2;}
.links li a:hover{ border:1px solid #005ca2;}






