@charset "utf-8";
/* CSS Document */
.dxm_banner{width:100%; height:600px;position:relative; overflow:hidden; min-width:1200px;}
.dxm_banner img{position:absolute; left:50%; top:0px; margin-left:-960px;}
.dxm_one{ position: relative;width: 1221px; height: 281px; margin: -76px auto 0 auto; background:url(../images/dxm-one.png) no-repeat;}
.one_name{ font-size: 30px; padding: 30px 0;color: #0ec1b2;font-weight: bold;text-align: center;}
.one_shuru{ width: 1132px; margin: 0 auto;}
.one_shuru .chenghu{ float: left; width: 388px; height: 57px; background: #f1f1f1; margin-right: 9px;line-height: 57px; padding-left: 23px; font-size: 16px; color: #888;}
.one_shuru .chenghu input{width: 266px;border:none; text-indent: 10px; height: 50px; background: none; text-indent: 10px;}
.one_shuru .tj{ width: 292px; height: 57px; color: #fff;background: #0ec1b2; float: left;}
.one_shuru .tj input{ width: 292px; height: 57px; color: #fff;background: #f66c20; float: left; border: none; font-size: 22px;}
.one_news{width: 1132px; margin: 0 auto;}
.txtScroll-top{ width:100%;  overflow:hidden; position:relative;}
.txtScroll-top .bd{ margin: 0 auto; }
.txtScroll-top .infoList li{ height:60px; line-height:60px; width: 100%;font-size: 16px;}
.txtScroll-top .infoList li b{font-weight: normal;color: #f66c20;}
.txtScroll-top .infoList li span{font-weight: bold;color: #333;}
.dxm_two{ width: 1200px; margin: 60px auto 40px auto;}
.title{ text-align: center;}
.title p{ font-size: 40px; color: #000; font-weight: bold; margin-bottom: 20px;}
.title p b{color: #f66c20;}
.title span{font-size: 18px; color: #888;}
.title span b{font-weight: bold;color: #1cc5b7;}
.title i{ margin: 0 6px;}
.dxm_two .help{ margin: 30px auto; text-align: center; font-size: 22px; color: #444;}
.dxm_two .help b{ width: 29px; height: 40px; background: #0ec1b2; border-radius: 2px; text-align: center; line-height: 40px; color: #fff; font-weight: normal; display: inline-block; margin: 0 2px;}
.youshi{ width: 1200px; height: 150px; margin: 80px auto; text-align: center;}
.youshi ul li{ float: left;width: 141px; height: 102px; background: url(../images/dp.png) no-repeat; text-align: center; font-size: 22px; color: #763d1e;font-weight: bold; margin: 0 29px; padding-top: 54px;}
.dxm_three{ width: 100%; height: 510px; min-width: 1200px; background: url(../images/dxm-three.png) top center no-repeat;}
.cont1200{ width: 1200px; margin: 0 auto;}
.dxm_three .three_wz{ margin-top: 120px;}
.dxm_three .three_wz p{ font-size: 34px; font-weight: bold; color: #fff; margin: 16px 0;}
.more{ margin-top: 40px;}
.dxm_four{ width: 1200px; margin: 60px auto; }
.dxm_four .price{width: 1200px; height: 478px;background: #1e3485;border-radius: 8px; margin: 30px auto;}
.dxm_four .price .pri_tu{ margin: 16px;}
.dxm_four .price .pri_wz{ text-align: center; color: #fff; margin: 38px 70px 0 0;}
.dxm_four .price .pri_wz span{ font-size: 24px;}
.dxm_four .price .pri_wz p{ font-size: 42px; font-weight: bold;}
.dxm_four .price .pri_wz p b{ color: #ffe500;}
.dxm_four .price .pri_wz .liuyan{ width: 304px; height: 53px; background: #fff;line-height: 53px; padding-left: 8px; font-size: 14px; color: #888; margin: 20px auto;}
.dxm_four .price .pri_wz .liuyan input{width: 220px;border:none; height: 50px; background: none; text-indent: 10px;}
.dxm_five{ width: 100%; height: 668px; background: url(../images/baozheng.jpg) top center no-repeat; position: relative;}
/*0%开始，100%结束*/
@keyframes scale{
	0%{transform:scale(1)}
	50%,75%{transform:scale(3)}
	78%,100%{opacity:0}
}
.dxm_five .item1{position: absolute; width: 340px; height: 340px; background: #ffd601;border-radius: 10000px; left: 50%; top: 50%; margin-left: -170px; margin-top: -170px;z-index: 1;}
.dxm_five .item1:before{position: absolute; width: 160px; height: 160px; background: #ffd601;border-radius: 10000px; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px;
content: '';display:block;opacity: .7;background-color: #FFFF00;animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: 200ms;
}
.dxm_five .item2{position: absolute; width: 340px; height: 340px; background: #ffd601;border-radius: 10000px; left: 50%; top: 50%; margin-left: -170px; margin-top: -170px;z-index: 2;}
.dxm_five .item2:before{position: absolute; width: 200px; height: 200px; background: #ffd601;border-radius: 10000px; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px;
content: '';display:block;opacity: .7;background-color: #FFFF00;animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: 200ms;
}
.dxm_five .item3{position: absolute; width: 340px; height: 340px; background: #ffd601;border-radius: 10000px; left: 50%; top: 50%; margin-left: -170px; margin-top: -170px; z-index: 3; text-align: center; color: #d44904;}
.dxm_five .item3 p{ font-size: 40px; font-weight: bold; margin-top: 117px;}
.dxm_five .item3 span{ font-size: 40px;}
.dxm_five ul{ width: 1200px; margin: 0 auto;}
.dxm_five ul li{ width: 343px; height: 132px;padding: 30px 0; border: 2px solid #ffffff; border-radius: 8px; background: none; text-align: left; float: left; color: #ffffff; margin-top: 88px;}
.dxm_five ul li p{ font-size: 40px;font-weight: bold; margin-left: 30px;}
.dxm_five ul li span{ font-size: 22px; display: block;margin: 20px 0 0 30px;width: 260px;}
.dxm_five ul li:nth-child(2){ float: right;}
.dxm_five ul li:nth-child(4){ float: right;}
.dxm_six{ margin: 40px auto 0 auto;}
.dxm_six .six_tu{ margin: 30px 0; width: 612px;}
.dxm_six .six_wz{ width: 728px; margin: 30px 0 0 -140px;}
.dxm_six .six_wz ul li{ float: none !important; width: 527px; padding-left: 80px; height: 79px; border-radius: 8px; margin-top: 20px;color: #fff;line-height: 79px; font-size: 22px; background: url(../images/icon1.png) 20px center no-repeat #4275c5;}
.dxm_six .six_wz ul li:nth-child(2){background: url(../images/icon2.png) 20px center no-repeat #f66c20; margin-left: 50px;}
.dxm_six .six_wz ul li:nth-child(3){background: url(../images/icon3.png) 20px center no-repeat #f66083;margin-left: 100px;}
.dxm_six .six_wz ul li:nth-child(4){background: url(../images/icon4.png) 20px center no-repeat #46acd6;margin-left: 150px;}
.dxm_seven{ width: 100%; padding-top: 60px; height: 406px; background: url(../images/liucheng.jpg) top center no-repeat;}
.dxm_seven ul{ margin-top:80px; position: relative;}
.dxm_seven ul li{ margin: 0 35px; text-align: center; width: 100px; color: #fff; font-size: 22px;position: relative;z-index: 3;}
.dxm_seven ul .line{position: absolute; width: 1000px; height: 1px; background: url(../images/line.png) left center no-repeat; left: 100px; top: 45px;z-index: 2;}
.dxm_eight{ margin: 60px auto;}
.dxm_eight .show{ width: 1200px; height: 309px;padding-top: 120px; background: url(../images/banli.png) top center no-repeat; margin: 40px 0;}

.picList li{ width:331px;  } 
.picList .pic{ text-align:center; width: 331px;height: 230px;overflow: hidden;} 
.picList .pic img{ width: 100%;} 
.picList .title_wz a{font-size: 22px; color: #666; line-height: 44px;} 
.picList .title_wz a:hover{ text-decoration: none;color: #666;}
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative; } 
.leftLoop .bd{ padding:10px;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 30px; text-align:center; float:left;display:_inline;  } 
.dxm_ten{width: 100%; height: 590px; background: url(../images/dibu.jpg) top center no-repeat;}
.dxm_ten .ly_le{width: 560px;margin: 76px 0 0 37px;}
.dxm_ten .ly_le span{ font-size: 40px; font-weight: bold;color: #fff;}
.dxm_ten .ly_le p{ font-size: 24px;color: #fff;}
.dxm_ten .ly_le p b{color: #ffe500; font-weight: bold;}
.dxm_ten .ly_le ul{ margin: 30px 0 0 0;}
.dxm_ten .ly_le ul li{ width: 138px; height: 138px; overflow: hidden; margin: 0 40px 40px 0;}
.dxm_ten .ly_fr{ width: 458px; height: 512px; background: url(../images/ly-bg.png) no-repeat; margin-top: 78px;}
.dxm_ten .ly_fr .ly_one{ background: url(../images/lyicon.png) 20px center no-repeat; height: 114px; padding: 40px 0 0 88px;}
.dxm_ten .ly_fr .ly_one p{font-size: 30px; font-weight: bold; color: #000;}
.dxm_ten .ly_fr .ly_one p b{color: #f87832;}
.dxm_ten .ly_fr .ly_one span{font-size: 22px; color: #666;}
.dxm_ten .ly_fr .ly_one span b{color: #0ec1b2;}
.dxm_ten .ly_fr .ly_two{ width: 418px; height: 53px; background: #f1f1f1;line-height: 53px; padding-left: 8px; font-size: 14px; color: #888; margin: 30px auto;}
.dxm_ten .ly_fr .ly_two input{width: 350px;border:none; height: 50px; background: none; text-indent: 10px;}
.dxm_ten .ly_fr .ly_three{ width: 418px; height: 53px; margin:40px auto 20px auto;}
.dxm_ten .ly_fr .ly_three input{ width: 418px; height: 53px; background: url(../images/db-tj.png) no-repeat; cursor: pointer; border: none;}
.ly_four{font-size: 14px; color: #888; text-align: center;}
.logo_flash{ position: relative; transition-duration: .5s; }
.logo_flash{ width: 381px; overflow: hidden; }
.logo_flash:before{
content:"";
position: absolute;
left: -665px;
top: -460px;
width: 380px;
height: 15px;
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
-o-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 1s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
@-o-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
@-moz-keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}
@keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 120px; top: 100px; }
}

