/*index-title*/
.index-title-box {width: 500px;margin: 0 auto;overflow: hidden;margin-bottom: 40px;}
.index-title {text-align: center;display:inline-block;vertical-align:middle;width: 500px;margin: 0 auto;}
.index-title h2 {width: 500px;font-size: 48px;color: #4074FA;margin-top: -70px;position: absolute;z-index: 9;text-align: center;}
.index-title:before {position: relative;z-index: 1;content: "dongmai";text-transform: uppercase;font-size: 86px;font-weight: bold;color: #E3E3E3; display:inline-block;vertical-align:middle;height: 100%;}
.index-title p {font-size: 18px;}
/*pro*/
.pro-box {
  overflow:hidden;
  background: #f1f1f1;
  padding: 60px 0;
}
.pro-nav { width:240px; overflow:hidden;}
/*.pro-nav-title { width:240px; height:116px;}
.pro-nav ul { width:230px; overflow:hidden; border-right:#0062bd 5px solid; border-left:#0062bd 5px solid;}
.pro-nav ul li { border:#ff0000 px solid; width:230px; height:39px; line-height:39px; text-indent:30px; letter-spacing:1px; background: url(../images/azd13as.jpg) no-repeat;}
.pro-nav ul li a { color:#ffffff; height:39px; display:block;float:left;font-size:16px;}
.pro-nav ul li a:hover { height:39px; display:block;}*/
.pro-nav dl {margin-bottom: 15px;}
.pro-nav dl i {float: right;padding-right: 15px;}
.pro-nav dl dt {line-height: 60px;height: 60px;font-size: 18px;padding-left: 15px;background: #4074FA;}
.pro-nav dl dt i {color: #fff;}
.pro-nav dl dt a {color: #fff;}
.pro-nav dl dd {height: 42px;line-height: 42px;border-bottom: 1px dashed #ccc;width: 90%;margin: 0 auto;font-size: 16px;} 

.productlist {width: 930px;}
.productlist .hd {height: 60px;line-height: 60px;border-bottom: 1px solid #ccc;}
.productlist .hd li {float: left;text-align: center;width: 186px;text-align: center;font-size: 18px;}
.productlist .hd li a {color: #666;display: block;}
.productlist .hd li a:hover {border-bottom: 3px solid #4074FA;line-height: 59px;height: 59px;}
.productlist .hd .cur {border-bottom: 3px solid #4074FA;line-height: 59px;height: 59px;}

.productlist .bd {width: 930px;overflow: hidden;}
.productlist .bd li {width: 300px;margin-right: 15px;float: left;/*background: #fff;*/margin-top: 20px;}
.productlist .bd li:nth-child(3n+0) {margin-right: 0;}

.productlist-img {position: relative;}
.productlist-img img, .productlist-img a {width: 100%;display: block;background: url(../image/probg.jpg) no-repeat;background-size: 100% 100%;}
.productlist-img em {position: absolute;width: 100%;left: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);z-index: 0;display: none;}
.productlist-img i {position: absolute;width: 50px;height: 50px;background: #4074FA;border-radius: 100%;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;z-index: 1;}
.productlist-img i:after {content: "";width: 9px;height: 9px;border: 1px solid #fff;border-style: solid solid none none;position: absolute;top: 50%;left: 18px;margin-top: -5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);z-index: 1;}
.productlist-title {padding-top: 15px;}
.productlist-title h4 {height: 40px;line-height: 40px;font-size: 20px;text-align: left;font-weight: normal;margin-bottom: 3px;}
.productlist-title h4 a {display: inline-block;height: 40px;color: #1a1a1a;position: relative;padding-left: 20px;}
.productlist-title h4 a:before {content: '';position: absolute;width: 5px;height: 18px;background: #4074FA;left: 0;top: 50%;margin-top: -9px;z-index: 1;}
.productlist-title {line-height: 24px;font-size: 14px;color: #666;text-align: justify;}
.productlist-img:hover em {display: block;}

/*.pro-hot {height: 90px;line-height: 90px;background: url(../images/pro-hotbg.jpg) no-repeat;margin-top: 20px;margin-bottom: 20px;}
.pro-hot strong {width: 240px;float: left;text-align: center;font-size: 26px;color: #217EFC;}
.pro-hot li {background: url(../images/pro-hot-ico.jpg) right center no-repeat; float: left;padding: 0 36px;}*/

/*pro-features*/
.pro-features {height: 720px;background: url(../image/pro-featuresbg.png) bottom center no-repeat;padding: 60px 0;overflow: hidden;width: 1200px;}
.pro-features h2 {color: #4074FA; font-size: 48px; font-weight: bold;text-align: center;line-height: 1.2;}
.pro-features h2 em {color: #171717;font-size: 24px;font-weight: lighter;}
.pro-features dl {width: 320px;height: 160px;border: px solid #f00;}
.pro-features dl dt {width: 121px;height: 121px;margin-top: 16px;}
.pro-features dl dt img {width: 121px;height: 121px;border-radius: 50%;-webkit-animation:shake 2s infinite;animation:shake 2s infinite;border: 3px solid #0166dc;}
.pro-features dl dd {width:176px;color: #fff;}
.pro-features dl dd h3 {font-size: 21px;line-height: 66px;}
.pro-features dl dd p {font-size: 16px; line-height: 1.4;}

/*index-banner-x*/
.index-banner-x {background: url(http://127.0.0.1/template/sddmkt.cn/images/index-banner-xbg.jpg) no-repeat; width: 1200px; height: 160px;margin-bottom: 20px;color: #fff;}
.index-banner-x h2 {width: 240px;float: left;padding-top: 40px;padding-left: 410px;letter-spacing: 2px;font-size: 20px;}
.index-banner-x h3 {width: 240px;float: left;font-size: 16px;padding-left: 410px;padding-top: 6px;}
.index-banner-x h4 {width: 400px;float: left;padding-top: 10px;padding-left: 410px;font-size: 13px;letter-spacing: 1px;}
.index-banner-x dl {font-size: 20px;width: 280px;float: right;margin-top: -40px;font-weight: bold;}

.pro-four-box { background: url(http://127.0.0.1/template/sddmkt.cn/images/ttt.jpg) top center no-repeat; width:100% ; height:960px; margin-top:10px; border:#ff0000 px solid;}
.pro-four-title { width:570px; height:120px; margin-top:33px; margin-left:60px; float:left;margin-bottom: 30px;}
.pro-four-list { width:1000px; height:720px; background: url(http://127.0.0.1/template/sddmkt.cn/images/line2.png) center center no-repeat; margin: 0 auto;overflow: hidden;}
.pro-four-list li { width:410px; height:350px; background:#ffffff;margin-bottom:20px;}
.pro-four-list li:nth-child(odd) {float: left;}
.pro-four-list li:nth-child(even) {float: right;}
.pro-four-list li img {width: 340px;height: 255px;margin-left: 35px;}
.pro-four-list li span {background: url(http://127.0.0.1/template/sddmkt.cn/images/pro-four-list-ico.jpg) left no-repeat; padding-left: 50px;font-size: 18px;line-height: 36px;height: 36px;width: 300px;margin-top: 15px;margin-left: 30px;margin-bottom: 15px;display: block;}

/*case*/
.case-box {background: #F1F1F1;padding: 60px 0;overflow: hidden;}
.case {width: 1100px;margin: 0 auto;border: px solid #f00;overflow: hidden;}
.case .case-hd {float: left;width: 240px;}
.case .case-hd li {float: left;line-height: 56px;height: 56px;width: 240px;margin-bottom: 10px;}
.case .case-hd li a {color: #fff;display: block;text-align: center;background: #4074FA;}
.case .case-hd li a:hover {background: #1CA362}
.case .case-hd li:nth-child(6) a {background: #f1f1f1;border: 3px solid #4074FA;width: 234px;height: 50px;line-height: 50px;color: #4074FA;}

.case .case-bd {width:840px;float: right;height: 385px;}
.case .case-bd .case-list {position: relative;overflow: hidden;width: 930px;}
.case .case-bd .case-list .case-list-img {width: 513px;height: 385px;float: left;}
.case .case-bd .case-list .case-list-img {height: 258px;position: relative;}
.case .case-bd .case-list .case-list-img li img {vertical-align:middle;width:513px;height:385px;}
.case .case-bd .case-list .case-list-img h4 {font-size: 14px;font-weight: bold;line-height: 60px;height: 60px;overflow: hidden;text-align: left;position: absolute;z-index: 9;background: rgba(0,95,205,.5);color: #fff;width: 483px;left: 0;padding-left: 30px;font-size: 18px;display: block;bottom: 0;}
.case .case-bd .case-list .case-list-img h4 a {color: #fff;}
.case .case-bd .case-list .case-list-nav {float: right;width: 401px;border: px solid #f00;height: 385px;}
.case .case-bd .case-list .case-list-nav .case-list-nav-li {width: 401px;height: 385px;}
.case .case-bd .case-list .case-list-nav .case-list-nav-li li {float: left;width: 147px;height: 110px;margin-right: 20px;margin-bottom: 27px;}
.case .case-bd .case-list .case-list-nav .case-list-nav-li li img {width: 136px;height: 102px;border: 4px solid #4074FA;}
/*.case .case-bd .case-list .case-list-nav .case-button {width: 400px;height: 60px;border: 1px solid #f00;float: right;}*/

/**/
.advantage {padding-top:79px;overflow: hidden;}
.advantage .advantage1{height:455px;margin-bottom:58px;}
.advantage dl dd p i {margin-right: 6px;}
.advantage .advantage1 span{display:block;float:left;width:645px;height:459px;margin-left:48px;}
.advantage .advantage1 span img{width:645px;height:459px;}
.advantage .advantage1 dl{float:right;width:380px;margin-right:60px;margin-top:59px;}
.advantage .advantage1 dl dt{margin-bottom:53px;height:100px;}
.advantage .advantage1 dl dt i{display:block;float:left;font-size: 66px; color: #3E96FC;line-height: 100px;}
.advantage .advantage1 dl dt strong{display:block;float:left;position:relative;margin-left:26px;padding-top:12px;font-size:30px;line-height:30px;font-weight:bold;color:#4074FA;}
.advantage .advantage1 dl dt strong em{display:block;font-size:24px;line-height:24px;font-weight:normal;color:#4074FA;margin-top:9px;}
.advantage .advantage1 dl dt strong::before{width:28px;height:5px;background:#4074FA;content:"";position:absolute;left:0;bottom:-23px;}
.advantage .advantage1 dl dd p{font-size:18px;color:#333333;margin-bottom:24px;}
.advantage .advantage1 dl dd p b{font-size:18px;font-weight:bold;color:#1CA362;}
.advantage .advantage2{height:500px;margin-bottom:130px;background: #f1f1f1;}
.advantage .advantage2 span{display:block;float:right;width:630px;height:400px;}
.advantage .advantage2 span img{width:630px;height:400px;}
.advantage .advantage2 dl{float:left;width:380px;margin-left:60px;margin-top:59px;}
.advantage .advantage2 dl dt{margin-bottom:53px;height:100px;}
.advantage .advantage2 dl dt i{display:block;float:left;font-size: 66px; color: #3E96FC;line-height: 100px;}
.advantage .advantage2 dl dt strong{display:block;float:left;position:relative;margin-left:26px;padding-top:12px;font-size:30px;line-height:30px;font-weight:bold;color:#4074FA;}
.advantage .advantage2 dl dt strong em{display:block;font-size:24px;line-height:24px;font-weight:normal;color:#4074FA;margin-top:9px;}
.advantage .advantage2 dl dt strong::before{width:28px;height:5px;background:#4074FA;content:"";position:absolute;left:0;bottom:-23px;}
.advantage .advantage2 dl dd p{font-size:18px;color:#333333;margin-bottom:24px;}
.advantage .advantage2 dl dd p b{font-size:18px;font-weight:bold;color:#1CA362;}
.advantage .advantage2 .advantage2-list {width: 500px;height: 375px;float: right;margin-top: 60px;}
.advantage .advantage2 .advantage2-list .hd {position: relative;z-index: 9;right: 30px;bottom: 40px;}
.advantage .advantage2 .advantage2-list .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.advantage .advantage2 .advantage2-list .hd ul li{ float:left;  width:40px; height:6px; overflow:hidden; margin-right:8px; text-indent:-999px; cursor:pointer; background:#4074FA;}
.advantage .advantage2 .advantage2-list .hd ul li.on{ background-position:0 0; background: #1CA362;}
.advantage .advantage2 .advantage2-list .bd ul li img {width: 500px;height: 375px;}
.advantage .advantage3{height:403px;}
.advantage .advantage3 span{display:block;float:left;width:651px;height:403px;margin-left:48px;}
.advantage .advantage3 span img{width:650px;height:400px;}
.advantage .advantage3 dl{float:right;width:380px;margin-right:60px;margin-top:59px;}
.advantage .advantage3 dl dt{margin-bottom:53px;height:100px;}
.advantage .advantage3 dl dt i{display:block;float:left;font-size: 66px; color: #3E96FC;line-height: 100px;}
.advantage .advantage3 dl dt strong{display:block;float:left;position:relative;margin-left:26px;padding-top:12px;font-size:30px;line-height:30px;font-weight:bold;color:#4074FA;}
.advantage .advantage3 dl dt strong em{display:block;font-size:24px;line-height:24px;font-weight:normal;color:#4074FA;margin-top:9px;}
.advantage .advantage3 dl dt strong::before{width:28px;height:5px;background:#4074FA;content:"";position:absolute;left:0;bottom:-23px;}
.advantage .advantage3 dl dd p{font-size:18px;color:#333333;margin-bottom:24px;}
.advantage .advantage3 dl dd p b{font-size:18px;font-weight:bold;color:#1CA362;}

/**/
.news-box{height:500px;overflow:hidden;background: #f1f1f1;}
.news{padding-top:100px;height:860px;}
.news h3{text-align:center;margin-bottom:49px;}
.news h3 span{display:block;font-size:42px;font-weight:bold;color:#4074FA;line-height:42px;height:79px;background:url("http://127.0.0.1/template/sddmkt.cn/images/t2.png") no-repeat bottom center;}
.news h3 i{display:block;font-size:18px;color:#666666;margin-top:11px;}
.news .gsdt{width:656px;height:700px;float:left;}
.news .gsdt span{display:block;padding-bottom:9px;border-bottom:1px dashed #dcdcdc;margin-bottom:20px;}
.news .gsdt span a{display:block;font-size:24px;line-height:24px;color:#333333;}
.news .gsdt span a i{float:right;font-size:14px;line-height:14px;margin-top:8px;color:#666666;font-family:"Arial";text-transform:uppercase;}
.news .gsdt dl dt{width:656px;height:328px;margin-bottom:20px;}
.news .gsdt dl dt img{width:656px;height:328px;}
.news .gsdt dl dd strong{display:block;height:30px;margin-bottom:20px;}
.news .gsdt dl dd strong i{display:block;width:60px;font-weight:normal;height:30px;text-align:center;line-height:30px;font-size:20px;color:#FFF;background:#4074FA;border-radius:5px;margin-right:19px;float:left;}
.news .gsdt dl dd strong a{display:block;float:left;font-size:18px;color:#333333;font-weight:bold;margin-top:6px}
.news .gsdt dl dd p{font-size:14px;color:#808080;}
.news .gsdt dl dd ul{margin-top: 20px;}
.news .gsdt dl dd ul i {margin-right: 8px;}
.news .gsdt dl dd ul li{padding-left:22px;background:url("http://127.0.0.1/template/sddmkt.cn/images/y2.png") no-repeat left;height:44px;line-height:44px;}
.news .gsdt dl dd ul li a{display:block;font-size:14px;color:#333333;line-height:44px;border-bottom:1px dashed #dcdcdc;}
.news .gsdt dl dd ul li a em{float:right;font-size:14px;color:#999999;height:44px;line-height:44px;}
.news .gsdt dl dd ul li.last a{border-bottom:0;}
.news .gdbk{width:473px;height:700px;float:right;}
.news .gdbk span{display:block;padding-bottom:9px;border-bottom:1px dashed #dcdcdc;margin-bottom:25px;}
.news .gdbk span a{display:block;font-size:24px;line-height:24px;color:#333333;}
.news .gdbk span a i{float:right;font-size:14px;line-height:14px;margin-top:8px;color:#666666;font-family:"Arial";text-transform:uppercase;}
.news .gdbk dl{width:417px;height:572px;/*background:url("../images/bkbj.png") no-repeat center;*/padding:36px 27px 0 29px;}
.news .gdbk dl dt{margin-bottom:35px;}
.news .gdbk dl dt strong{display:block;margin-bottom:10px;}
.news .gdbk dl dt strong a{display:block;font-size:18px;color:#333333;}
.news .gdbk dl dt p{font-size:14px;color:#808080;margin-bottom:22px;}
.news .gdbk dl dt b{display:block;width:415px;height:208px;}
.news .gdbk dl dt b img{width:415px;height:208px;}
.news .gdbk dl dd ul{margin-top: -30px;}
.news .gdbk dl dd ul li{margin-bottom:20px;height:32px;line-height:32px;}
.news .gdbk dl dd ul li i{display:block;width:15px;height:15px;background:#4074FA;font-size:11px;color:#FFF;font-family:"Arial";text-align:center;line-height:15px;margin-right:12px;float:left;text-align: center;padding: 3px;margin-top: 5px;}
.news .gdbk dl dd ul li a{float:left;font-size:16px;display:block;width:88%;color:#333333;height:32px;line-height:32px;}
.news .gdbk dl dd ul li:hover i{background:#1CA362;}
.news .gdbk dl dd p{display:block;float:right;}
.news .gdbk dl dd p a{display:block;width:120px;height:26px;text-align:center;line-height:26px;font-size:14px;color:#FFF;background:#fca708;border-radius:5px;}
/**/
.about{height:690px; background:url(../image/aboutbg.jpg) repeat-x;width: 100%;overflow: hidden;}
.ab{padding-top:100px; height:590px; position: relative;}
.ab dl{width:550px;}
.ab dl dt{margin-bottom: 77px;}
.ab dl dt h3{font-size: 50px; color:#FFF; line-height: 50px; margin-bottom: 43px; text-transform: uppercase;}
.ab dl dt h3 i{color:#1CA362;}
.ab dl dt span{font-size: 24px; color:#FFF; font-weight: bold;letter-spacing: 4px;}
.ab dl dt span em{display: block; font-size: 13px; color:#FFF; line-height: 16px; font-weight: normal; margin-top: 14px; text-transform: uppercase;letter-spacing: 1px;}
.ab dl dd p{ font-size: 14px; color:#fff; height:145px; margin-bottom: 36px;}
.ab dl dd b{display: block;}
.ab dl dd b a{display: block; float:left; width:109px; height:38px; line-height: 38px; padding-left:20px; font-size: 14px; color:#FFF;}
.ab dl dd b .xq{background:#3E96FC;border-radius: 18px; margin-right: 30px;}
.ab dl dd b .zx{background:#1CA362;border-radius: 18px;}
.ab strong{display: block; width:947px; height:690px; position: absolute; bottom:0;right:-360px; overflow: hidden;}
.ab strong img{width:947px; height:690px;transition: all 0.5s linear;}
.ab strong:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/* link */
.link{width: 100%;background: #4074FA;padding: 14px 0 12px 0;overflow: hidden;}
.link dt{width: 80px;height: 40px;border-right: 1px dotted #80b9fb;float: left;}
.link dt span{display: block;font-size: 26px;color: #fff;font-family: arial;position: relative;top: -5px;}
.link dt em{display: block;font-size: 14px;color: #fff;position: relative;top: -8px;}
.link dt a{text-decoration: none;}
.link dd{float: left;width: 1100px;overflow: hidden;padding-top: 12px;margin-left: 10px;}
.link dd a{display: block;font-size: 14px;color: #fff;padding: 0 18px;border-left: 1px solid #80b9fb;float: left;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}


/*图标抖动*/
@-webkit-keyframes shake {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes shake {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}