﻿/*html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} */

* { font-family:"微软雅黑";margin: 0; padding: 0;}
body { font-family:"微软雅黑"}
ul,li{ list-style:none}
p{ margin:0; padding:0}
a{ text-decoration:none; cursor:pointer}



.main{ width:1440px; margin:0 auto}
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 130px; height: 21px; margin: 10px 0 0; vertical-align: middle; }
#fullPage-nav li a { float: right; width: 13px; height: 13px; color: #fff;  text-align: right; background: url(../images/bt.png) 0px -37px no-repeat;}
#fullPage-nav li .active { background-position: 0 0;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: -4px; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #003851; line-height: 21px;}
.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}

/*员工之家选项卡*/
.blsit-list_1 .con_1:first-child{ display: block;}
.blsit-list_1 .con_1{ display: none;}
.blist_1 li.active{ background:#e52f22; color:#fff}.blist_1{ padding-bottom:30px; display:block; text-align:center;}
.blist_1 li{ background:#f1f1f1; height:40px; line-height:40px; cursor:pointer; margin:0 2px 5px 2px;  padding-left:22px; padding-right:20px; border-radius:3px; display:inline-block; color:#333; font-size:16px;}
.blist_1 li i{ padding:10px 20px 10px 10px; background:url(../images/s1.png) left center no-repeat}
.blist_1 li.active i{ background:url(../images/s2.png) left center no-repeat}
.blist_1 li i.i1,.blist_1 li.active i.i1{ background-position: 0 11px }
.blist_1 li i.i2,.blist_1 li.active i.i2{ background-position: -129px 11px }
.blist_1 li i.i3,.blist_1 li.active i.i3{ background-position: -293px 11px }
.blist_1 li i.i4,.blist_1 li.active i.i4{ background-position: -425px 11px }
.blist_1 li i.i5,.blist_1 li.active i.i5{ background-position: -542px 11px }
.blist_1 li i.i6,.blist_1 li.active i.i6{ background-position: 0 -39px }
.blist_1 li i.i7,.blist_1 li.active i.i7{ background-position: -129px -39px }
.blist_1 li i.i8,.blist_1 li.active i.i8{ background-position: -264px -39px }
.blist_1 li i.i9,.blist_1 li.active i.i9{ background-position: -397px -39px }
.blsit-list_1 .con_1{ position:relative; margin:0 auto; max-width:900px;}.bumen_1 div{ padding:10% 32px 0 32px}
.bumen_1 h1,.bumen_1 .h1{ color:#fff; font-weight:normal}
.bumen_1 p{/* background:url(../images/bolang.png) 0 0 no-repeat;*/ line-height:24px; /*padding-top:10px; */margin-top:10px; color:#fff}
.bumen_1{ position:absolute; right:0; top:0; height:100%; width:33.33%; overflow:hidden}

/*查价*/
/*20180109增*/
.blist1 {margin-top:25px;display:block;height:48px;width:100%}
.blist1 li {float:left;position:relative;cursor:pointer;width:140px;height:40px;margin-right:5px;line-height:40px;background:#f2f2f2;border-radius:5px 5px 0 0;font-size:16px;color:#333;text-align:center}
.blsit-list1 .con:first-child {display: block;}
.blsit-list1 .con {padding-top:15px;}
.blsit-list1 .con {display: none;}

.w433{ margin:0 auto; padding:25px 0 25px 0; width:433px;}
.wrap .blist li.active{ color:#e52f22}
.wrap .blist li i{background:url(../images/i20.jpg) 0 0 no-repeat;display:block;position:absolute; width:140px; height:8px; left:0; bottom:-8px }
.wrap .blist li.active i{  background:url(../images/i19.jpg) 0 0 no-repeat; }
.blist{ margin-top:25px; display:block; height:48px; width:100%}
.blist li{ float:left; position:relative; cursor:pointer; width:140px; height:40px; margin-right:5px; line-height:40px; background:#f2f2f2; border-radius:5px 5px 0 0; font-size:16px; color:#333; text-align:center}
.blsit-list .con:first-child{ display: block;}
.blsit-list .con{ padding-top:15px;}
.blsit-list .con{ display: none;}.con .cjul li p{ color:#333; font-size:14px; padding-bottom:8px;}
.con .cjul li p.lixxppf{ text-align:center; border:1px solid #d32013; border-radius:3px; margin-top:28px; cursor:pointer; padding:12px 0}
.con .cjul .li{ float:left; margin-bottom:15px; width:194px; overflow:hidden;/* height:72px; */}
.con .cjul .li .text{ height:44px; line-height:44px; width:147px; font-size:14px; padding:0 35px 0 10px; border:1px solid #e5e5e5;}
.con .cjul .li.teshu{ width:44px; padding-top:42px; height:30px;  }
.con .cjul .li.c1{background:url(../images/i25.png) center 41px no-repeat}
.con .cjul .li.c2{background:url(../images/i15.png) center 43px no-repeat}
.con .cjul .li.c3{background:url(../images/i14.png) center 43px no-repeat}
.con .cjul .li.c4{background:url(../images/i3.png) center 45px no-repeat}
.con .cjul .li .qyd{background:url(../images/i2.png)  168px center no-repeat}
.con .cjul .li .emial{background:url(../images/i4.png)  168px center no-repeat}
.con .cjul .li .qytime{background:url(../images/i5.png)  168px center no-repeat}
.con .cjul .li .chenghu{background:url(../images/i.png)  168px center no-repeat}
.con .cjul .li .lianxifangs{background:url(../images/i111.png)  168px center no-repeat}
.con .cjul .li .kg{background:url(../images/i13.png)  168px center no-repeat}
.con .cjul .li .guojia{ font-size:14px; border:1px solid #e5e5e5; width:194px; padding:10px 0 10px 10px}
.con .cjul .li p span{ color:#e52f22; padding-right:3px;}
.con  .qydbtn{ margin-top:10px;font-size:18px;color:#FFFFFF;font-family:微软雅黑; cursor:pointer; color:#fff; border:0px solid rgba(0,0,0,0.3); padding:8px 0; width:433px; border-bottom:2px solid #d32013;border-radius:5px 5px 5px 5px; background:url(../images/i6.png) 153px center no-repeat #e52f22; text-align:left; text-indent:185px;}
.kuaijie_a{ height:80px; margin-top:20px; overflow:hidden}
.kuaijie_a a.a4{ margin-right:0; background:url(../images/i11.png) center 10px no-repeat #f9f9fa}
.kuaijie_a a.a4:hover{background:url(../images/i10.png) center 10px no-repeat #ff9901}
.kuaijie_a a{ height:78px; float:left; display:block; color:#333; border:1px solid #e5e5e5; line-height:117px; width:102px; text-align:center; font-size:14px; margin-right:5px;}
.kuaijie_a a:hover{ border-color:#ff9901; color:#fff}
.kuaijie_a a.a1{ background:url(../images/i21.png) 36px 10px no-repeat #f9f9fa}
.kuaijie_a a.a1:hover{background:url(../images/i22.png) 36px 10px no-repeat #ff9901}
.kuaijie_a a.a2{  background:url(../images/i21.png) center 10px no-repeat #f9f9fa}
.kuaijie_a a.a2:hover{background:url(../images/i22.png) center 10px no-repeat #ff9901}
.kuaijie_a a.a3{ background:url(../images/i21.png) -186px 10px no-repeat #f9f9fa}
.kuaijie_a a.a3:hover{background:url(../images/i22.png) -186px 10px no-repeat #ff9901}
.kuaijie_a a.a5{ background:url(../images/i8.png) 36px 10px no-repeat #f9f9fa}
.kuaijie_a a.a5:hover{background:url(../images/i9.png) 36px 10px no-repeat #ff9901}
.kuaijie_a a.a6{  background:url(../images/i8.png) center 10px no-repeat #f9f9fa}
.kuaijie_a a.a6:hover{background:url(../images/i9.png) center 10px no-repeat #ff9901}
.kuaijie_a a.a7{ background:url(../images/i8.png) -186px 10px no-repeat #f9f9fa}
.kuaijie_a a.a7:hover{background:url(../images/i9.png) -186px 10px no-repeat #ff9901}
.kuaijie_a a.a8{ background:url(../images/i16.png) 36px 10px no-repeat #f9f9fa}
.kuaijie_a a.a8:hover{background:url(../images/i17.png) 36px 10px no-repeat #ff9901}
.kuaijie_a a.a9{  background:url(../images/i16.png) center 10px no-repeat #f9f9fa}
.kuaijie_a a.a9:hover{background:url(../images/i17.png) center 10px no-repeat #ff9901}
.kuaijie_a a.a10{ background:url(../images/i16.png) -186px 10px no-repeat #f9f9fa}
.kuaijie_a a.a10:hover{background:url(../images/i17.png) -186px 10px no-repeat #ff9901}
.gggbbb{width:28px; height:30px;line-height:30px; text-align:center;background:#E1000E; font-size:14px; font-weight:bold; cursor:pointer; color:#FFFFFF}
#tchybj1,#kktchybj1,#bgnbjbox1,#aadbgnbjbox{ position:absolute; background:#fff;display:none; left:24px; top:231px; z-index:2}
#tchybj2,#kktchybj2 { position: absolute;display: none; left: 11px;top:221px;z-index: 2px;width: 460px;}
#box,#box2{ top:163px; position:absolute; background:#fff; z-index:2}#box2{ top:154px; left:67px;}
#bgnbjbox1,#aadbgnbjbox{ top:162px}
.dierbu ul li .dowebok li{ float:left; padding:0; border:0}
.dierbu ul li .dowebok{ display:block; height:37px; padding-top:10px;}
.dierbu h1,.dierbu .h1{ text-align:center; color:#e52f22; margin-top:10px; font-size:16px; text-align:center;background:url(../images/i20.png) 0 10px repeat-x }
.dierbu h1 span,.dierbu .h1 span{ padding:0 10px; background:#fff}
.dierbu ul li{ border-bottom:1px dashed #e5e5e5; position:relative; padding:15px 0 15px 86px}
.dierbu ul li.bbo{ border:0}
.dierbu ul li .qcbqc p{ text-align:center; background:#fff7eb; margin:5px auto auto auto; height:58px; width:58px; text-align:center; line-height:58px; border-radius:50%; font-size:16px; color:#ff6600;}
.dierbu ul li .qcbqc{ position:absolute; border-radius:50%; background:#ffe0b2; width:68px; height:68px; left:0; top:50%; margin-top:-34px;}
.dierbu ul li p{ line-height:24px; font-size:14px;}.dierbu ul li p span{ color:#e52f22; padding-right:3px;}
.dierbu ul li .ljpg { padding-top:10px;}
.dierbu ul li .ljpg  a.ckwofl{ color:#e52f22; background:url(../images/i18.png) 10px center no-repeat #f8f8f8; font-size:14px;}
.dierbu ul li .ljpg  a{ color:#ff6600; font-size:16px; border:1px solid #e5e5e5; background:url(../images/i19.png) 10px center no-repeat #f8f8f8; padding:5px 10px 5px 35px; border-radius:3px;}
.dierbu ul li .ljpg .test1{ font-size:14px; color:#e52f22; border:1px solid #e5e5e5; background:url(../images/i23.png) 10px center no-repeat #f8f8f8; padding:7px 10px 7px 35px; border-radius:3px; cursor:pointer}
.dierbu ul li  .text{height:44px; margin-top:7px; line-height:44px; width:147px; font-size:14px; padding:0 35px 0 10px; border:1px solid #e5e5e5;}
.xxkt{ position:absolute; cursor:pointer; right:-4px; top:21px}#aadbgnbjbox{ left:173px;}

/*头部*/
.header{ position:fixed; width:100%; height:34px; left:0; z-index:99999;top:0; background:#003851}
.nav{ position:fixed; width:100%; height:102px; left:0;z-index:99998; top:34px;background-color: rgba(255,255,255,.85);box-shadow:3px 3px 8px #999;}
.header_l{ float:left;width: 400px;height:34px; line-height:34px; color:#cccccc; font-size:13px;}
.header_l a{ text-decoration:none; color:#cccccc; padding:0 10px;}.header_l span{ padding-right:10px;}
.header_r{ float:right; width:700px;}

.header_r ul li{ position:relative; float:right; height:34px; line-height:34px; border-right:1px solid #1a4c63}
.header_r ul li i{ position:absolute; background:url(../images/xsj.png) right center no-repeat; width:9px; height:34px; display:block; right:8px; top:0}
.header_r ul li .topa{ font-size:13px; color:#ccc; text-decoration:none}
.header_r ul #help{ background:url(../images/heip.png) 10px center no-repeat; padding-left:35px; padding-right:25px; margin-right:15px;}
.header_r ul #help:hover{ background:url(../images/heip.png) 10px center no-repeat #4e859e}
.header_r ul #help:hover .dnone{ padding-bottom:10px;display:block; width:260px;}
.header_r ul #help:hover .dnone span{font-size:18px; color:#FF6600; font-weight:bold}
.header_r ul #help .topnew.dnone a{ text-indent:10px; overflow:hidden; font-size:12px; padding-left:0; background:none; width:260px;}

.header_r ul li.list{float: none;overflow: hidden;border: 0;}

.header_r ul #help .topnew.dnone a.lista{width: auto;padding: 0;}
.header_r ul #help .topnew.dnone a.lista1{width: 70px;float: left;overflow: hidden;}
.header_r ul #help .topnew.dnone a.lista2{margin-left: 70px;text-indent: 0;}

.header_r ul #site{ background:url(../images/topnav.png) 10px center no-repeat; padding-left:35px; padding-right:25px; }
.header_r ul #weixin{ background:url(../images/wx1.png) 10px center no-repeat ; padding-left:35px; padding-right:20px; margin-right:1px;}
.header_r ul #weixin:hover{ background:url(../images/wx.png) 10px center no-repeat #4e859e;}
.header_r ul #weixin:hover div{ display:block}
.header_r ul #weixin div img{ padding-bottom:5px;}
.header_r ul #weixin div{ position:absolute; background:#fff; text-align:center; font-size:16px; padding:10px 10px 5px 10px; top:34px; display:none; left:-35px; z-index:999999}
.header_r ul #weixin a,.header_r ul #qqonline a{ color:#ccc}
.header_r ul #qqonline{ background:url(../images/qq.png) 10px center no-repeat #e52f22; color:#fff; padding-left:35px; padding-right:15px; margin-right:1px;}
.header_r ul #qqonline a{ color:#fff}
.header_r ul #weibo{ background:url(../images/wb.png) 10px center no-repeat; padding-left:35px; padding-right:10px;}
.header_r ul #lan .topa{ background:url(../images/lanico1.png) 0 0 no-repeat; padding-left:30px; padding-right:40px;}
.header_r ul #lan:hover .topnew{ display:block;  width:112px; left:-15px; }
.header_r ul #lan .topnew a{ text-indent:45px; width:112px; overflow:hidden; padding:0; margin:0}
.header_r ul #lan .topnew a.ena{ background:url(../images/lanico1.png) 14px -125px no-repeat}
.header_r ul #lan .topnew a.ftia{ background:url(../images/lanico1.png) 14px -38px no-repeat}
.header_r ul #lan .topnew a.mobila{ background:url(../images/lanico1.png) 14px -79px no-repeat}

.nav .logo{ float:left; display:block; background:url(../images/logo.png) left center no-repeat; width:89px; height:102px;}
.nav .topdh{ float:right; height:79px; padding-top:25px; background:url(../images/dh.png) left center no-repeat; line-height:15px; padding-left:68px; color:#333; font-size:13px;}
.nav .topdh em{ font-size:11px; font-style:normal}
.nav .shoye{ float:left; display:block; background:url(../images/xl.png) center 73px no-repeat; margin-left:55px; width:105px; text-align:center; height:102px; line-height:102px; font-size:16px; color:#e52f22}
.cls{clear:both;}
a:focus{outline:none;}
/*.dyh01 div{ background:url(../images/2_13.png) center center no-repeat}
.dyh01.whhl div{ background:url(../images/3_2.png) center center no-repeat}
.active .dyh01 div img{animation: shake 3s 1;}*/
.menu{ display:block; float:left; height:102px;}
.menu ul{list-style:none;padding:0;margin:0;}
.menu ul li{float:left;overflow:hidden;position:relative;line-height:102px;text-align:center;}
.menu ul li a{position:relative;display:block;width:111px;height:102px;font-size:16px;text-decoration:none;cursor:pointer;line-height:102px;}
.menu ul li a span{position:absolute;left:0; padding:0 0;width: 100%;}
.menu ul li a span.out{top:0px;}
.menu ul li a span.over,  .menu ul li a span.bg{top:-102px;}
#menu2 ul li a{color:#333;}
#menu2 ul li a span.over{color:#e52f22;height:102px;padding:0 0;width: 100%;background:#f8f8f8;}
.nav .topdh span{ font-style:normal; display:block; color:#e52f22; padding-top:5px; font-weight:bold; font-size:24px;animation: shake 3s infinite;/*animation-fill-mode:forwards ;*/}
.header_r ul #site:hover .topnew{ display:block}
.header_r ul #site:hover{background:url(../images/topnav1.png) 10px center no-repeat #4e859e; }
.topnew{ position:absolute; left:0px; top:34px; display:none; background:#f8f8f8}
.topnew a{ display:block; width:140px; padding:0 10px; font-size:14px; height:35px;color:#333 ; line-height:35px;text-indent:35px; display:block; background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) no-repeat}
.topnew a:hover{ background:#ececec; color:#FF6600}
.topnew .a1{ background-position: 8px 6px}
.topnew .a1:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px 6px #ececec no-repeat}
.topnew .a2{ background-position: 8px -32px}
.topnew .a2:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -32px #ececec no-repeat}
.topnew .a3{ background-position: 8px -66px}
.topnew .a3:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -66px #ececec no-repeat}
.topnew .a4{ background-position: 8px -105px}
.topnew .a4:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -105px #ececec no-repeat}
.topnew .a5{ background-position: 8px -140px}
.topnew .a5:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -140px #ececec no-repeat}
.topnew .a6{ background-position: 8px -172px}
.topnew .a6:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -172px #ececec no-repeat}
.topnew .a7{ background-position: 8px -208px}
.topnew .a7:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -208px #ececec no-repeat}
.topnew .a8{ background-position: 8px -245px}
.topnew .a8:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/top.png) -273px -245px #ececec no-repeat}


/*首页第一屏 */
/*第一种baner切换效果*/
.fullSlide{ width:100%;  position:relative;  height:100%;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ position:relative; width:100% !important;  overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; width:100%;height:100%; position:absolute; z-index:9 }
.fullSlide .bd li .lansebj{ position:absolute; display:block; width:100%; z-index:8; height:100%;background:url(../images/120.png)}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; padding-top:80px; line-height:30px; }
.fullSlide .hd a{ overflow:hidden; position:absolute; width:66px; height:66px; display:block; left:50%; top:0; cursor:pointer; margin-left:-33px; margin-top:-0; z-index:1; background:url(../images/jt.gif) top center no-repeat}
.fullSlide .hd a span{animation: nextPage 2s linear infinite; display:none; margin:0 auto; position:relative; top:1px; width:25px; height:17px;background:url(../images/i113.png) top center no-repeat}
.bjyuan1{ position:absolute; left:50%; top:50%; z-index:7;background:url(../images/y41.png) 0 0 no-repeat; background-size:100% 100%;}
.bjyuan2{ position:absolute; left:50%; top:50%; z-index:6;background:url(../images/y42.png) 0 0 no-repeat; background-size:100% 100%;}
.bjyuan3{ position:absolute; left:50%; top:50%; z-index:5;background:url(../images/y43.png) 0 0 no-repeat; background-size:100% 100%;}
.bjyuan4{ position:absolute; left:50%; top:50%; z-index:4;background:url(../images/y44.png) 0 0 no-repeat; background-size:100% 100%;}
.active .bjyuan1,.active .bjyuan3{animation: rotateAhead 30s linear infinite;}
.active .bjyuan2,.active .bjyuan4{animation: rotateAhead1 30s linear infinite;}


.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; border-radius:5px; *display:inline; zoom:1; width:14px; background:#c1d3e5; height:8px; margin:0 5px; overflow:hidden;  line-height:999px; }
.fullSlide .hd ul .on{ background:#fff; width:28px;  }
.fullSlide .prev{  display:block;  position:absolute;  top:50%;  left:100px;  z-index:102; width:70px; height:70px; background:url(../images/l.png) 0 0 no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{  display:block;  position:absolute; top:50%;  right:100px;  z-index:102; width:70px; height:70px; background:url(../images/r.png) 0 0 no-repeat;  cursor:pointer; display:none; }
.fullSlide .textinfo{ margin:0 auto; width:861px; padding-left:539px;  text-align:left; padding-top:429px; line-height:58px; color:#fff;  }
.fullSlide .textinfo .text1{ font-size:48px; font-weight:bold; display:block; animation: fadeInLeft1 2s 1;animation-fill-mode:forwards }
.fullSlide .textinfo .text2{ font-size:24px;  display:block;animation: fadeInRight1 2s 1;animation-fill-mode:forwards ;}
.fullSlide .textinfo .text2.teshu{line-height:40px; padding-bottom:10px; padding-top:5px;}
.fullSlide .textinfo em{background:url(../images/jt.png) -5px bottom no-repeat; padding:30px 35px; display:block}
/*第二种baner切换效果*/
.bigtextinfo{ position:absolute; left:0; top:200px; width:100%; z-index:999}
.bigtextinfo .textinfo{text-align:left; line-height:58px; color:#fff; }
.bigtextinfo .textinfo .text1{ font-size:48px; font-weight:bold; display:block; animation: fadeInLeft1 2s 1;animation-delay:10s;animation-fill-mode:forwards ; }
.bigtextinfo .textinfo .text2{ font-size:24px;  display:block;animation:fadeInRight1 2s 1;animation-delay:10s;animation-fill-mode:forwards ;}
.bigtextinfo .textinfo .text2.teshu{line-height:40px; padding-bottom:10px; padding-top:5px;}
.bigtextinfo .textinfo em{background:url(../images/jt.png) -5px bottom no-repeat; padding:18px 35px}

.ban_chajia{ position:absolute; width:100%; z-index:999; left:0; top:0}
.ban_chajia .main{ position:relative}
.notice { width:480px; position:absolute; left: 0; top:235px;}
.notice .tab-hd{ height:48px;}
.notice .tab-hd ul li{ width:130px; position:relative; line-height:48px; border-radius:5px 5px 0 0 ; color:#fff; font-size:18px; float:left; display:inline-block; margin-right:3px; text-indent:39px; cursor:pointer}
.notice .tab-hd ul li.on{color:#e52f22}
.notice .tab-hd ul li.on span{ position:absolute; display:block; width:100%; background:#e5e5e5;border-radius:5px 5px 0 0 ; height:4px; left:0; top:0}
.notice .tab-hd ul li#gjbj{ background:url(../images/tab.png) 15px center no-repeat #e52f22}
.notice .tab-hd ul li#gjbj.on{background:url(../images/tab1.png) 15px center no-repeat #fff}
.notice .tab-hd ul li#gjkd{ background:url(../images/tab.png) -120px center no-repeat #e52f22;text-indent: 31px;}
.notice .tab-hd ul li#gjkd.on{background:url(../images/tab1.png) -120px center no-repeat #fff}
.notice .tab-hd ul li#gnbj{ background:url(../images/tab.png) -250px center no-repeat #e52f22}
.notice .tab-hd ul li#gnbj.on{background:url(../images/tab1.png) -250px center no-repeat #fff}
.notice .tab-bd .tab-pal{ background:#fff; /*height:550px;*/ border-radius:0 8px 8px 8px} 

/*产品线*/
.t21{ margin-right:149px;  transition: all 1.5s; opacity: 0; padding:10px 0}
.active .t21{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; margin-right:0}
.t22{-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;}
.active .t22{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.t23{ margin-left:149px;  transition: all 1.5s; opacity: 0;padding:10px 0}
.active .t23{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; margin-left:0}
.dyh01{ text-align:center; padding-top:180px; position:relative; z-index:999}
.mr20{margin-right:20px}
.active1 .crad-area-icon1{background:url(../images/2_2.png) no-repeat;}
.active1 .crad-area-icon2{background:url(../images/2_9.png) no-repeat;}
.active1 .crad-area-icon3{background:url(../images/2_10.png) no-repeat;}
.active1 .crad-area-icon4{background:url(../images/2_11.png) no-repeat;}
.crad-area-icon1{background:url(../images/2_8.png) no-repeat;}
.crad-area-icon2{background:url(../images/2_5.png) no-repeat;}
.crad-area-icon3{background:url(../images/2_6.png) no-repeat;}
.crad-area-icon4{background:url(../images/2_7.png) no-repeat;}
.icon40x40{width:64px;height:64px;display:inline-block}
.card-area{margin:82px auto 0;height:543px;/*width:1440px;*/position:relative; width:1250px;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:506px;background-color:transparent}
.card-area .card-item.active1 .card .card-content{ border-bottom:0}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff; border-left:1px solid #e5e5e5}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:260px;line-height:26px;font-size:14px;top:0;background:#fff;border-left:1px solid #e5e5e5}
.card-area .card-item .card .card-title .content{position:absolute;top:27px;width:100%}
.card-area .card-item .card .card-title h1,.card-area .card-item .card .card-title .h1{font-size:20px;font-weight:bold;color:#333;margin-bottom:15px; padding-top:10px;}
.card-area .card-item.active1 .card .card-title h1,.card-area .card-item.active1 .card .card-title .h1{color:#fff; padding-top:0; margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#adadad;font-size:14px; line-height:24px; padding:0 20px; text-align:center;margin-top:5px;}
.card-area .card-item.active1 .card .card-title .short-info{color:#fff;}
.card-area .card-item .card .card-title .zq-product-img{width:64px;height:64px;margin:60px auto 10px auto;position:relative}
.card-area .card-item.active1 .card .card-title .zq-product-img{margin:0 auto 15px auto;}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1,.card-area .card-item .card .card-title .h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:360px;position:absolute;top:145px; border-bottom:1px solid #e5e5e5}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;/*margin-top:47px;margin-bottom:47px*/ padding-top:181px;}
.card-area .card-item .card .card-content.content-first .content-first-list li{ width:190px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#333; margin:0 auto 5px auto; background:#f8f8f8}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#333;font-size:24px;line-height:28px;margin-top:20px; font-weight:normal}
.card-area .card-item .card .card-content.content-second p{}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933; font-size:16px;}
.card-area .card-item .card .card-content.content-second .main-tip span{ font-size:18px; font-weight:bold; padding:0 8px 0 5px; color:#e52f22; font-style:italic}
.card-area .card-item .card .card-content.content-second .main-desc{ width:103%;color:#8c8c8c;font-size:14px;line-height:24px; padding-top:10px;}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:147px;height:40px;font-size:16px!important;color:#fff;margin-top:22px;border-radius:19px; background:url(../images/2_3.png) 25px center no-repeat #e52f22;border:none;transition:color .3s ease-in-out,background .3s ease-in-out; text-indent:25px; font-family:"微软雅黑"}
.card-area .card-item .card .card-content.content-second .main-btn.bb1{background:url(../images/2_4.png) 25px center no-repeat #ff9900;}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:103%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px; display:block; margin-top:20px;border-top:1px solid #e5e5e5}
.card-area .card-item .card .card-content .other-info .other-info-list{ margin-right:10px; width:178px; height:79px; background:#f8f8f8}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{ background:#f1f1f1}
.card-area .card-item .card .card-content .other-info .other-info-list a{ display:block;width:144px; height:66px; padding:13px 0 0 42px; color:#999; font-size:14px;}
.card-area .card-item .card .card-content .other-info .other-info-list a span{ color:#333; font-size:14px;}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico1{ background:url(../images/1.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico2{ background:url(../images/1_2.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico3{ background:url(../images/1_3.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico4{ background:url(../images/1_5.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico5{ background:url(../images/1_6.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico6{ background:url(../images/1_7.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico7{ background:url(../images/1_8.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico8{ background:url(../images/1_9.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item .card .card-content .other-info .other-info-list a.ico9{ background:url(../images/1_10.png) 6px 20px no-repeat; background-size:30px 30px}
.card-area .card-item.active1{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:48%;height:521px; /*border:1px solid #e52f22;*/border-top:none;}
.card-area .card-item.active1 .card .card-title{height:180px;top:-15px; }
.card-area .card-item.active1 .card .card-title.id1{background:url(../images/2_1.jpg) center center no-repeat; background-size:100% 100%}
.card-area .card-item.active1 .card .card-title.id2{background:url(../images/2_2.jpg) center center no-repeat; background-size:100% 100%}
.card-area .card-item.active1 .card .card-title.id3{background:url(../images/2_3.jpg) center center no-repeat; background-size:100% 100%}
.card-area .card-item.active1 .card .card-title.id4{background:url(../images/2_4.jpg) center center no-repeat; background-size:100% 100%}
.card-area .card-item.active1 .card .card-title .short-info{color:#fff}
.card-area .card-item.active1 .card .card-title h1,.card-area .card-item.active1 .card .card-title .h1{color:#fff}
.card-area .card-item.active1 .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active1 .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

/*6大理由*/
.fuwu_peo span{ color:#e52f22; font-weight:bold}
.active  .fuwu_peo{ text-align:center;/* padding-top:20px;*/ font-size:18px; position:relative; z-index:999;animation: bounceInDown 3s 1;}
.yuanyuan1{ background:url(../images/ys1.png) 0 0 no-repeat; width:397px; height:397px; position:absolute; left:50%; margin-left:-198px; top:353px;}
.yuanyuan2{ background:#e7e5e4; width:347px; height:347px; border-radius:50%; margin-left:-173px; left:50%; position:absolute; z-index:1; top:379px;}
.yuanyuan3{ background:url(../images/ys2.png) 0 0 no-repeat; width:319px; height:321px; position:absolute; z-index:2; margin-left:-159px; top:392px; left:50%;}
.yuanyuan4{ background:url(../images/ys.png) no-repeat; width:294px; height:294px; position:absolute; z-index:3; left:50%; margin-left:-147px; overflow:hidden; top:406px;}
/*.shuzutj ul{  position:relative; display:block; height:47px; padding-left:27px;}
.shuzutj ul li{ float:left; text-align:center; background:url(../images/shuzibj.png) no-repeat; height:47px; line-height:47px; width:36px; font-size:36px; font-weight:bold; color:#333; text-align:center; margin-right:5px;}
*/
.shuzutj{ position:relative; height:47px; overflow:hidden}
.shuzutj_l{ position:absolute; left:30px; top:0; height:47px; line-height:47px; padding-left:9px; width:72px;background:url(../images/shuzibj1.png) repeat-x; overflow:hidden}
.shuzutj_r{ position:absolute; right:23px; top:0; height:47px; width:161px; overflow:hidden;background:url(../images/shuzibj1.png) repeat-x;}
.shuzutj_l span{font-family:"微软雅黑";font-size:36px;color:#333;	font-weight:bold;letter-spacing:18px;}
.active .yuanyuan1{animation: rotateAhead 30s linear infinite;}
.active .yuanyuan3{animation: rotateAhead1 30s linear infinite;}
.main_iframe{width:480px; height:650px;  position:absolute; left:50%; margin-left:-720px; top:235px; z-index:99}
.main_iframe #iframepage{ width:480px; height:560px}
.main_iframe.hover1440{ top:139px; margin-left:-502px}
.main_iframe #iframepage.height700{  height:650px}
/*#shuzi4{transition: all 1s; opacity: 0; position:absolute; right:-200px; bottom:0;   }
.active #shuzi4{opacity: 1; animation-delay:1s;right:103px;}
#shuzi5{transition: all 1s; opacity: 0; position:absolute; right:-150px; bottom:0;  }
.active #shuzi5{opacity: 1; animation-delay:1.5s;right:62px;}
#shuzi6{transition: all 1s; opacity: 0; position:absolute; right:-100px; bottom:0;   }
.active #shuzi6{opacity: 1; animation-delay:2s;right:21px;}
*/
@keyframes rotateAhead {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateAhead1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.yuanmore{ text-align:center; padding-top:25px;}
.yuanmore a{ color:#fff; font-size:14px; border:1px solid #fff; border-radius:5px; background:url(../images/palt12.png) 51px center no-repeat; background-size:16px 16px; padding:7px 35px 7px 15px}
.hlys6{ position:absolute; z-index:5; line-height:24px; font-size:14px; color:#333;}
.hlys6 h1,.hlys6 .h1{ font-size:18px; padding-bottom:10px; font-weight:bold} 
.youshi_list1{ position:absolute; opacity: 0; left:50%; margin-left:-848px;  transition: all 1.5s; top:376px; padding-right:182px; background:url(../images/c1.png) 229px 8px no-repeat;width: 210px;}
.active .youshi_list1{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;margin-left:-548px; }
.active .youshi_list1:hover{background:url(../images/c2.png) 229px 8px no-repeat;transition-delay: 0s;  }

.youshi_list2{ position:absolute; opacity: 0; left:50%;  margin-left:-850px;  transition: all 1.5s; top:506px; padding-right:182px; background:url(../images/c3.png) 229px 8px no-repeat }
.active .youshi_list2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s;margin-left:-550px; }
.active .youshi_list2:hover{background:url(../images/c4.png) 229px 8px no-repeat;transition-delay: 0s;}

.youshi_list3{ position:absolute; opacity: 0; left:50%; margin-left:-850px;  transition: all 1.5s; top:638px; padding-right:182px; background:url(../images/c5.png) 229px 8px no-repeat }
.active .youshi_list3{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.3s;margin-left:-550px; }
.active .youshi_list3:hover{background:url(../images/c6.png) 229px 8px no-repeat;transition-delay: 0s;}


.youshi_list4{ position:absolute; opacity: 0; left:50%; margin-left:469px;  transition: all 1.5s; top:376px; padding-left:173px; background:url(../images/c7.png) 0 8px no-repeat }
.active .youshi_list4{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;margin-left:169px; }
.active .youshi_list4:hover{background:url(../images/c8.png) 0 8px no-repeat;transition-delay: 0s;}

.youshi_list5{ position:absolute; opacity: 0; left:50%;  margin-left:498px;  transition: all 1.5s; top:506px; padding-left:147px; background:url(../images/c9.png) 0 8px no-repeat }
.active .youshi_list5{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s;margin-left:198px; }
.active .youshi_list5:hover{background:url(../images/c10.png) 0 8px no-repeat;transition-delay: 0s;}

.youshi_list6{ position:absolute; opacity: 0; left:50%; margin-left:469px;  transition: all 1.5s; top:638px; padding-left:173px; background:url(../images/c11.png) 0 8px no-repeat }
.active .youshi_list6{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.3s;margin-left:169px; }
.active .youshi_list6:hover{background:url(../images/c12.png) 0 8px no-repeat;transition-delay: 0s;}

/*品牌故事*/
.bg4_1{position:absolute;  left:50%;margin-left:-1019px; opacity: 0;  transition: all 1s; top:225px; width:488px; height:402px; background:#fff; border-top:5px solid #e52f22; border-radius:0 0 10px 10px}
.bg4_1 .info1{ width:456px; padding:37px 0 0 18px}
.bg4_1 .info1 p{ color:#e52f22; font-size:36px; font-family:"微软雅黑"; font-weight:bold; text-transform:uppercase; /*background:url(../images/4_6.png) 1px 103px no-repeat; padding-bottom:30px;*/}
.bg4_1 .info1 p span{ color:#003851; font-size:30px;}
.bg4_1 .info1 h1,.bg4_1 .info1 .h1{ font-size:18px; font-weight:normal; padding:15px 0 15px 0}
.bg4_1 .info1 div{ text-indent:25px; line-height:24px; color:#666; font-size:14px; padding-bottom:30px;}
.bg4_1 .info1 a{ color:#fff; font-size:16px; background:url(../images/4_1.png) 90px center no-repeat #e52f22; padding:8px 40px 8px 15px; border-radius:25px}
.active .bg4_1{margin-left:-719px;opacity: 1;transition-delay: 0.7s;}
.bg4_2{position:absolute;  left:50%;margin-left:-1019px; opacity: 0;  transition: all 1s; top:647px; width:537px; height:76px; }
.active .bg4_2{margin-left:-719px;opacity: 1;transition-delay: 1s;}
.adispaly a{ width:159px; height:61px; padding-top:15px; position:absolute; z-index:11; left:0; top:0;  display:block; padding-left:80px; color:#e52f22; font-size:18px; /*-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;*/}
.adispaly a span{ color:#999999; font-size:14px;}
.adispaly a.a1{ background:url(../images/4_2.png) 20px center no-repeat}
.adispaly a.a2{ background:url(../images/4_3.png) 20px center no-repeat}
.adispaly a.a3{ background:url(../images/4_4.png) 20px center no-repeat}
.adispaly a.a4{ background:url(../images/4_5.png) 20px center no-repeat}
.bg4_3{position:absolute;  left:50%;margin-left:-1019px; opacity: 0;  transition: all 1s; top:735px; width:537px; height:76px; }
.active .bg4_3{margin-left:-719px;opacity: 1;transition-delay: 1.5s;}
.bg4_4{ background:url(../images/4_7.png) 0 0 no-repeat; width:503px; height:460px; position:absolute; opacity: 0; left:50%; margin-left:-30px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;top:375px;}
.active .bg4_4,.active .bg4_5{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.bg4_5{width:521px; height:73px; position:absolute; opacity: 0; left:50%; margin-left:-48px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;top:279px;}

.video13{  width:456px; height:286px;}
.bg4_4>div{ padding:14px 0 0 22px}
.dsOvh{overflow: hidden;}
.adispaly div{ background:#fff; width:239px;border-radius:5px;margin-right:10px; height:75px;float:left; position:relative}
/*.adispaly div:hover a{ color:#fff}*/
/*.adispaly div:hover a span{ color:#fff}*/
/*.adispaly div a.a1:hover{ background:url(../images/4_21.png) 20px center no-repeat}
.adispaly div a.a2:hover{ background:url(../images/4_31.png) 20px center no-repeat}
.adispaly div a.a3:hover{ background:url(../images/4_41.png) 20px center no-repeat}
.adispaly div a.a4:hover{ background:url(../images/4_51.png) 20px center no-repeat}*/

 @media screen and (-webkit-min-device-pixel-ratio:0) {
.adispaly div a.a1:hover{ background:url(../images/4_21.png) 20px center no-repeat}
.adispaly div a.a2:hover{ background:url(../images/4_31.png) 20px center no-repeat}
.adispaly div a.a3:hover{ background:url(../images/4_41.png) 20px center no-repeat}
.adispaly div a.a4:hover{ background:url(../images/4_51.png) 20px center no-repeat}
}
@-moz-document url-prefix(){
.adispaly div a.a1:hover{ background:url(../images/4_21.png) 20px center no-repeat}
.adispaly div a.a2:hover{ background:url(../images/4_31.png) 20px center no-repeat}
.adispaly div a.a3:hover{ background:url(../images/4_41.png) 20px center no-repeat}
.adispaly div a.a4:hover{ background:url(../images/4_51.png) 20px center no-repeat}
} 


.adispaly div em{ position:absolute; display:block; left:0; top:0; z-index:1; width:0; height:75px; border-radius:5px;}
.adispaly div:hover em {animation:myfirst 1s;
            -webkit-animation:myfirst 1s;
            animation-fill-mode: forwards;}
@-webkit-keyframes myfirst /* Safari and Chrome */
        {
            0%   {background:#e52f22; width:0%;}
            100% {background:#e52f22;width:100%;}
        }
.adispaly div:hover a,.adispaly div:hover a span{
animation:myfirst11 1s;
            -webkit-animation:myfirst11 1s;
            animation-fill-mode: forwards;
}		
	@-webkit-keyframes myfirst11 /* Safari and Chrome */
        {
            0%   { color:#fff;}
            100% {color:#fff}
        }	
.adispaly a:hover{/*transition-delay: 0.01s;
-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);*/}
	.panel{display:none;width:65%; background:#ffffff}
	.fea_mask{ position:absolute; width:100%; height:100%; background:#000; z-index:100000;opacity:0.7; display:none; left:0; top:0}
.er_navtit{ position:relative; z-index:1; background:#ff9900; padding-left:30px; color:#fff; font-size:30px; padding-top:15px;height:85px;}
.er_navtit i{ font-style:normal;}
.right_p_a i{ display:none}
@font-face
{
font-family: myFirstFont;
src: url('../images/calibril.ttf');
}
.er_navtit em{ background:url(../images/close2.png) 0 0 no-repeat; display:block; height:50px; width:50px; position:absolute; left:-65px; top:23px; cursor:pointer}
.er_navtit span{ font-size:24px; color:#ffbb74; text-transform:uppercase; font-family:myFirstFont;}
.notice1{ position:absolute; left:0; width:100%; height:100%; top:0}
.notice1 .tab-hd{ height:100%;  background:#f8f8f8; float:left; width:220px;box-shadow: 4px 4px 4px #ccc; position:relative}
.notice1 .tab-hd ul{ padding-top:20px;}
.notice1 .tab-hd ul li{ height:46px; line-height:46px; text-indent:73px; cursor:pointer; color:#333; font-size:16px; background:url(../images/ico7.png) 0 0 no-repeat}
.notice1 .tab-hd ul li:hover,.notice1 .tab-hd ul li.on{ background:url(../images/ico8.png) 0 0 no-repeat #fff; color:#e52f22}
.notice1 .tab-hd ul li.w1,.notice1 .tab-hd ul li.w1:hover,.notice1 .tab-hd ul li.w1.on{ background-position:40px 14px}
.notice1 .tab-hd ul li.w2,.notice1 .tab-hd ul li.w2:hover,.notice1 .tab-hd ul li.w2.on{ background-position:40px -34px}
.notice1 .tab-hd ul li.w3,.notice1 .tab-hd ul li.w3:hover,.notice1 .tab-hd ul li.w3.on{ background-position:40px -79px}
.notice1 .tab-hd ul li.w4,.notice1 .tab-hd ul li.w4:hover,.notice1 .tab-hd ul li.w4.on{ background-position:40px -126px}
.notice1 .tab-hd ul li.w5,.notice1 .tab-hd ul li.w5:hover,.notice1 .tab-hd ul li.w5.on{ background-position:40px -126px}
.notice1 .tab-hd ul li.w6,.notice1 .tab-hd ul li.w6:hover,.notice1 .tab-hd ul li.w6.on{ background-position:38px -226px}
.notice1 .tab-hd ul li.w7,.notice1 .tab-hd ul li.w7:hover,.notice1 .tab-hd ul li.w7.on{ background-position:38px -271px}
.notice1 .tab-hd ul li.w8,.notice1 .tab-hd ul li.w8:hover,.notice1 .tab-hd ul li.w8.on{  background-position:38px -316px}
.notice1 .tab-hd ul li.w9,.notice1 .tab-hd ul li.w9:hover,.notice1 .tab-hd ul li.w9.on{ background-position:40px -381px}
.notice1 .tab-hd ul li.w10,.notice1 .tab-hd ul li.w10:hover,.notice1 .tab-hd ul li.w10.on{ background-position:40px -426px}
.notice1 .tab-hd ul li.w11,.notice1 .tab-hd ul li.w11:hover,.notice1 .tab-hd ul li.w11.on{ background-position:40px -476px}
.notice1 .tab-hd ul li.w12,.notice1 .tab-hd ul li.w12:hover,.notice1 .tab-hd ul li.w12.on{ background-position:40px -521px}
.notice1 .tab-hd ul li.w13,.notice1 .tab-hd ul li.w13:hover,.notice1 .tab-hd ul li.w13.on{  background-position:40px -566px}

.notice1 .tab-bd{ float:right; background:#fff; }
.neirongquyu{ padding:35px 45px 45px 45px;}
.neirongquyu img{max-width: 100%;height: auto !important;}
.md10 img{ margin-bottom:10px;}
.er_navtit .right_p_a{ width:156px; position:absolute; left:-156px; top:150px;}
.er_navtit .right_p_a ul li{ height:56px; text-align:right; margin-bottom:5px;}
.er_navtit .right_p_a ul li a{ border-radius:7px 0 0 7px; overflow:hidden;text-indent:55px; text-align:left; line-height:56px; display:inline-block; width:56px; height:56px;}
.er_navtit .right_p_a ul li a span,.er_navtit .right_p_a ul li a em{ display:none; }
.er_navtit .right_p_a ul li a:hover span,.er_navtit .right_p_a ul li a.on span,.er_navtit .right_p_a ul li a:hover em,.er_navtit .right_p_a ul li a.on em{font-size:18px; color:#fff; display:inline}
.er_navtit .right_p_a ul li a.on{ width:156px; }
.er_navtit .right_p_a ul li .on.p_a2,.er_navtit .right_p_a ul li .p_a2:hover{ background:url(../images/ico2.png) no-repeat 14px -47px #e52f22}
.er_navtit .right_p_a ul li .on.p_a1,.er_navtit .right_p_a ul li .p_a1:hover{ background:url(../images/ico2.png) no-repeat 14px 14px #e52f22}
.er_navtit .right_p_a ul li .on.p_a3,.er_navtit .right_p_a ul li .p_a3:hover{ background:url(../images/ico2.png) no-repeat 14px -108px #e52f22}
.er_navtit .right_p_a ul li .on.p_a4,.er_navtit .right_p_a ul li .p_a4:hover{ background:url(../images/ico2.png) no-repeat 14px -168px #e52f22}
.er_navtit .right_p_a ul li .on.p_a5,.er_navtit .right_p_a ul li .p_a5:hover{ background:url(../images/ico2.png) no-repeat 14px -237px #e52f22}
.er_navtit .right_p_a ul li .on.p_a7,.er_navtit .right_p_a ul li .p_a7:hover{ background:url(../images/ico2.png) no-repeat 14px -375px #e52f22}
.er_navtit .right_p_a ul li .on.p_a6,.er_navtit .right_p_a ul li .p_a6:hover{ background:url(../images/ico2.png) no-repeat 14px -318px #e52f22}
.er_navtit .right_p_a ul li .p_a1{background:url(../images/ico1.png) no-repeat 14px -47px #e5e5e5}
.er_navtit .right_p_a ul li .p_a2{background:url(../images/ico1.png) no-repeat 14px 14px #e5e5e5}
.er_navtit .right_p_a ul li .p_a3{background:url(../images/ico1.png) no-repeat 14px -108px #e5e5e5}
.er_navtit .right_p_a ul li .p_a4{background:url(../images/ico1.png) no-repeat 14px -168px #e5e5e5}
.er_navtit .right_p_a ul li .p_a5{background:url(../images/ico1.png) no-repeat 14px -237px #e5e5e5}
.er_navtit .right_p_a ul li .p_a6{background:url(../images/ico1.png) no-repeat 14px -318px #e5e5e5}
.er_navtit .right_p_a ul li .p_a7{background:url(../images/ico1.png) no-repeat 14px -375px #e5e5e5}
.er_navtit .right_p_a ul li a:hover{ width:156px;animation:myfirst_1 1s;text-indent:55px;
            -webkit-animation:myfirst_1 1s;
            animation-fill-mode: forwards;}
@-webkit-keyframes myfirst_1 /* Safari and Chrome */
        {
            0%   { width:56px;}
            100% {width:156px;}
        }
		
	.er_navtit .right_p_a ul li a.on:hover{animation:myfirst_2 1s;text-indent:55px;
            -webkit-animation:myfirst_2 1s;
            animation-fill-mode: forwards;}
@-webkit-keyframes myfirst_2 /* Safari and Chrome */
        {
            0%   { width:156px;}
            100% {width:156px;}
        }	
.dibubeijing{ position:absolute; left:0; width:100%; background:url(../images/ds.png) center center no-repeat; background-size:100% 100%; height:369px; bottom:0}
.cnt{ width:100%; height:100%;}
.swiper-container {width: 100%;height: 100%;    }.swiper-wrapper{ padding-top:140px}
.nianfen em{ position:absolute; background:url(../images/ico3.png) 0 0 no-repeat; display:block; height:10px; width:10px; left:50%; margin-left:-5px; position:absolute; bottom:-5px }
.intro .nianfen em{ background:url(../images/ico4.png) 0 0 no-repeat; height:15px; width:15px; margin-left:-7.5px; bottom:-7.5px;}
.nianfen{ margin-bottom:35px; text-align:center;position:relative; border-bottom:1px solid #e5e5e5; height:73px; font-size:36px;}.swiper-slide p b{ color:#333; }
.swiper-slide p{ margin-bottom:30px;text-align:center; padding:0 30px; line-height:24px; color:#666; font-size:14px;}
.fanyeanniu{ padding-top:62px; text-align:center}
.fanyeanniu a{ display:inline-block ; width:48px; height:48px;cursor:pointer; margin:0 10px;}
.fanyeanniu #shangyiye{ background:url(../images/ico5.png) 0 0 no-repeat}.fanyeanniu #xiayiye{ background:url(../images/ico6.png) 0 0 no-repeat}
.pinggai p span{ color:#e52f22}.pinggai p{ font-size:14px;color:#333;line-height:30px; padding-bottom:10px;}
.pinggai{ padding:49px 98px 30px 98px}
.ygjiyu ul li{ margin-bottom:50px; position:relative;  float:left; width:33%}.ygjiyu ul { padding:55px 10px 10px 10px}.ygjiyu ul li .pd{ padding:0 10px;}
.ygjiyu ul li .em{background:url(../images/rt1.png) 0 0 no-repeat; position:absolute; z-index:9999; top:-16px; width:43px; height:36px; left:50%; margin-left:-22px; display:block;}
.ygjiyu .padding1 .kfu_tit{line-height:82px; position:relative; color:#333; overflow:hidden; font-size:16px; text-indent:79px; background:url(../images/rt.png) 20px center no-repeat #f8f8f8; height:82px;}
.pingjia ul li{ margin:0;float:left; width:50%; color:#999; font-size:14px; text-align:center;  height:65px;}.pingjia{ height:65px;background:#fff; padding:10px 0}
.pingjia ul li.b0{ margin-left:-1px; border-left:1px solid #e5e5e5;}.pingjia ul{ padding:0}
.pingjia ul li p{ color:#ff9900; font-size:16px; line-height:35px;}.pingjia ul li p span{ color:#999;}
.kdfujiyu{ background:#fff;border-top:1px solid #e5e5e5; padding:15px; height:66px;font-size:14px; color:#333; line-height:24px;}.kdfujiyu em{ font-style:normal; border-radius:2px; padding:0 2px; color:#fff; background:#ff9900;}
.kdfujiyu span{ padding-left:7px;}

/*客户评价*/
.bg5_1{position:absolute; width:460px; border-bottom:1px solid #bcbbbb; padding-bottom:30px; opacity: 0; left:50%; margin-left:-660px; line-height:45px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; padding-top:150px; color:#e52f22; font-size:36px; font-weight:bold;}
.bg5_1 span{ color:#666666; font-size:17px; font-weight:normal}
.bg5_1 a{ color:#fff; font-size:16px; margin-top:8px; background:url(../images/4_1.png) 126px center no-repeat #e52f22; border-radius:20px; width:160px; height:40px; line-height:40px; text-indent:20px; font-weight:normal; display:block}
.active .bg5_1{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.bg5_2{position:absolute; width:560px;  left:50%; margin-left:-984px; line-height:45px;transition: all 1s;position:absolute; opacity: 0;  top:620px; }
.active .bg5_2{opacity: 1;  transition-delay:0.7s;margin-left:-684px; }
.bg5_2 ul li { width:120px; margin-right:10px; padding-top:81px; font-size:16px; color:#333; float:left; text-align:center;}
.bg5_2 ul .li1{ background:url(../images/5_4.png) center 0 no-repeat}
.bg5_2 ul .li2{ background:url(../images/5_5.png) center 0 no-repeat}
.bg5_2 ul .li3{ background:url(../images/5_6.png) center 0 no-repeat}
.bg5_2 ul .li4{ background:url(../images/5_7.png) center 0 no-repeat}
.bg5_2 ul li h1,.bg5_2 ul li .h1{ color:#e52f22; text-align:center;  font-size:22px; line-height:25px; text-align:center; display:inline-block }
.bg5_3{ position:absolute; z-index:9;opacity: 0; left:50%;top:360px; margin-left:-69px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.active .bg5_3{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
#top {	width:100%; height:8px;}
#top .small ul {margin:0;padding:0px; text-align:center}
#top .small li { cursor:pointer; height:8px; width:8px; border-radius:50%; background:#c7c7c6; display:inline-block;}
#top .small li.hove { background:#e52f22; margin:0 3px; width:18px; border-radius:5px;}
#box1 { position:relative; width:746px; margin:0 auto; height:452px;}
#list ul{ margin:0; padding:0; width:746px; display:block;  height:452px;overflow:hidden}
#list li { border:1px solid #e5e5e5; border-radius:5px; background:#fff;position:absolute;list-style-type:none;cursor:pointer;box-shadow:0px 0px 8px #ccc; }
#list .prev { position:absolute; display:block; position:absolute; width:48px; height:48px; background:url(../images/5_1.png) 0 0 no-repeat; left:0; top:200px}
#list .next { position:absolute; display:block; position:absolute; width:48px; height:48px;background:url(../images/5_2.png) 0 0 no-repeat;right:0; top:200px}
#list .hove .w250{ width:364px;}
#list .hove .w250 .pic{ width:364px; height:233px;}
#list .hove .w250 .pic img{width:364px; height:233px;}
#list .hove .w250 .pic em{width:364px;}#list .hove .w250 p{ height:60px}
.w250{ margin:0 auto; width:250px; position:relative}
.w250 .pic{ margin-top:15px; width:250px; height:185px; position:relative;z-index: 1000;}
.w250 .pic img{ width:250px; height:185px;}.w250 .pic em{ position:absolute; left:0; bottom:0; width:250px; height:36px; line-height:36px; color:#fff; text-align:center; font-size:14px;color:#fff; display:block; background:url(../images/5_8.png); font-style:normal}
.w250 .pic .span{ position:absolute; display:block; width:90px; height:36px; line-height:36px; text-align:center; color:#fff; background:url(../images/5_8.png); color:#fff; font-size:14px; left:0; top:0}
/*.w250 .pic span{ position:absolute; display:block; width:90px; height:36px; line-height:36px; text-align:center; color:#fff; background:url(../images/5_8.png); color:#fff; font-size:14px; left:0; top:0}*/
.w250 h1,.w250 .h1{ color:#333333; font-size:16px; font-weight:normal; padding:15px 0 10px 0}
.w250 .dhao{ color:#999999; font-size:14px;}
.w250 p{ color:#666666; font-size:14px; line-height:24px; padding-top:7px; height:95px; overflow:hidden}
.hove .w250 .more{ display:block; margin:0 auto; width:137px; height:40px; line-height:40px; background:url(../images/5_3.png) 101px center no-repeat #f8f8f8; border:1px solid #e5e5e5; border-radius:20px; text-indent:25px; font-size:16px; color:#333}
.w250 .more{ display:none}
.w250 .onClick{ display:none}
.hove .w250 .onClick{ display:block; position:absolute; z-index:999; left:0; top:0; width:100%;height:100%}
#list li.hove:hover .w250 .more{ border-color:#e52f22}
.shipingdiv{ overflow:hidden; border-radius:5px; position:absolute; z-index:9999999; width:900px; height:542px; top:50%; left:50%; margin-left:-450px; background:#fff; margin-top:-271px; display:none;box-shadow:0px 0px 8px #ccc;}
.shipingdiv .sptit{ position:relative; }
.shipingdiv .sptit em{ position:absolute; display:block; width:20px; height:20px; background:url(https://www.dragonsea-china.com/new_pc_index/images/cl.png) center center no-repeat; right:9px; cursor:pointer; top:11px}


/*合作客户*/
.indexLinkPanel{ position:relative; margin:0 auto; width:1002px;}
	.clients {background:url(clients_bg.jpg) center 0; background-size:cover;}
		.clients .box h1,.clients .box .h1{ margin-top:96px;}
    .indexLinks{ clear:both; width:1002px;/* margin-left:100px;*/  position:absolute; left:0; top:80px; z-index:0;}
		.indexLinks .myhex{ opacity:0; z-index:-1}
	.indexLinks.current{ display:block;opacity:1; z-index:0}
		.indexLinks.current .myhex{ opacity:1; z-index:1}
	.myhex{ width:70px; height:120px; background-color:#fff; position:relative; z-index:2; line-height:120px; text-align:center;transition:all 0.5s ease-in-out; float:left; margin-right:149px; margin-bottom:4px;}
		.myhex img{transition:all 0.3s ease-in-out;vertical-align:middle; width:70px; height:70px; padding-top:25px}
	.myhex a{ display:block; width:100%; height:100%; z-index:0; position:absolute; left:0; top:0}
	.myhex div.boxsss{ display:block; width:100%; height:100%; z-index:0; position:absolute; left:0; top:0}
		.myhex:before{ position:absolute; content:''; z-index:-1;left:0px; width:70px; height:120px;background-color:#fff;	-webkit-transform: rotate(60deg);	-moz-transform: rotate(60deg);	-ms-transform: rotate(60deg);	-o-transform: rotate(60deg);	transform: rotate(60deg);transition:all 0.5s ease-in-out;}
		.myhex:after{ position:absolute; content:''; z-index:-1; left:0px; width:70px; height:120px;background-color:#fff;	-webkit-transform: rotate(120deg);	-moz-transform: rotate(120deg);	-ms-transform: rotate(120deg);	-o-transform: rotate(120deg);	transform: rotate(120deg);transition:all 0.5s ease-in-out;}
	.myhex:hover{ background-color:#fff; -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); transform: rotate(360deg); -webkit-transition:0.6s; transition: 0.6s;	transform-style: preserve-3d;}
	.myhex:hover:before{ background-color:#fff; -webkit-transform:rotate(420deg); transform: rotate(420deg);-webkit-transition:0.6s;transition: 0.6s; transform-style: preserve-3d;}
	.myhex:hover:after{ background-color:#fff; -webkit-transform:rotate(480deg); transform: rotate(480deg);-webkit-transition:0.6s;transition: 0.6s;	transform-style: preserve-3d;}
	.myhex.rotation{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
	.myhex .alink{ position:absolute; background:url(../images/6_1.png) center center no-repeat; display:block; width:140px; height:120px; left:-35px; top:0; z-index:999}
	.myhex.rotation img{ opacity:0; transition:opacity 0.3s ease-in-out;}
    .myhex:nth-of-type(1){ margin-left:143px;}
	.myhex:nth-of-type(2){ margin-left:-4px;}
	.myhex:nth-of-type(3){ margin-left:-3px;}
	.myhex:nth-of-type(4){ margin-left:-4px; margin-right:0;}
	.myhex a:hover span{ background:url(../images/6_1.png) center center no-repeat; width:140px; height:120px; position:absolute; display:block; left:-35px; top:0; z-index:9}
	.myhex div.boxsss:hover span{ background:url(../images/6_1.png) center center no-repeat; width:140px; height:120px; position:absolute; display:block; left:-35px; top:0; z-index:9}
	/*第二排*/
	.myhex:nth-of-type(5){ margin-top:-62px; margin-left:35px;}
	.myhex:nth-of-type(6){ margin-left:-112px;}
	.myhex:nth-of-type(7){ margin-top:-62px; margin-left:-111px;}
	.myhex:nth-of-type(8){ margin-left:-111px;}
	.myhex:nth-of-type(9){ margin-top:-62px; margin-left:-111px;}
	.myhex:nth-of-type(10){ margin-left:-112px;}
	.myhex:nth-of-type(11){ margin-top:-62px; margin-left:-111px;}
	.myhex:nth-of-type(12){ margin-left:-111px; top:1px; margin-right:0}
	.myhex:nth-of-type(13){ margin-top:-62px; margin-left:-3px; margin-right:0}
	.myhex:nth-of-type(14){ margin-left:35px; margin-top:-62px; clear:left;}
	.myhex:nth-of-type(15){ margin-left:-112px; margin-top:1px}
	.myhex:nth-of-type(16){ margin-top:-62px; margin-left:-112px;}
	.myhex:nth-of-type(17){ margin-left:-111px; margin-top:0}
	.myhex:nth-of-type(18){ margin-top:-62px; margin-left:-111px;}
	.myhex:nth-of-type(19){ margin-left:-112px; margin-top:-0}
	.myhex:nth-of-type(20){ margin-top:-62px; margin-left:-111px;}
	.myhex:nth-of-type(21){ margin-left:-111px; margin-right:0; margin-top:0px}
	.myhex:nth-of-type(22){ margin-top:-60px; margin-left:-3px; margin-right:0}
	.myhex:nth-of-type(23){ margin-left:465px; clear:left;margin-top:-62px;}
	.linkmore,.linkmore:before,.linkmore:after,.linkmore:hover:before,.linkmore:hover:after,.linkmore:hover{background-color:#e52f22;}
	
/*员工生日*/
.clear{ clear:both}
#ygsr{ background:url(../images/ygjy2.jpg) repeat-y; background-size:100% 100%; overflow:hidden; padding:1px; border:1px solid #e5e5e5}
.ygsr_l{ width:84%; float:left}
.ygsr_r{ float:left; width:16%;  background:#f5f5f5;}
.pic_info1 .pading{padding:10px 20px 0 10px;}
.pic_info1 .p1{ color:#999999; font-size:14px;}
.pic_info1 .p2{ color:#333; font-size:14px; line-height:24px; padding:7px 0 20px 0}
.ygsr_r ul li{ border-bottom:1px solid #e5e5e5; padding:10px; position:relative}
.ygsr_r ul li.hover em{ background:url(../images/sr33.png) no-repeat; display:block; width:6px; height:18px; position:absolute; left:-6px; top:50%; margin-top:-9px}
.ygsr_r ul li a{position:absolute; display:block; width:100%; height:100%;left:0; top: 0;width:100%; height:100%}
.ygsr_r ul li.hover a{  background:url(../images/sr2.png) 0 0 no-repeat; background-size:100% 100%;}
.ygsr_r ul li div img{ width:100%;/* height:100%;*/}
.pic_btn a{  height:100%;}.pic_btn  a img{ width:100%}.pic_btn .d1 a img{ border-right:1px solid #fff; margin-left:-2px;}
.pic_btn{ padding-left:20%; padding-right:20%; text-align:right; padding-bottom:8px; padding-top:8px}
.pic_btn .d1,.pic_btn .d2{ float:left; width:50%}.pic_btn .d2{ text-align:left}


.msn-focus {  width:100%; height: 100%; position:relative }
	.msn-focus img { width: 100%; display: block }
	.msn-focus .hd { position:absolute; left:0; bottom:15px; height:10px; z-index:9999; width:100%; }
	.msn-focus .hd ul{ margin:0; padding:0; text-align:center}
	.msn-focus .hd li { background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/bg15.png) no-repeat; margin:0 2px; width:10px; height:10px; display:inline-block}
	.msn-focus .hd .on { background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/bg16.png) no-repeat; width:25px; height:10px;}
	.msn-focus .bd { padding:10px 20px 0 10px;  position:relative }
	.msn-focus .bd li { width: 100%; height: 100%; position: relative }
	.msn-focus .bd li span{ position:absolute; width:100%; height:59px; background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/titbj.png); left:0; line-height:41px; bottom:0; text-align:center; color:#fff; font-size:18px;}
	.msn-focus .prev { position: absolute; background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/bg17.png) no-repeat; width:40px; height:80px; cursor:pointer; display:block; left:10px; top:50%; margin-top:-30px }
		.msn-focus .next { position: absolute; background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/bg18.png) no-repeat; width:40px; height:80px; cursor:pointer; display:block; right:20px; top:50%; margin-top:-30px }
.msn-focus .prev:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/bg19.png) no-repeat}
.msn-focus .next:hover{ background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/bg20.png) no-repeat}

/*晒单*/
.shaidang_more{ height:64px; padding-top:16px; position:fixed; right:0; bottom:100px; width:100%; background:#f8f8f8; border-top:1px solid #e5e5e5;}
.shaidang_more a{ margin:0 auto; display:block; width:33%; background:#ff9900; text-align:center; height:48px; line-height:44px; color:#fff; font-size:18px; border-radius:30px;}
.shaidang_more a span{ background:url(../images/palt12.png) right center no-repeat; padding:5px 20px}
.shaidan_list ul{ padding:30px 30px 0 30px}
.shaidan_list ul li{ margin-bottom:20px; float:left; width:25%;}
.shaidan_list ul li a{ display:block; padding:0 5px;}
.shaidan_list ul li img{ width:100%}.shaidan_list ul li .sd_pic span{ position:absolute; right:0; background:url(../images/viewmum.png) no-repeat; height:22px; line-height:22px; display:block; color:#fff; font-size:14px; padding-left:34px; padding-right:15px; bottom:10px;}
.shaidan_list ul li .sd_pic{ position:relative;}
.shaidan_list table{ background:#f5f5f5}
.shaidan_list table .img2{ display:none}.shaidan_list a td{padding-top:5px;padding-bottom:5px;}
.shaidan_list a td p{ font-size:16px; color:#333; padding-bottom:3px; height:18px; overflow:hidden; margin:3px 0 }.shaidan_list ul li a:hover  p{ color:#ff9900}
.shaidan_list a td span{ background:url(../images/time.png) left center  no-repeat; color:#999999; font-size:14px; padding-left:20px;}
.shaidan_list ul li a:hover .img1{ display:none}.shaidan_list ul li a:hover .img2{ display:block}
.shaidan_list ul li a:hover .sd_pic{box-shadow: 5px 5px 5px #ccc; position:relative; z-index:1}
.shaidan_list ul li a:hover table{box-shadow: 5px 5px 5px #ccc; position:relative; z-index:1}
/*新的*/
.shaidan_list ul li .sddiv{ padding:0 10px 0 10px;}
.shaidan_list ul li .sddiv a{ display:block; width:100%; height:100%;border:1px solid #e5e5e5; padding:10px 0; border-radius:3px;}
.shaidan_list ul li .sddiv a:hover{box-shadow: 5px 5px 5px #ccc;}
.shaidan_list ul li .sddiv .mpic{ padding:0 10px; position:relative;}
.shaidan_list ul li .sddiv .mpic .mpic_iomg{ height:175px;}.shaidan_list ul li .sddiv .mpic .shipi{ position:absolute; top:0; left:10px; background:url(../images/gouxuan2.png) no-repeat; height:47px; width:47px }
.shaidan_list ul li .sddiv .mpic .mpic_num{ position:absolute; height:30px; line-height:30px; text-align:center;  color:#fff; font-size:14px; padding:0 5px; right:10px; top:0; background:url(../images/gouxuan3.png) ; }
.shaidan_list ul li .sddiv .mpic .mpic_date{position:absolute; overflow:hidden; height:36px; line-height:36px; text-align:center;  color:#fff; font-size:14px; padding:0 5px; right:10px; bottom:0; background:url(../images/gouxuan3.png) ;}
.shaidan_list ul li .sddiv .qyd_mdd{ padding:5px 10px; height:20px; color:#333; font-size:16px; overflow:hidden;}
.shaidan_list ul li .sddiv .dd_dhao{ color:#999999; padding:0 10px ;font-size:14px;}
.shaidan_list ul li .sddiv .dd_info{ line-height:24px; color:#666666;padding:0 10px; margin-top:10px; overflow:hidden; height:75px; font-size:14px;}
.shaidan_list ul li .sddiv .dd_ckxx{ text-align:center; padding:20px 0 10px 0}
.shaidan_list ul li .sddiv .dd_ckxx span{ color:#333; font-size:16px; background:url(../images/gouxuan5.png) 90px center no-repeat #f8f8f8; border-radius:27px; border:1px solid #e5e5e5; padding:7px 45px 9px 15px}
.shaidan_list ul li .sddiv a:hover .dd_ckxx span{  border:1px solid #e52f22}
	
/*底部*/	
.footer1{ background:url(../images/d_4.jpg) center center no-repeat; height:160px; overflow:hidden}	
.lianxi_1{ float:left; line-height:36px; color:#fff; font-size:26px; padding-top:43px; width:610px;}
.lianxi_2{ background:url(../images/d_1.png) 0 0 no-repeat; height:120px; overflow:hidden; line-height:20px; font-size:16px; margin-top:30px; padding-top:20px; padding-left:100px; float:left; color:#fff; }
.lianxi_2 span{ color:#fff; font-size:36px; display:block; height:38px; line-height:38px;}.lianxi_2 em{ font-style:normal}
.lianxi_3{ float:right; width:179px; padding-top:30px;}
.lianxi_3 a{ display:block; width:179px; height:52px; display:block; margin-bottom:5px; color:#ff9900; font-size:20px; background:url(../images/d_3.png) 30px center no-repeat #fff; line-height:52px; text-indent:70px; border-radius:5px}
.lianxi_3 a.qqzx{ color:#fff; background:url(../images/d_2.png) 30px center no-repeat; border:2px solid #fff;width:175px; height:48px;}
.footer2{ text-align:center; padding:20px 0; border-bottom:1px solid #d5d5d5; background:#e5e5e5;}
.footer2 a{ color:#333; font-size:16px}.footer2 span{ color:#cccccc; padding:0 63px}
.footer3{ background:#f5f5f5;border-bottom:1px solid #d5d5d5; /*padding:25px 0*/}	
.footnav_l ul li{ height:128px; float:left; /*padding-left:33px; */line-height:25px; width:20%; border-right:1px solid #e5e5e5; padding:10px 0 15px 0}
.footnav_l ul li:hover{ background:#dfdcdc}
.footnav_l ul li.l5{ text-align:center; margin-left:-6px; padding-bottom:15px}
.footnav_l ul li p{ color:#333; padding-bottom:5px; line-height:25px; font-size:16px;}.footnav_l ul li a:hover,.footer2 a:hover{ color:#e52f22}
.footnav_l ul li div{ padding-left:100px;}.footnav_l ul li.l5 p{ padding-top:10px; color:#333; font-size:12px; line-height:20px}.footnav_l ul li.l5 p img{ margin-bottom:5px; height:74px; width:74px}
.footnav_l ul li a{ color:#666666; font-size:12px; background:url(https://www.dragonsea-china.com/qd_img/guangwang_youhua2/new2016_images/23.png) 0 -3px no-repeat; padding-left:15px}.footnav_l ul li.l5 p span{ color:#0e5a9b}
.footnav_l ul li.l1{border-left:1px solid #e5e5e5; background:url(../images/d_4.png) 65px 12px no-repeat}
.footnav_l ul li.l2{ background:url(../images/d_5.png) 65px 12px no-repeat}
.footnav_l ul li.l3{ background:url(../images/d_6.png) 65px 12px no-repeat}
.footnav_l ul li.l4{ background:url(../images/d_7.png) 65px 12px no-repeat; margin-right:0}

.footnav_l ul li.l1:hover{ background:url(../images/d_4.png) 65px 12px no-repeat #dfdcdc}
.footnav_l ul li.l2:hover{ background:url(../images/d_5.png) 65px 12px no-repeat #dfdcdc}
.footnav_l ul li.l3:hover{ background:url(../images/d_6.png) 65px 12px no-repeat #dfdcdc}
.footnav_l ul li.l4:hover{ background:url(../images/d_7.png) 65px 12px no-repeat #dfdcdc}


.footnav_r{ float:right; border-left:1px solid #e5e5e5; padding-left:41px; height:195px;}
.footnav_r p{border-bottom:1px solid #e5e5e5; padding-left:72px; color:333; padding-bottom:10px; font-size:14px; background:url(../images/d_8.png) left 0 no-repeat}
.footnav_r p span{ color:#e52f22; font-size:32px;}
.footnav_r div{ background:url(../images/d_9.png) 0 0 no-repeat; height:87px; padding-top:20px;color:#333; padding-left:121px; font-size:16px; line-height:30px; margin-top:15px;}
.footer4{ padding:15px 0 ; background:#fff}.banquan{ text-align:center; padding-bottom:10px; color:#333; line-height:24px; font-size:14px;}.banqianico{ text-align:center}
.topnewheight{ height:277px;}

/*城市晒单*/
.cslist ul .csli_big{overflow: auto; zoom: 1;background:url(../images/gouxuan6.png) repeat-y #f8f8f8; border-bottom:1px solid #e5e5e5 }
.cslist ul .csli_big .cs_big_l{ width:160px; float:left; text-align:center; font-size:16px; color:#333;}
.cslist ul .csli_big .cs_big_r{ float:left;}
/*.cslist ul .csli_big .cs_big_r a{ color:#333}
.cslist ul .csli_big .cs_big_r a.on{ color:#f00}*/
.cslist ul .csli_big .cs_big_r div{ padding:7px 25px 0 25px}.cslist ul .csli_big .cs_big_r span{ padding-right:0; padding-bottom:7px; display:inline-block}
.cslist ul .csli_big .cs_big_r span a{ display:inline-block; color:#333; height:30px; line-height:30px; font-size:14px; border:1px solid #f8f8f8; padding:0 10px}
.cslist ul .csli_big .cs_big_r span a.on{ border-color:#e52f22; background:url(../images/gouxuan.png) right bottom no-repeat #fff; color:#e52f22}
 #list i{ cursor:pointer}

@media screen and (max-width: 1440px) {
    #list .prev,#list .next{ top:300px;}
}
@media screen and (max-width: 1400px) {
	
    #list .prev,#list .next{ top:380px;}
}
@media screen and (max-width: 1680px) {
   .main_iframe.hover1440{ top:200px; margin-left:-652px;}
}
@media screen and (max-width: 1600px) {
   .main_iframe.hover1440{ top:150px;margin-left:-502px;}
   .topnewheight{ height:237px;}
}
@media screen and (max-width: 1366px) {
	.header_r{width:400px;}
   .main_iframe.hover1440{ top:120px;}
}
.main_iframe.hover1440{ margin-left:0px;left:10%;}