@charset "utf-8";
@import 'font/iconfont.css';
/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,tempWrap
fieldset,
input,
textarea,
p,
blockquote,
th,
td,.d5 ul li a
font { padding: 0; margin: 0; font-weight: normal; }
fieldset,
img { border: none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }
ol,
ul,
li,
dl,
dt,
dd { list-style: none; }
a { color: #333333; text-decoration: none; }
a:link,
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
.red { color: #F00; }
.yellow { color: #ffb138; }
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.mright { margin-right: 20px; }
.blank { height: 20px; font-size: 0; line-height: 0; clear: both; overflow: hidden;  }
body,
td,
th { font-family: "Microsoft YaHei", "微软雅黑", \5FAE\8F6F\96C5\9ED1; }
body { overflow-x: hidden; color: #333333; font-size: 14px;}
input { outline: none; }
@font-face { font-family: '微软雅黑';   /*字体名称*/ src: url('/templets/demo/font/msyh.ttf');/*字体路径*/ }
map area {
    outline: none;
}


.top-1{ width:100%; height:35px; line-height:35px; background:#eee; overflow: hidden;}
.box-content{ width:1200px; margin:0 auto; overflow: hidden;}
.top-2{ float: left; font-size: 13px; }
.top-bj-1{ background-color: #fafafa;  width: 100%;}
.top-bj{ width: 100%;  height: 106px;}
.top_logo{ float: left; margin-top: 23px; }
.tel{ font-size: 18px; margin-top: 20px; margin-left: 12px; }
.tel ul{ float:left; margin-right:5px; margin-top:12px;}
.tel ul li{ font-size:18px; text-align: right; color: #f00;  }
.tel ul li.ft_color{ color: #999; font-size:14px;}
.ewm img{ display:block; float: left;}
.ewm{ width:85px; height: 85px; margin:10px 20px 0 50px; display:  inline-block;}
.tel_icon{  display:inline-block; margin: 10px;}

.top_icon img{ display: block; float: left; margin: 30px 0 0 5px;}

.dropbtn {font-size: 14px; border: none; cursor: pointer; color: #676767;outline:none; height: 35px; background-color:transparent;}
.dropbtn img{ margin-right: 5px; }  
.flag{ margin-top:7px; }
.language{ display: block; border:1px solid #ccc; width: 70px; height: 23px;  color: #333; margin: 5px 8px 0 3px;  overflow: hidden;  }
.dropdown a{ display: block; float: right; margin-left:10px; text-decoration: underline;}

.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #e7e7e7;width: 100%; z-index: 99999; padding-top: 2px; } 
.dropdown-content a { color: black;padding:5px 0 0 0;text-decoration: none;display: block;font-size: 14px; float: left;} 
.dropdown-content a img{ float: left; margin-right: 5px; margin-left: 6px; }
.dropdown-content a span{ font-size: 14px;color: #676767;  float: left; margin-top: -10px;}  
.dropdown-content a:hover { background-color: #d0cece; width: 100%;}  
.dropdown:hover .dropdown-content { display: block;}   

/*首页body*/

.nav_box { width: 100%; height: 45px; background-color:#2c96f9; }
.menu { width: 1250px; height: auto; margin: 0px auto; margin-top: 0px; }
.menu ul { margin: 0px auto; }
.menu ul li { float: left; width: 125px; color: #fff; text-align: center; line-height: 50px; font-size: 14px; position: relative; overflow: visible; }
.menu ul li a { color: #fff; font-size: 14px; text-align: center; height: 50px; width: 125px; padding-bottom: 0px; display: block; }
.menu ul li a:hover { color: #fff; height: 50px; line-height: 50px; background: #2489e7;}
.menu ul li:hover .dap { display: block; }
.dap { position: absolute; left: 10px; background: none; width: 125px; display: none; margin-left: -10px; z-index: 99; }
.menu ul li .dap ul { margin: 0px auto; }
.menu ul li .dap ul li { width: 125px; color: #fff; text-align: center; line-height: 40px; font-size: 14px; display: block; position: relative; border-top: 1px solid #257ccd; }
.menu ul li .dap ul li a { font-size: 14px; line-height: 40px; height: 40px; margin: 0px auto; color: #fff; text-align: center; background: #2c96f9; }
.menu ul li .dap ul li a:hover {  background: #2489e7; }

.box1-left{ width: 234px; float: left; height: 1000px;}
.a1{float: left;}
.a2{ width: 234px; background: #f3f1f2; margin-top: 3px; float: left; }
.a3{ width: 234px; float: left;}
.a4{height: 37px; line-height: 37px; background: #cecece;  width: 224px; padding-left: 10px; font-size: 18px; float: left;}
.a4 span{ float: right; background: #149ae3; width:3px; height: 37px; }
.a3 ul li{ width: 208px; border-bottom: #d9d9d9 dashed 1px;  line-height: 28px; margin-left: 12px;}
.a3 ul li a{ font-size: 16px; }
.a3 ul li:hover{ background:#e4e4e4;}
.a3 ul li a:hover{ color:#f00; font-size: 13px;}
.a3 ul li:last-child{ border: none; }
.box2-right{ width: 950px; margin-left: 10px; float: left; height: 1120px;}
.a5{ width: 928px;   padding-bottom: 5px; overflow: hidden; margin-left: 5px;}
.a6 dl{ float: left; background: #e0e0e0; padding: 2px; width: 223px; margin: 5px 0 3px 7px;}
.a6 dl dt{ float: left;overflow: hidden; }
.a6 dl dt img{ width:223px; height:223px; transition: all 0.6s;}
.a6 dl dd a{ width: 100%; text-align: center; height: 30px; line-height: 30px; float: left; font-size:15px;  }
.a6 dl dd a:hover{color: #ffffff;}
.a6 dl:hover{background: #1465b1;color: #ffffff;}
.a6 dl:hover a{color: #ffffff;}
.a6 dl dt img:hover{ transform: scale(1.4);}
.index-bj{ width:100%; background:#ececec; float:left; padding: 15px 0;}
.banner-index-1{ width: 100%; float: left; background-image:url(../images/index-1.jpg); height: 187px; background-repeat: no-repeat; background-position:center center; background-size: cover; margin-top: 15px;}
.b1{ float:left; width:100%; text-align:center; margin-top:20px;}
.b1 h4{ width:100%; font-size:36px; line-height: 50px; color: #1465b1;}
.b1 p{ font-size:18px; text-transform: uppercase; line-height: 30px; color:#999;text-align: center;}
.b2{ float: left; width: 472px; margin-top:90px; }
.b2 dl{margin-top: 20px; float: left;}
.b2 dl dd{ font-size: 15px;  margin-top: 10px; color: #1465b1;}
.b2 dl dd p{width:472px; float: left; margin-top:7px;}
.b2 dl dd p span{ display: block;font-size:25px; width: 22px; float: left; line-height: 22px;}
.b2 dl dd p b{ display:block; float: left; font-size: 16px;}
.b3{ float: left;margin-left: 28px; margin-right: 28px; }
.banner-index-2{ width: 100%; float: left; background-image:url(../images/index-9.jpg); height: 180px; background-repeat: no-repeat; background-position:center center; background-size: cover; margin-top: 2px;}
.banner-index-2 a{ width: 100%; height: 180px; float: left; }

.b4{ width: 209px; float: left; height: 20px; line-height: 20px; }
.b4 h5 img{ float: left; margin-right: 5px; }
.b4 h5{ font-size: 18px; color: #1465b1;}
.bcon{ width: 209px; height: 581px; background: #ebebeb; float: left; margin-top: 10px; padding-bottom: 10px; padding-top:10px;}
.list_lh{ height: 581px; overflow:hidden;}
.list_lh li{  width: 191px; margin:12px 0 0 10px; height:70px;}
.list_lh li img{ max-width:96px; height: 70px; float:left; margin- right:10px;}
.list_lh li a{ font-size: 12px; color: #8a8a8a; line-height: 17px;}
.b6{ width: 970px; float: left; }
.b7{ width: 970px; border-bottom: #1465b1 solid 2px;  height: 37px; float: left; margin-left: 20px;}
.b7 h5{ width: 119px; height: 37px; float: left;; line-height: 37px; color: #fff; font-size: 18px; background: #1465b1; text-align: center; border-radius:5px 5px 0 0;}
.b7 a{ float: right; font-size: 16px; color: #878787; margin-top: 10px;}
.b7 a img{ margin-right: 5px; }
.b8{ float: left; width: 982px; margin:10px 0 0 15px; height: 581px; }
.b8 a{ width: 245px; height: 284px; background: url(../images/a1.jpg); float: left; text-align: center; margin-top: 10px; }
.b8 a dl dt{ float: left; margin: 7px 0 0 7px; }
.b8 a dl dt img{ width: 231px; height: 231px; }
.b8 a dl dd{ line-height: 35px;width: 90%;white-space: nowrap;overflow: hidden;text-align: center;text-overflow: ellipsis;margin-left: 10px; }
.b8 a:hover{ background: url(../images/a2.jpg); }
.box-content h4{ margin-top: 10px;float: left;overflow: hidden; display:block;}
.index-01{ width: 100%; float: left; background-image:url(../images/a5.jpg); height: 700px; background-repeat: no-repeat; background-position:center center; background-size: cover; }
.about_img{ width:432px; display: block; float: left;}
.c4{ width: 720px; }
.c2{ width: 720px; float: left;  }
.c3{ font-size: 15px;color: #fff; line-height: 35px; }
.c3 a{ color: #5eb4fd; text-decoration:underline; }
.one{height:180px;width:745px;overflow:hidden;position:relative; margin-top: 15px; float: left;}
.one ul{height:180px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin:1px;height:180px; position:relative;}
.one ul li a{display:inline-block;height:180px;} 
.one ul li img{ margin-top:2px;display:block; width: 104px; height:  152px;}
.c5{ width: 386px; margin: 70px 0 0 10px; }
.c6 ul li{ float: left; background: url(../images/b3.jpg); width: 190px; height: 59px; text-align: center; border: none; font-size: 16px; line-height: 45px; margin-left: 10px;}
.c6 ul .cur{ background: url(../images/b2.jpg); color: #fff; }
.c7{ width: 640px; }
#div1 div{display: none;}
#tab{position:relative;}
#tab .tabList ul li{ float:left; position:relative; cursor:pointer;}
#tab .tabCon{ position:absolute;top:37px; }
#tab .tabCon div{ padding:10px; display: none;}
#tab .tabList li.cur{ border-bottom:none; }
#tab .tabCon div.cur{display: block}
.c6 div dl{ float: left; width: 290px; margin: 20px 0 0 10px; }
.c6 div dl dt{ width: 57px; height: 52px; border: #b3b3b3 solid 1px; color: #b3b3b3; float: left; }
.c6 div dl dt h4{ width: 100%; text-align: center; font-size: 20px; margin-top: 5px;}
.c6 div dl dt h5{ width: 100%; text-align: center; font-size: 12px; margin-top: 5px;}
.c6 div dl dd a{ width: 220px; float: left; margin: 5px 0 0 10px; }
.box-index-3{ width: 100%; background: #ececec; height: 355px; margin-top: 30px; }
.c8 ul{ float: left; width: 500px; margin-top: 40px;}
.c8 ul li{ width: 500px; height: 45px; line-height: 45px; border-bottom: #e4e4e4 solid 1px; font-size: 16px;}
.c8 ul li img{ display:block; width:25px; height: 24px; float:left; margin:11px;}
.c8 ul li a:hover{ color:#ff00000;}
.c8 span{ color:#ff0000; font-weight: bold; }
.c8 ol{ width: 620px; float: right; margin-top: 40px;}
.c8 ol li{ margin-top: 8px; font-size:16px; float: left; width: 620px;}
.c8 h2{ color: #1f6cb4; }
.c8 ol li .d1{ float: left; border: none; margin-top: 8px; width: 229px; height: 35px; line-height:35px; background: #fff; border: #1465b1 solid 1px; padding-left: 20px; font-size: 16px; color: #cbcbcb;}
.c8 ol li .d2{ float: left; width: 128px; height: 44px; margin-left: 15px; border: none; margin-top:3px;background: #d00e0f;color: #fdfffe;font-size: 18px;border-radius: 60px;	font-family:微软雅黑;letter-spacing: 2px;font-weight: 100;}
.foot-1{background: url(../images/bg_foot.jpg) center no-repeat; width: 100%; height: 277px;}
.hotPic{margin:0 0 0 40px;}
.hotPic .JQ-slide{position:relative;width:1050px;height:47px;margin:10px 0 0 0;padding:5px 35px;}
.hotPic .JQ-slide .wrap{width:1050px;height:47px;overflow:hidden;position:relative;}
.hotPic .JQ-slide-content{position:absolute;}/*必须要的元素*/
.hotPic .imgList li{width:94px;margin:0 2px;}
.hotPic .imgList img{width:94px;height:47px;}
.hotPic .JQ-slide-nav a{display:block;z-index:99;width:48px;height:48px;overflow:hidden;text-indent:-999em;text-decoration:none;position:absolute;top:5px;background:url(../images/arrow_pic.png) no-repeat;}
.hotPic .JQ-slide-nav a.prev{left:-20px;background-position:0 0;}
.hotPic .JQ-slide-nav a.prev:hover{background-position:-100px 0;}
.hotPic .JQ-slide-nav a.next{right:-10px;background-position:-50px 0;}
.hotPic .JQ-slide-nav a.next:hover{background-position:-150px 0;}
/* imgList */
.imgList{float:none;overflow:hidden;zoom:1}
.imgList li{float:left;display:inline;overflow:hidden;}
.imgList li a{display:block;}

.hotPica{margin:0 0 0 40px;}
.hotPica .JQ-slidea{position:relative;width:1050px;height:47px;margin:0 0 0 0;padding:5px 35px;}
.hotPica .JQ-slidea .wrap{width:1050px;height:47px;overflow:hidden;position:relative;}
.hotPica .JQ-slide-content{position:absolute;}/*必须要的元素*/
.hotPica .imgList li{width:94px;margin:0 2px;}
.hotPica .imgList img{width:94px;height:47px;}
.hotPica .JQ-slide-nav a{display:block;z-index:99;width:48px;height:48px;overflow:hidden;text-indent:-999em;text-decoration:none;position:absolute;top:5px;background:url(../images/arrow_pic.png) no-repeat;}
.hotPica .JQ-slide-nav a.prev{left:-20px;background-position:0 0;}
.hotPica .JQ-slide-nav a.prev:hover{background-position:-100px 0;}
.hotPica .JQ-slide-nav a.next{right:-10px;background-position:-50px 0;}
.hotPica .JQ-slide-nav a.next:hover{background-position:-150px 0;}
.d4{ margin: 5px 0 0 80px; color: #fff; }
.d4 span{ font-size: 18px; font-weight: bold; float: left; }
.d4 a{ float: left; margin-left: 10px; color: #fff;  font-size: 16px; }

.foot-2{background:#747474; width: 100%; height: 273px; margin-top: 25px;}
.d5{ width: 600px; margin-top: 55px; height: 200px;}
.d5 h5{ color: #fff; font-weight: bold; font-size: 18px; float: left; }
.d5 ul{ float: left; width: 600px; }
.d5 ul li a{ float: left; color: #fff; width:135px; margin-top:12px;}
.d6{ width: 320px; margin-top: 40px; color:#fff; float: right; margin-right:80px; }
.d6 .d9{ color: #fff; font-weight: bold; font-size: 18px; float: left; margin-bottom: 10px;}
.d7{ width: 320px; }
.d7 ul{ width: 194px; float: left; }
.d7 ul li{width: 194px; margin-top:10px; font-size: 12px;}
.d7 ul li img{float: left; margin-right: 5px; margin-top: 2px;}
.d7 h5{ float:right; margin-top: 20px; }
.e1{ width: 320px; margin-top:10px;}
.e1 h6{ color: #fff; font-weight: bold; font-size: 18px; float: left;}
.e1 ul li{ width: 320px; float: left; margin-top: 5px;  color:#fff;}
.foot-3{ width: 100%; background:#868686; height: 65px; line-height: 65px;  text-align: center; }
.foot-3 a{ color:#fff;}
.foot-logo{ width: 100%; text-align: center; z-index: 999; position:absolute; margin-top: 5710px; }
.foot-logo-1{ width: 100%; text-align: center; z-index: 999999; margin-top:-400px; }

.fl{float: left;}
.fr{float:right;}
/*产品图轮播*/
.kuang { margin-left: -60px; }
/*产品图轮播*/
/*首页body*/
/*轮播图*/
.hign{height:440px; border: 0;}
.hign1{height:250px;}
.flexslider { margin: 0px auto 20px; position: relative; width: 100%;  overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; margin: 0; padding: 0; }
.flex-direction-nav a { width: 28px; height: 195px; line-height: 99em; overflow: hidden; margin: 0 10px; display: block; background: url(../images/ad_ctr.png)no-repeat; position: absolute; top: 25%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease;  }
.flex-direction-nav .flex-next { background-position: 0 -195px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: url(../images/dot.png)no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { background-position: 0 0; }
.flexslider .slides a img { width: 100%; height: 440px; display: block; }
 /*轮播图*/
 .part3 {
    margin: 10px 0;
  }
  .part3 .title2 {
    border-bottom: 1px solid #dbdbdb;
  }
  .part3 .part3m {
    position: relative;
    margin-top: 10px;
  }
  .part3 .picScroll-left {
    overflow: hidden;
    margin: 10px 40px;
  }
  .part3 .picScroll-left .hd .prev {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 28px;
    height: 195px;
    overflow: hidden;
    cursor: pointer;
    background: url("/templets/demo/images/ad_ctr.png") no-repeat;
  }
  .part3 .picScroll-left .hd .next {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 28px;
    height: 195px;
    overflow: hidden;
    cursor: pointer;
    background: url("/templets/demo/images/ad_ctr.png") no-repeat 0 -195px;
  }
  .part3 .picScroll-left .hd .prev:hover {
    background-image: url(../images/ad_ctr.png);
  }
  .part3 .picScroll-left .hd .prevStop {
    display: none;
  }
  .part3 .picScroll-left .hd .nextStop {
    display: none;
  }
  .part3 .picScroll-left .prev:hover,
  .part3 .picScroll-left .next:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
  }
  .part3 .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
    width: 100%;
  }
  .part3 .picScroll-left .bd ul li {
    position: relative;
    width: 282px;
    float: left;
    margin: 0 5px;
    overflow: hidden;
    text-align: center;
  }
  .part3 .picScroll-left .bd ul li img {
    width: 282px; height: 195px; 
  }
  .part3 .picScroll-left .bd ul li .title {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 30px; 
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
  
    transition: all .5s;
  }
  .part3 .picScroll-left .bd ul li .title h4 {
    height: 30px;
    line-height: 30px;
    transition: all .5s;
    margin-bottom: 5px;
	text-align: center;
	display: block;
	width: 100%;
	  color: #333;
	 
  }
  .part3 .picScroll-left .bd ul li .title p {
    height: 66px;
    line-height: 22px;
    overflow: hidden;
    text-align: left;
  }
  .part3 .picScroll-left .bd ul li:hover .title {
    height: 100%;
  }
  .part3 .picScroll-left .bd ul li:hover .title h4 {
    padding-top: 20px;
    font-size: 16px;
  }

  .pages {
    font-size: 0;
    margin: 50px auto 0;
    text-align: center;
    height: 40px;
    width: 1100px;
  }
  .pages a,
  .pages strong,
  .pages em {
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none;
    color: #333;
    display: inline-block;
    font: normal 14px/40px "Microsoft YaHei", "iconfont", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", Arial;
    text-align: center;
    vertical-align: top;
    height: 40px;
    width: 40px;
  }
  .pages a:hover,
  .pages strong:hover,
  .pages em:hover {
    background-color: #dedede;
  }
  .pages a.disabled,
  .pages strong.disabled,
  .pages em.disabled {
    color: #aaa;
  }
  .pages a.disabled:hover,
  .pages strong.disabled:hover,
  .pages em.disabled:hover {
    background-color: #fff;
    cursor: not-allowed;
  }
  .pages strong {
    background-color: #f39c12;
    color: #fff;
    cursor: default;
  }
  .pages strong:hover {
    background-color: #f39c12;
  }
  .pages span {
    border-right: 1px solid #ccc;
    display: inline-block;
    color: #777;
    font: 12px/42px "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", Arial;
    padding-right: 10px;
    vertical-align: top;
  }

.a1{float: left; width:100%; background:#1465b1;  color:#fff;}
.a1 h4{ display:block; width:100%; text-align:center; font-size:30px;}
.a1 span{ display:block; text-align:center; line-height:30px; text-transform:uppercase; font-size:13px;}


.a5 h4{ font-size:25px; float:left; font-weight:bold; color:#1465b1; line-height:25px;}
.a5 span{ font-size:18px; color:#999; margin-left:10px; line-height:50px; text-transform:uppercase; }
.map_cont{ width:697px; height: 550px; float:left; margin-top:20px; }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*关于迪恩*/
.honor h4{ background: #ececec; width:800px; line-height: 40px; font-size:16px; color: #1465b1; padding-left:20px;}
.honor ul{ width:29%; float: left;  max-width:290px; margin: 20px 5px 0 5px;}
.honor ul li{ line-height: 35px; font-size:14px; text-align: center;}
.honor ul li img{ display:block; width:220p;  margin: 0 auto;}