body{margin:0;font-size:12px;line-height:1; font-family:"Microsoft YaHei";color: #333;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:12px;}
p,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{text-decoration:none !important;color:#333;}
i,em{ font-style:normal;}
/* strong,b{ font-weight:normal;} */
img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} 
.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}
table{border-spacing:0;border-collapse:collapse;}
th,td{padding:0;text-align:left; vertical-align:top;}
input{border:none;background:none;outline:none;}
textarea{resize:none;}
html{overflow-x: hidden;overflow-y: auto;}
body{min-width: 1200px;background: #fefefe;}


.fl { float: left; }
.fr { float: right; }
.mr{width: 1200px;margin: 0 auto}


.content{width: 1200px;margin: 0 auto;min-width: 1200px;}

.zg_header{height: 34px;width: 100%;border-bottom: 1px solid #eaeaea;}
.zg_header .left{float: left;}
.zg_header .left>span,.zg_header .left>div,.zg_header .left>em{float: left;}
.zg_header .left a,.zg_header .left p,.zg_header .right a{font: 12px/34px "Microsoft YaHei";color: #444;}
.zg_header .left>em{margin: 0px 12px 0 12px;font: 12px/34px "Microsoft YaHei";color: #dcdcdc;}
.zg_header .left .hdnav_more{width: 72px;cursor: pointer;height: 34px;position: relative;}
.zg_header .left .hdnav_more p{height: 34px;}
.zg_header .left .hdnav_more img{display: inline-block;width: 6px;height: 4px;/* float: right; */position: absolute;right: 0;top: 16px;/* margin:  16px 0 0 0; */}
.zg_header .left .hdnav_more .more{display: none;}
.zg_header .left .hdnav_more ul{width: 1140px;height: 44px;box-shadow: #cccccc 0 0 6px;margin: 1px 0 0 -160px;display: none;position: relative;z-index: 10;background: #fff;}
.zg_header .left .hdnav_more li{float: left;}
.zg_header .left .hdnav_more li a{margin: 0px 12px 0 12px;font: 12px/44px "Microsoft YaHei";color: #666;margin: 0 15px 0 15px;}
.zg_header .left .hdnav_more li em{font: 12px/44px "Microsoft YaHei";color: #dcdcdc;}
.zg_header .left .hdnav_more li a:hover{color:#ff4800;}
.zg_header .left .hdnav_more .on{color:#ff4800;height: 34px;}
.zg_header .right{float: right;font: 14px/34px "Microsoft YaHei";color: #444;}
.zg_header .right img{margin: 10px 6px 0 6px;vertical-align: top;}
.zg_header a:hover{color:#ff4800;}


.zg_top{height: 115px;}
.zg_top .logo,.zg_top .logo span,.zg_top .logo h2{float: left;}
.zg_top .logo h2{width: 244px;margin:0 0 0 10px}
.zg_top .logo h2 a{display: block;}
.zg_top .logo h2 .s1{display: block;font: 12px/12px "Microsoft YaHei";text-align: center;color: #000;letter-spacing: 1.5px;}
.zg_top .logo span a h1{font:bold 12px/12px "Microsoft YaHei";text-align: center;color: #333;letter-spacing: 3px;margin-top: 7px;}
.zg_top .logo h2 .s2{display: block;font: 16px/16px "Microsoft YaHei";letter-spacing: 1px;color: #000;text-align: center;margin:  9px 0 11px 0}
.zg_top .logo h2 .s3{display: block;font: 8px/8px "Microsoft YaHei";letter-spacing: 1px;color: #000;text-align: center;}
.zg_top .logo h2 .s3 em{display: inline-block;width: 40px;height: 1px;background: #231815;vertical-align: middle;margin: auto 7px}
.zg_top .logo {margin:25px 0 0 0;}
.zg_top .city_box{float: left;margin: 47px 0 10px 42px;cursor: pointer;position: relative;z-index: 310;}
.zg_top .city_box p{font: 16px/16px "Microsoft YaHei";padding-bottom: 10px;color: #ff4800;}
.zg_top .city_box p span{margin-right: 10px;}
.zg_top .city_box em {background: url(../../images/list_dsj_images/city_more.png) no-repeat;width: 10px;height: 6px;display: inline-block;margin-left: 4px;vertical-align: middle;transition: .3s ease-in;}
.zg_top .city_box .on em{ transform:rotate(180deg);}
.zg_top .city_box .citys{width: 540px;height: 125px;background: #fff;box-shadow: #f3f3f3 0 0 8px;margin-top: 10px;padding-left: 20px;z-index: 1000;display: none;position: absolute;top:15px;left: 0px;}
.zg_top .city_box .citys a{font: 14px/14px "Microsoft YaHei";color: #333;float: left;padding:  20px 24px 0 0;}
.zg_top .city_box .citys a:hover{color: #ff4800;}
.zg_top .r{width: 323px;height: 50px;line-height: 34px;background: url(../../images/list_dsj_images/zg_top_r.png) no-repeat left 11px;float: right;font-size: 18px;font-weight: bold;color: #fff;margin: 31px 0 0 0;text-align: center;}
.zg_top .r p{padding: 16px 0 0 0;text-shadow: 0 0 5px #fc5524;}

.zg_nav .show_lnav{float: left;width: 170px;}
.zg_nav h2{width: 170px;/* height: 47px; */background: #ff4800;border-top-left-radius: 6px;border-top-right-radius: 6px;position: relative;cursor: pointer;}
.zg_nav h2>a{display: block;text-align: center;height: 47px;color: #fff;font:bold 16px/46px "Microsoft YaHei";letter-spacing: 1px;}
.zg_nav h2 img{/* float: right; */margin: 21px 0px 0 56px;vertical-align: top;}
.zg_nav h2 .asidenav{display: none;z-index: 10;}
.zg_nav .aside_on .asidenav{display: block}
.zg_nav h2 .asidenav li a:hover{color:#ff4b00}
.zg_nav .nav_top{float: right;height: 47px;position: relative;z-index: 755;}

.nli{float: left;margin-left: 30px;position: relative;z-index: 500;}
.nli h6 a{font:18px/46px "Microsoft YaHei";color: #333;}
.nli:hover h6 a{color: #ff4800}
.nli .nli_in{width: 129px;border-radius: 3px;background: #fff;position: absolute;top: 46px;left: -25px;box-shadow: #999999 0 0 8px;display: none;z-index: 550;}
.nli em{margin: 16px 0 0 3px;display: inline-block;vertical-align: top;}
.nli .more{display: none;}
.nli em img{vertical-align: middle;}
.nli>.on a{color: #ff4a00;}
.nli .nli_in .on{background: #f4f4f4;}
.nli_in a{font:14px/14px "Microsoft YaHei";text-align: center;display: block;padding: 13px 0 10px 0;color: #333;}
.nli .nli_in .on a{color: #ff4a00;}

.zg_nav .content{position: relative;z-index: 300;}
.left_nav{width: 1920px;display: none;padding: 33px 0 70px 0;height: 50px;background-color:#f8f8f8;position: relative;top: 0px;left: -360px}
.left_nav .cont{width: 1222px;}
.left_nav .cont>div{float: left;width: 199px;height: 74px;border-right: 1px solid #f9dacd;}
.left_nav .cont>div a{display: block;margin: -2px 0 17px 0;font-size: 14px;line-height: 16px;}
.left_nav .cont>div a:hover{color: #FC5524}
.left_nav .cont>div a img{margin: 0 10px 0 50px;width: 17px;}
 
.banner{background: url(../../images/list_dsj_images/banner.jpg) no-repeat top center;width: 100%;height: 450px; }
.banner .content{height: 450px;position: relative;}
.banner .content h2{font-size:62px ;line-height: 83px;color: #fff;font-weight: bold;position: absolute;top: 80px;left: 0;text-shadow: 0 0 13px rgba(12,58,177,.46);}
.banner .content h2 em{color: #fff002;}
.banner .content ul{width:600px;position: absolute;top: 271px;left: 0;}
.banner .content ul li{height:40px;font-size: 18px;line-height:40px;color: #fff;background: url(../../images/list_dsj_images/ban_2.png) no-repeat left center;padding-left: 36px;}
.banner .content div{background: url(../../images/list_dsj_images/ban_box.png) no-repeat top center;width: 395px;height: 526px;position: absolute;top: 5px;right: -16px;}
.banner .content div dt{font-size: 26px;text-align: center;margin: 50px 0 25px 0;font-weight: bold;}
.banner .content div dd{font-size: 14px;margin: 0px 0 18px 50px;padding-left: 23px;background: url(../../images/list_dsj_images/ban_1.png) no-repeat left center;}
.banner .content div dd:hover{transform: scale(1.05);transition: .3s;}
.banner .content div>a{display: block;width: 254px;height: 32px;border-radius: 32px;text-align: center;margin: 0 auto 18px;font-size: 14px;line-height: 32px;color: #fff;box-shadow:2px 0 12px rgba(0,178,214,.6);background: -webkit-linear-gradient(to right,#35c6dd, #00b2d6);background: -o-linear-gradient(to right,#35c6dd, #00b2d6);background: -moz-linear-gradient(to right,#35c6dd, #00b2d6);background:linear-gradient(to right,#35c6dd, #00b2d6);}

.tit h3{font-size: 40px;text-align: center;font-weight: bold;}
.tit p{padding-top:30px;font-size: 18px;line-height:1;text-align: center;}
.tit h3 img{vertical-align: top;margin: 10px 20px 0;}

/* 11 */
.part1{padding: 120px 0 80px 0;width: 100%;}
.part1 .cont{height: 410px;width: 1200px;background: #fff;margin-top: 39px;overflow: hidden;box-shadow: 3px 0 20px rgba(5,180,215,.26);}
.part1 .cont .l{float: left;width:590px;padding:43px 0 0 43px;}
.part1 .cont .l em{width: 39px;height: 6px;background-color: #05b4d7;display: block;margin: 0px 0 30px 0;}
.part1 .cont .l li{font-size: 16px;line-height:28px;margin-bottom:16px;background: url(../../images/list_dsj_images/bk01.png) no-repeat left 10px;padding-left: 23px;}
.part1 .cont .l li:last-child{margin-bottom: 0;}
.part1 .cont .l span{font-size: 14px;line-height: 20px;}
.part1 .cont .l a{display: block;width: 224px;height: 54px;background-color: #05b4d7;text-align: center;margin-top:36px;font-size: 22px;line-height: 54px;color: #fff;}
.part1 .cont .l a img{vertical-align: top;margin: 23px 0 0 10px; transition: 1s;}
.part1 .cont .l a:hover img{position: relative;right: -10px;transition: 1s;}

.part1 .cont .r{width: 495px;float: right;padding:48px 38px 0 0;font-size: 18px;text-align: center;}
.part1 .cont .r img{margin-bottom:16px;}



.part2{width: 100%;padding: 70px 0;background: #e7fcff;}
.part2 ul {width: 1222px;margin-top: 40px;}
.part2 ul li{width: 289px; height: 425px; background:url(../../images/list_dsj_images/p2_li.png) no-repeat top center; margin: 0px 13px 0 0px; overflow: hidden; float: left;}
.part2 ul li img{margin: 50px 0 0 24px;transition: .5s;}
.part2 ul li:hover img{transform: scale(1.1);transition: .5s;}
.part2 ul li dl{margin: 22px 0 0 24px;}
.part2 ul li dl dt{font-size: 18px;font-weight: bold;color: #05b4d7;}
.part2 ul li dl dt em{display: block;width: 38px;height: 2px;background-color: #05b4d7;margin-top: 15px;}
.part2 ul li dl dd{font-size: 14px;line-height: 29px;color: #333;margin: 23px 0 0 0px;width: 240px;}
.part2 a{margin: 40px auto 0;font-weight: bold;font-size: 22px;text-align: center;line-height: 58px;color: #fff;display: block;width: 503px;height: 58px;background: #05b4d7;}
:root .gradient{filter:none;}

/* 3 */
.part3{padding-top:70px;}
.part3 .box1{margin:24px 0 0 -18px;width: 1236px;height: 185px;background:url(../../images/list_dsj_images/p3_box1.png) no-repeat top center;}
.part3 .box1 p{width: 1118px;line-height: 30px;font-size: 14px;padding:42px 0 0 57px;}
.part3 h6{font-size: 18px;font-weight: bold;border-left: 3px solid #05b4d7;padding-left: 15px;margin-top:9px;}

.part3 .box2{width: 1222px;margin: 16px 0 0 0;}
.part3 .box2 li{width: 134px;height: 136px;border: 1px solid #e7fcff;float: left;margin-right:16px;font-size: 16px;text-align: center;}
.part3 .box2 li img{display: block;margin: 20px auto 14px;transition: .5s;}
.part3 .box2 li:hover img{transform: rotateY(180deg);transition: 1s;}


.part3 .box3{margin:15px 0 0 -18px;width: 1236px;height: 185px;background:url(../../images/list_dsj_images/p3_box3.png) no-repeat top center;}
.part3 .box3 p{width: 1118px;line-height: 30px;font-size: 14px;padding:42px 0 0 57px;}

.part3 .box4{position: relative;}
.part3 .box4 div{width: 220px;height: 222px;background:url(../../images/list_dsj_images/p3_b4.png) no-repeat top center;position: absolute;top:49px;left:490px;}
.part3 .box4 div p{font-size: 30px;line-height: 37px;font-weight: bold;text-align: center;color: #fff;padding-top: 74px;}
.part3 .box4 ul{position: relative;height: 369px;}
.part3 .box4 ul li{font-size:30px;color: #05b4d7;position: absolute;}
.part3 .box4 ul .l1{top:42px;left:22px;}
.part3 .box4 ul .l2{top: 99px;left: 264px;}
.part3 .box4 ul .l3{top: 144px;left:79px;}
.part3 .box4 ul .l4{top: 202px;left:243px;}
.part3 .box4 ul .l5{top: 260px;left: 60px;}
.part3 .box4 ul .l6{top: 52px;right: 215px;font-size: 32px;}
.part3 .box4 ul .l7{top: 98px;right: 13px;font-size: 28px;}
.part3 .box4 ul .l8{top: 155px;right: 207px;}
.part3 .box4 ul .l9{top:218px;right: 39px;}
.part3 .box4 ul .l10{top: 259px;right: 333px;}
.part3 .box4 ul .i1{font-weight: bold;}


.part4{width: 100%;padding:70px 0 80px;background: -webkit-linear-gradient(#48cee3, #00a8ca);background: -o-linear-gradient(#48cee3, #00a8ca);background: -moz-linear-gradient(#48cee3, #00a8ca);background: linear-gradient(#48cee3, #00a8ca);}
.tit2{color: #fff;}
.tit2 p{padding-top: 19px;}
.part4 .cont{position: relative;}
.part4 .cont span{display: block;width: 117px;height: 117px;height: 92px;background: #fff;border-radius: 117px;position: absolute;top: 133px;left: 542px;z-index: 10;font-size: 30px;line-height: 35px;text-align: center;font-weight: bold;padding-top: 25px;}
.part4 .cont ul{width: 1333px;margin-top: 40px;}
.part4 .cont ul li{width: 621px;height: 209px;background:url(../../images/list_dsj_images/p4_1.png) no-repeat top center;float: left;margin: -13px 4px 4px -15px;}
.part4 .cont ul .l2{background:url(../../images/list_dsj_images/p4_2.png) no-repeat top center;}
.part4 .cont ul .l3{background:url(../../images/list_dsj_images/p4_3.png) no-repeat top center;}
.part4 .cont ul .l4{background:url(../../images/list_dsj_images/p4_4.png) no-repeat top center;}
.part4 .cont ul li p{width: 480px;margin: 0 auto 0;font-size: 16px;line-height: 26px;padding-top: 48px;}
.part4 .content>a{display: block;width: 323px;height: 58px;background:url(../../images/list_dsj_images/p4_btn.png) no-repeat top center;margin: 16px auto 0;font-size: 22px;text-align: center;line-height: 58px;font-weight: bold;color: #fff;text-shadow: 0 0 10px rgba(255,66,0,.8);}



.part5{padding:80px 0;position: relative;}
.part5 .top{margin-top: 40px;width: 1222px;}
.part5 .top li{width: 292px;height: 58px;background: #e7fcff;margin: 0 11px 0 0;text-align: center;line-height: 58px;font-weight: bold;text-align: center;font-size: 20px;float: left;margin: 0 11px 0 0;}
.part5 .top .on{background: #05b4d7 ;color: #fff;}
.part5 .txt{width: 1200px;height: 368px;background: #e7fcff;margin:20px 0 50px;display: none;}
.part5 .txt .l{float: left;padding-left: 54px;}
.part5 .txt .l h5{font-size: 26px;font-weight: bold;margin-top:72px;}
.part5 .txt .l h5 span{width: 60px;height: 2px;background: #05b4d7;display: block;margin-top:24px;}
.part5 .txt .l p{width:495px;font-size: 16px;line-height: 28px;margin-top:30px;}
.part5 .txt .l a{display: block;width: 225px;height: 45px;text-align: center;color: #fff;line-height: 45px;font-size: 18px;font-weight: bold;margin-top:26px;background: -webkit-linear-gradient(to right,#37c5dd, #00a8ca);background: -o-linear-gradient(to right,#37c5dd, #00a8ca);background: -moz-linear-gradient(to right,#37c5dd, #00a8ca);background:linear-gradient(to right,#37c5dd, #00a8ca);}
.part5 .txt>img{float: right;}
.part5 .content>a{display: block;width: 323px;height: 58px;background:url(../../images/list_dsj_images/p4_btn.png) no-repeat top center;margin: 16px auto 0;font-size: 22px;text-align: center;line-height: 58px;font-weight: bold;color: #fff;text-shadow: 0 0 10px rgba(255,66,0,.8);}


.part6{padding: 70px 0 70px 0 ;width: 100%;background:url(../../images/list_dsj_images/part6.jpg) no-repeat top center;}
.part6 .cont{width: 1252px;margin-top: 50px;}
.part6 .cont div{width: 380px;height: 519px;float: left;box-shadow: 0 0 20px #baf5ff;margin: 0 30px 0 0;background: #fff;position: relative;}
.part6 .cont p{font-size: 16px;line-height: 30px;text-align: center;color: #333;padding: 35px 30px 0;}

.part6 a{position: absolute;top: 423px;left: 102px;display: block;width: 176px;height: 43px;background:#05b4d7;border-radius: 43px;font-size: 18px;text-align: center;line-height: 43px;color: #fff;font-weight: bold;}


.part7{padding: 50px 0 50px 0;}
.part7 .cont{width: 1302px;}
.part7 .cont>div{width: 360px;float: left;margin: 0 58px 0 0;}
.part7 .cont>div .tit8{ /* padding-bottom: 11px; */border-bottom: 1px solid #d6d6d6;}
.part7 .cont>div .tit8 img{float: left;margin: 0 0 0 0;}
.part7 .cont>div .tit8 h5{font-size: 18px;  margin: 0 0 0 -6px;padding: 15px 0 12px 0;float: left;border-bottom: 1px solid #05b4d7;}
.part7 .cont>div .tit8 a{float: right;height: 26px;font-size: 18px;color: #333;line-height: 26px;margin: 15px 0 0 0;}
.part7 .cont>div ul{margin-top: 27px;}
.part7 .cont>div ul li{font-size: 16px;color: #666;margin: 0 0 22px 0;}
.part7 .cont>div ul li a{color: #666;font-size: 16px;}
.part7 .cont>div ul li a em{display: inline-block;width: 25px;border-radius: 8px;color:#666;font-weight: bold;vertical-align: top;margin: 0px 0 0 0;position: relative;text-align: center;}
.part7 .cont>div ul li a em>i{display: block;width: 25px;height: 5px;background: #e4e9f1;/* position: absolute;bottom: 0;left: 0; */margin: -5px 0 0 0;}
.part7 .cont>div ul li a>i{display: inline-block ;width: 225px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.part7 .cont>div ul li a span{float:right;}
.part7 .cont>div ul li a:hover{color:  #05b4d7;}
.part7 .cont>div ul li a:hover em {color:#05b4d7;}

.footer_top{padding: 50px 00 0 0;background: #404144;}
.footer_top dl{border-bottom: 1px solid #646464;}
.footer_top dl dd{float: left;margin: 0 30px 0 0;color: #fff;font-size: 18px;padding: 0 0 0px 0;}
.footer_top dl em{display: block;width: 100%;height: 1px; margin-top: 21px;}
.footer_top dl .on em{background: #ff4a00;}
.footer_top ul{margin-left:-11px;padding-top:28px;display: none;}
.footer_top ul li{float: left;margin: 0 11px 17px;}
.footer_top ul li a{color: #fff;font-size: 16px;}
/*---footer---*/


.footer { background: #404144; color: #999; line-height: 28px; text-align: center; padding:0 0 34px 0; }
.footer a { color: #999; }
.footer a:hover { color: #ff4a00; }
.footer img { vertical-align: middle; padding: 0 5px 5px 0; }



.zglh_foot { height: 55px; clear: both; padding: 23px 0; }
.zglh_footrig { margin-left: 25px; width: 485px; }
.zglh_nav { overflow: hidden; }
.zglh_nav li { font-size: 12px; line-height: 24px; float: left; color: #5e5e5e; }
.zglh_nav li a { color: #ccc; }
.zglh_nav li span { margin: 0 11px 0 9px; }
.zglh_last { clear: both; font-size: 12px; line-height: 18px; color: #999; margin-top: 12px; text-align: left; }
.zglh_tel { position: relative; height: 55px; }
.zglh_tel span { display: block; width: 55px; height: 56px; float: left; cursor: pointer; }
.zglh_tel span em { display: inline-block; *display: inline; zoom: 1; display: none; width: 155px; height: 164px; position: absolute; }
.zglh_poimg01 {width: 155px;height: 164px;position: absolute;right: 25px; top: -166px; background: url(../../images/list_dsj_images/ioserweima.png) no-repeat;   z-index: 99999; display: none;}
.zglh_poimg02 {width: 155px;height: 164px;position: absolute; right: -51px; top: -166px; background: url(../../images/list_dsj_images/ioserweima.png) no-repeat;z-index: 99999;  display: none; }
.zglh_tel span:hover em { display: block; }
.tel01 { font-size: 14px; line-height: 21px; color: #ccc; width: 66px; height: 21px; padding-right: 141px; background: url(../../images/list_dsj_images/tel.jpg) no-repeat right center; margin: 17px 44px 0 0; }
.zglh_tel .tel01 { float: left; }
.zglh_ios { background: url(../../images/list_dsj_images/ios.jpg) no-repeat; margin-right: 20px; }
.zglh_ios:hover .zglh_poimg01{display: block;}
.zglh_iosbj { background: url(../../images/list_dsj_images/iosbj.jpg) no-repeat; }
.zglh_andr { background: url(../../images/list_dsj_images/andro.jpg) no-repeat; }
.zglh_andrbj { background: url(../../images/list_dsj_images/andrbj.jpg) no-repeat; }

.zglh_andr:hover .zglh_poimg02{display: block;}