*{font-family: "Microsoft YaHei";}
#product {
	min-height: 100%;
	overflow: auto;
	font-weight: normal;
	width: 100%;
	/*padding-bottom: 20px;*/
	height: 100%;
	overflow-x: hidden;
	overflow-y: visible;
}


.h80{height: 80px;}
.h100{height: 100px;}
.h150{height: 150px;}
.fwb{font-weight: bold}
.pd150{padding-left: 170px;}
.ml-5{margin-left: -5px !important;}
.ml20{margin-left: 20px !important;}
.m0{margin: 0 !important;}
.p0{padding: 0 !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt21{margin-top: 20px !important;}
.mt35{margin-top: 35px !important;}
/*.mt50{margin-top: 50px !important;}*/
.mt150{margin-top: 150px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.mb10{margin-bottom: 10px;}
.pdl130{padding-left: 160px !important;}

.pd15{padding:0 15px !important;}
.mt100{margin-top: 100px !important;}
.bbf3f3f3{border-bottom:1px solid #f3f3f3 ;}
.brf3f3f3{border-right:1px solid #f3f3f3 ;}
.fs19{font-size: 19px !important}
.fs23{font-size: 23px !important}

.wp100{width: 100%;}
.wp16_66{width: 16.66%;}

.bg9480f7{background: #9480f7}
.bg01bcc6{background: #01bcc6}
.bg22c9ff{background: #22c9ff}
.bgff8492{background: #ff8492}
.bg80c269{background: #80c269}
.bg5983ff{background: #5983ff}
.bg2379f0{background: #2379f0}

.lump{
    height: 55px;
    line-height: 55px;
    border-radius: 2px;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    text-align: center;
}

.pdctcontent{
	/*padding-left: 150px;*/
	/*width: 100%;*/
	/*max-width: 1200px;*/
	width: 100%;
	height: 100%;
	/*padding-bottom: 60px;*/
	display: none;
}
.max1200{/*width: 92%;*/max-width: 1200px;  margin: 0 auto;}
.productactive{display: block !important;}
.topimg{
	position: relative;
	height: auto;
}
.topimg>img{
	width: 100%;
    max-height: 280px;
}
.toptab{position: relative;width: 100%;margin: 0 auto;max-width: 1200px;height:40px;margin-top:-40px;}
.toptab>div{
	height: 40px;
	max-width: 170px;
    padding: 0px 20px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	/*background: rgb(54,71,78);*/
	text-align: center;line-height: 44px;
	color:#ffffff;
	font-size: 14px;
	/*box-shadow: inset 0px -5px 6px 0px rgba(33, 46, 52,0.5);*/
	float: left;behavior: url(ie-css3.htc);z-index:1;
	cursor: pointer;
}
.toptab>div:hover{
    background: rgb(236, 82, 84) !important;
    box-shadow: inset 0px -5px 6px 0px rgba(185, 50, 52,0.5) !important;
}
.toptabcheck{
	background: rgb(236, 82, 84) !important;
	box-shadow: inset 0px -5px 6px 0px rgba(185, 50, 52,0.5) !important;behavior: url(ie-css3.htc);z-index: 100 !important;position: relative;
}
.topbutton{width: 100%;height: 44px;margin-top: 40px;margin-bottom: 16px;}
.topbutton>div{
	height: 44px;width: 30%;max-width: 100px;
	float: left;color:rgb(54,71,78);font-size: 14px;
	border: 1px solid rgb(215, 218, 220);
	border-radius: 3px;line-height: 44px;
	text-align: center;behavior: url(ie-css3.htc);
	cursor: pointer;
}
.topbuttoncheck{color:rgb(10,24,40) !important;box-shadow: 2px 2px 4px 0 rgba(54,71,78,0.3);behavior: url(ie-css3.htc);}
.content1{
	height: auto;
	/*margin-top: 50px;*/
	width: 100%;
	display: none;
}

.div1{
	height: auto;
	position: relative;
	display: none;
}
.div1>div{
	font-size: 14px;rgb(54,71,78);
	line-height: 27px;margin-top: 20px;
}
.zdhjs{display: none;}
.div2{position: relative;height: auto;margin-top: 50px;width: 100%;}
.csimgbox{
	width: 100%;
	max-width: 300px;
	height: auto;
	min-height: 100px;
	max-height: 160px;
	border-radius: 3px;
	box-shadow: 0 0 8px 0 rgba(54,71,78,0.1);behavior: url(ie-css3.htc);
}
.tpdiv{width: 100%;height: 100px;line-height: 100px;text-align: center;}
.tpdiv>img{width: 90%;}
.tptext{width: 100%;height: 50px;line-height: 22px;font-size: 22px;color:rgb(10,24,40);text-align: center;padding-bottom: 15px;}
.pzinfo{margin-top: 50px;width: 100%;height: auto;padding-left: 10px;padding-right: 10px;}
.pzinfo>.infotitle{font-size: 16px;color:rgb(98,133,148);border-bottom:1px solid rgb(231,235,238);height: 40px;line-height: 40px;}
.pzinfo:hover .infotitle{
	color:#EB5255;
}
.pztext{
	width: 100%;
	max-width: 300px;
	height: auto;
	min-height: 100px;
	font-size: 14px;
	color:rgb(10,24,40);
	text-align: left;
}
.cl139{color:rgb(139,139,139);}
.xp{display: none;
	font-size: 14px;
	color:rgb(10,24,40);
	text-align: left;}
.mt10{ height:auto;min-height:20px;margin-top: 10px;width: 100%;}
.cpinf{  width: 100%;color: rgb(139,139,139);}
.w100{width: 100%;height: auto;}
.fl{float: left;}
.ml10{margin-left: 10px;}
.tbicon{width: 14px;height: 14px;border-radius: 14px;margin-top: 3px;behavior: url(ie-css3.htc);}
.col1{background: #d7d7d7;}
.col2{background: #4f9cff;}
.col3{background: #ff4c53;}
.he100{height: 100px;}
.dowloadbtn{
	width: 100%;
	max-width: 260px;
	height: 110px;
	/*padding:20px;*/
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: 0px 0px 8px 0px rgba(54, 71, 78,0.1);
	border-radius: 3px; display: table;
	/*margin-top: 20px;*/behavior: url(ie-css3.htc);
}
.dowicon{height: 50px;float: left;width: auto;margin-top: 5px; margin-left: -60px;position: relative;}
.dowtext{position:relative;height: 100%;width:100%;padding-left:60px;font-size: 16px; color:#000000;text-align: left;
	vertical-align: middle;display: table-cell;}
.textforall{
	max-height: 66px;overflow: hidden;text-overflow: ellipsis;
	width: 100%;position: relative;top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pdl20{padding-left:20px !important;}
.pdr20{padding-right:20px !important;}
.pdr40{padding-right:40px !important;}
.pdl40{padding-left:40px !important;}
.topzz{
	position: relative;z-index: 2;
	width: 100%;
	max-width: 260px;
	text-align: center;
	height: 0;
	border-radius: 3px;
	margin-top: -110px;
	padding: 0;
	box-shadow: 0px 0px 6px 0px rgba(23,153,255,0.15);behavior: url(ie-css3.htc);
	background: -webkit-linear-gradient(rgb(23, 153, 255), rgb(108, 58, 255));
	background: -moz-linear-gradient(rgb(23, 153, 255), rgb(108, 58, 255));
	background: -o-linear-gradient(rgb(23, 153, 255), rgb(108, 58, 255));
	background: linear-gradient(rgb(23, 153, 255), rgb(108, 58, 255));
	behavior: url(ie-css3.htc);
}
.abq{height: 110px;margin-top: 20px;display: block;width: 100%;}
.abq:hover .topzz{
	height: 110px;
	/*padding: 25px;*/
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}
.topzzimg{height: 0px;margin-top: 25px;}
.abq:hover .topzzimg{
	height: 51px;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}
.bigtitle{
	font-size: 25px;
    color: #313131;
}
.ptitle1{font-size: 40px;color:#313131; margin-top: 80px;font-weight: bold;}
.ptitle2{    
	font-size: 28px;
    color: #313131;}

.prdivcont .ptitle2{    
    font-size: 28px;
    color: #313131;
    text-align: center;
    margin-bottom: 20px;
}
.pcont{
    font-size: 14px;
    color: #5c6c73;
    line-height: 36px;
    text-align: left;
    z-index: 100;
    position: relative;}

.prdivcont .pcont{
    font-size: 12px;
    color: #5b6e75;
    line-height: 26px;
    text-align: center;
    z-index: 100;
    position: relative;
}
.dian{
  	margin-top: 14px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #eb5255;
    float: left;
    margin-right: 10px;
}
.pcontimg{width: 200%;margin-top: 95px; float: right;margin-right: -210px;}
.pcontimg>img{width: 100%;}
.demo{width: 140px;height: 44px;font-size: 14px;color: #fff;text-align:center;border-radius: 3px;background: rgb(236, 82, 84);line-height: 44px;
    margin-top: 40px;margin-bottom: 56px;}
.prdivcont{
    background-color: #ffffff;
    box-shadow: 0px 1px 21px 0px rgba(3, 0, 0, 0.15);
    width: 100%;
    padding: 70px 100px;
    z-index: 1;
    position: relative;
}
.prdivcont .ptitle3{
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #5b6e75;
    opacity: 0.6;
    margin-top: -10px;
    text-align: center;
    margin-bottom: 70px;
}
#irdm_2 .prdivcont .row>div,#irdm_5 .prdivcont .row>div{
    height: 50px;
    margin-bottom: 60px;
}
.prdivcont .row>div span{
    display: block;
    width: 70px;
    text-align: center;
    float: left;
    height: 50px;
    font-family: Microsoft YaHei;
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
     background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff8068), to(#ec5557));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#irdm_2 .prdivcont .row>div p,#irdm_5 .prdivcont .row>div p{
    font-family: "Microsoft YaHei";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #313131;
    float: left;
    width: calc(100% - 70px);
    margin-top: 30px;
}
#irdm_5 .prdivcont .row>div p{
    font-size: 14px;
    width: auto;
}
.xqtz{
    position: relative;
}
/*.xqtz .background1{
    background: #354255;
    height: 55%;
    width: 300%;
    bottom: 0px;
    position: absolute;
    z-index: 0;
    left: -100%;
}*/
#irdm_1 .xqtz .background1{
    background: #040b24;
}
#irdm_5 .xqtz .center{
    width: 182px;
    margin: 0px auto;
    height: 50px;
}

.tr{text-align: right !important;}
.gzyl{
	width: 100%;
	text-align: left;
	padding-bottom: 150px;
    padding-top: 20px;
}
.gzyl h3{
	font-size: 28px;
    color: #313131;
    width: 100%;
    text-align: left;
    margin: 0px;
    padding-bottom: 30px;
}
.gzyl p{font-size: 12px;color: #5b6e75;margin-bottom: 30px;line-height: 30px;width: 80%;}
.gzyl>.pcont{    
	width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}
.gzyl>.pct{text-align:left;width: 90%;max-width: 800px;min-height:196px;font-size: 14px;margin: 0 auto;  z-index: 100;  position: relative;}



.fw{font-weight: bold;color:rgb(49,49,49);}
.autocont{width: 100%;padding-left: 25px;color:rgb(80,84,87);font-size: 14px;margin-top: 10px;}
.autocont div:nth-child(1){
	height: 10px;width: 10px;background: rgb(236,82,84);border-radius: 10px;
	margin-left: -25px;float:left;margin-top: 5px;
}
.autocont1{width: 100%;padding-left: 25px;color:rgb(80,84,87);font-size: 14px;margin-top: 10px;}
.autocont1 div:nth-child(1){
	height: 10px;width: 10px;background: rgb(38,155,235);border-radius: 10px;
	margin-left: -25px;float:left;margin-top: 5px;
}
.cpjg .info3{
    margin: 0 auto;
    max-width: 1200px;
    min-height: 510px;
    position: relative;
}
.cpjg .info3 .wedo {
     width: 100%;
    position: relative;
    height: 510px;
}

.cpjg .info3 .left_con{
    width: 289px;
    float: left;
    height: 100%;
}
.cpjg .info3 .left_con>div.offer1 .bg{
    display: block;
}
.cpjg .info3 .right_con{
    width: 289px;
    float: left;
    height: 100%;
}
.cpjg .info3 .svg_div{
    width: calc(100% - 578px);
    float: left;
    height: 100%;
    pointer-events: none;
    position: relative;
}
.cpjg #object6{
    height: 640px;
    margin-top: -62px;
}
.cpjg .info3  .bottom_text .con1{
    font-size: 16px;
    color:#fcfeff;
    font-family: "FuturaBT-Medium",sans-serif;
    margin-bottom: 10px;
    z-index: 5;
    position: relative;
}
.cpjg .info3  .bottom_text .con2{
    font-size: 12px;
    color:rgba(252,254,255,0.5);
    font-family: "Tahoma",sans-serif;
    line-height: 22px;
    z-index: 5;
    position: relative;
}
.cpjg .info3 .bottom_text>div{
    position: relative;
    width: 289px;
    height: auto;
    padding: 10% 18%;
    min-height: 160px;
    margin-bottom: 10px;
    
}
.cpjg .info3 .bottom_text>div .bg0{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, 
        #2375f1 0%, 
        #23a7f1 100%), 
    linear-gradient(
        #31a4ff, 
        #31a4ff);
    background-blend-mode: normal, 
        normal;
    box-shadow: 0px 1px 21px 0px 
        rgba(3, 0, 0, 0.15);
    left: 0px;
    top: 0;
    z-index: 3
}
.cpjg .info3 .bottom_text>div .bg1{
    position: absolute;
    width: calc(100% - 14px);
    height: 100%;
    background-color: #31a4ff;
    box-shadow: 0px 1px 21px 0px rgba(3, 0, 0, 0.15);
    opacity: 0.2;
    left: 7px;
    bottom: -10px;
    z-index: 2
}

.cpjg .info3 .bottom_text>div .bg2{
    position: absolute;
    width: calc(100% - 36px);
    height: 100%;
    background-color: #31a4ff;
    box-shadow: 0px 1px 21px 0px rgba(3, 0, 0, 0.15);
    opacity: 0.1;
    left: 18px;
    bottom: -20px;
    z-index: 1
}
.cpjg .info3 .bottom_text>div .bg{
    display: none;
}
.cpjg .info3 .bottom_text>div:hover .bg{
    display: block !important;
}

.prdctimg2{width: 100%;max-width: 747px;}
.cpjg{
    background: #354255;
    padding-bottom: 130px;
}
#irdm_1 .cpjg{
    background: #040b24;
}

.cpjg h3{    
	font-size: 28px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 120px 0px 100px;
}
.cpjg .lefttext{
    width: 100%;
    margin: 0px;
}
.cpjg .lefttext h2{
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(12, 22, 36, 0.26);
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #2379f0;
    margin-top: 0px;
    font-weight: bold;
}
.cpjg .lefttext h4{
	color: #ffffff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.cpjg .lefttext p{
	font-size: 12px;
    color: #86919d;
    line-height: 24px;
    color: #ffffff;
    opacity: 0.4;
    width: 90%;
}
.cpjg .lefttext .col-xs-12{padding: 36px 60px;}
.cpjg .prdctimg3{padding-left: 20px;width: 100%;max-width: 832px;}

#irdm_2 .cpjg .level1{
    width: calc(41.67% - 10px);
    float: left;
}
#irdm_2 .cpjg .level2{
    width: 16.66%;
    float: left;
}

.tup{width: 100%;}
.tup>img{width: auto;margin: 0 auto;}
.cptd{
	font-size:28px;color:rgb(49,49,49);text-align: center; 
    background-image: url(../img/product/apmyl.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: inherit;
    background-position: top right;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}
.cptd h3{    
    font-size: 28px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 240px 0px 80px;
}
.cptd .bottomtext{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.cptd .col-sm-6{
    background: #fff;
    margin: 10px;
    padding: 0px;
    height: 180px;
    width: 280px;
    
}
.cptd .col-sm-6 .style1{
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 30px 20px 20px 20px;
    -webkit-transition: transform .5s,height .5s;
    -moz-transition: transform .5s,height .5s;
    -ms-transition: transform .5s,height .5s;
    -o-transition: transform .5s,height .5s;
    transition: transform .5s,height .5s;   
}

.cptd .col-sm-6:hover .style1{
    height: 200px;
    background: #F35C5F;
    transform: translateY(-20px);
}
.cptd .fenxi .style1{
    padding: 20px 20px 20px 20px;
}
.cptd .col-sm-6:hover h4,.cptd .col-sm-6:hover p{
	color: #fff;
}
.cptd .col-sm-6:hover .img_style .m1{
    display: none;
}
.cptd .col-sm-6:hover .img_style .m2{
    display: block;
}
.cptd .col-sm-6:hover .p1{
    display: none;
}
.cptd .col-sm-6:hover .p2{
    display: block;
}
.cptd .col-sm-6 h4{
    font-size: 16px;
    color: #0a1828;
    margin-bottom: 16px;
}
.cptd .col-sm-6 p{
    font-size: 12px;
    color: rgba(67,83,90,.8);
}
.cptd .col-sm-6 .img_style{
    margin-bottom: 16px;
}
.cptd .col-sm-6 .img_style .m1{
    display: block;
    margin: 0 auto;
}
.cptd .col-sm-6 .img_style .m2{
    display: none;
    margin: 0 auto;
}
.cptd .col-sm-6 .p1{
    display: block;
}
.cptd .col-sm-6 .p2{
	line-height: 24px;
    display: none;
}
.cptd .bg{
    background: #2C3555;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.cptdcontent{max-width: 990px;width: 100%;margin:0 auto;margin-top: 35px;padding: 0;}
.cttb{width: 40px;height: 40px;float: left;margin-left:-60px;border-radius: 40px;text-align: center;
       line-height: 40px;box-shadow: 0 5px 5px 0 rgba(96,198,246,0.19);margin-top: -10px;}
.ctzt{float: left;width:100%;padding-left: 60px;height: 40px;line-height: 24px;font-size: 14px;
       color:rgb(10,24,40);font-family: "STHeitiSC-Regular";margin-top: 20px;}
.cptdimg{margin-top: 60px;}


.cpys{
    width: 100%;
    padding-bottom: 100px;
    padding-top: 20px;
}
.cpys h3{
    font-size: 28px;
    color: #313131;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 100px 0px 100px;
}
.cpys .bottomtext{
    width: 100%;
    margin: 0 auto;
}
.cpys .bottomtext .img_style{
    width: 94px;
    height: 94px; 
    position: absolute;
    top:0px;
    left: 0px;
}
.cpys .bottomtext .col-sm-6{
    text-align: center;
    padding: 20px 70px 40px 96px;
    min-height: 280px;
}
.cpys .bottomtext .col-sm-6 p {
    font-size: 12px;
    color: #5c6c73;
    margin: 0 auto;
    line-height: 22px;
    text-align: left;
}
.cpys .bottomtext .col-sm-6 h4 {
    margin-bottom: 20px;
    text-align: left;
    font-weight: bold;
    color: #313131;
    font-size: 18px;
}
#irdm_6 .cpys .bottomtext .col-sm-6,#irdm_7 .cpys .bottomtext .col-sm-6{
    min-height: 220px;
}
#irdm_1 .cpys {
    background: #040b24;
}
#irdm_1 .cpys h3{    
    font-size: 28px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 75px 0px;
}

.cpyscontent{}
.cpys .ysimg1{
	display: block;
    text-align: center;
}
.cpys .ysimg2{
	display: none;
    text-align: center;
}
.cpys .ysimg1 img{
   
}
.onediv{
    text-align: left;
    max-width: 310px;
    float: right;
    position: relative;
    height: auto;
    padding: 15px 32px;
    min-height: 110px;
    margin-bottom: 10px;
}
.onediv1{
    float: left;
    min-height: 150px;
}

.onediv .bg0{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, 
        #2375f1 0%, 
        #23a7f1 100%), 
    linear-gradient(
        #31a4ff, 
        #31a4ff);
    background-blend-mode: normal, 
        normal;
    box-shadow: 0px 1px 21px 0px 
        rgba(3, 0, 0, 0.15);
    left: 0px;
    top: 0;
    z-index: 3
}
.onediv .bg1{
    position: absolute;
    width: calc(100% - 14px);
    height: 100%;
    background-color: #31a4ff;
    box-shadow: 0px 1px 21px 0px rgba(3, 0, 0, 0.15);
    opacity: 0.2;
    left: 7px;
    bottom: -10px;
    z-index: 2
}
.onediv .bg2{
    position: absolute;
    width: calc(100% - 36px);
    height: 100%;
    background-color: #31a4ff;
    box-shadow: 0px 1px 21px 0px rgba(3, 0, 0, 0.15);
    opacity: 0.1;
    left: 18px;
    bottom: -20px;
    z-index: 1
}
.onediv .bg{
    display: none;
}
.onediv:hover .bg{
    display: block;
}
.onediv:hover .yscont{
    color: #ffffff;
    opacity: 1;
}
.onediv:hover .dian3{
    background: #ffffff;
    opacity: 1;
}
.ysicon{width: 40px;height: 40px;float: left;margin-left:-60px;border-radius: 40px;text-align: center;
	line-height: 40px;box-shadow: 0 5px 5px 0 rgba(96,198,246,0.19);margin-top: -10px;background: #ffffff;}

.ystitle{
    font-size: 16px;
    color: #0a1828;
    font-weight: bold;
}
.yscont{
    font-size: 12px;
    line-height: 25px;
    color: #ffffff;
    opacity: 0.7;
    z-index: 5;
    position: relative;
}
.brb{border-right: 1px solid #f3f3f3;}
.bbomb{border-bottom: 1px solid #f3f3f3;}
.prdctimg{  z-index: 200;  position: relative;}
.gzlc{text-align: center;font-size: 14px;color:rgb(92,108,115);margin-top: 10px;line-height:36px;}


.autocontent{max-width: 1200px;width: 100%;margin:0 auto;margin-top: 60px;padding: 0;}
.autoimg{float: left;position: relative;width: 50%; max-width: 100%;}
.autotddiv{width:55%;max-width: 299px;margin-top:20%;box-shadow: 0 0 26px 0  rgba(54,71,78,0.1);
	border-radius: 2px;padding: 25px;float: left;margin-left: -60px;position: relative;z-index: 100;
    background: #ffffff;}
.jt{margin-top: 180px;}


.cpkj{
    font-size: 28px;
    color: rgb(49,49,49);
    text-align: center;
    background-image: url(../img/product/yunweibg1.png);
    background-repeat: no-repeat;
    background-size: 101% 100%;
    background-attachment: inherit;
    background-position: top right;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}
.cpkj h3 {
    font-size: 28px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 200px 0px 80px;
}


.yltup{
    position: relative;
    margin-top: 50px;
    z-index: 100;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

#irdm_2 .gntx .img_style {
    border-radius: 106px;
    background: #fff;
    height: 106px;
    width: 106px;
    box-shadow: 1px 3px 16px rgba(96,198,246,.19);
    line-height: 105px;
    text-align: center;
    margin-bottom: 34px;
    float: left;
    margin-right: 50px;
}
.gntx h3{    
    font-size: 28px;
    color: #313131;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 75px 0px;
}
.gntx .bottomtext{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.gntx .col-lg-6{
	margin: 50px 0px;
}
.gntx .col-lg-6 h4 {
    font-size: 18px;
    color: #313131;
    font-weight: bold;
    margin-bottom: 20px;
}
.gntx .col-lg-6 p{
	color: #5c6c73;
	font-size: 12px;
	line-height: 24px;
	max-width: 450px;
}
.tmfx div:nth-child(1) {
    margin-top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #eb5255;
    float: left;
}
.tmfx div:nth-child(2) {
    font-size: 14px;
    color: #5c6c73;
    padding-left: 16px;
}
#irdm_2 .cha .pcont,#irdm_3 .cha .pcont{
	color: #5c6c73;
}


#irdm_3 .top_img{
    position: relative;
    margin-top: 50px;
    z-index: 100;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
#irdm_3 .cpjg {
    background: #354255;
}
#irdm_3 .cpjg h3 {
    color: #fff;
}
#irdm_3  .cpjg .prdctimg3 {
    padding-left: 0px;
    width: 100%;
    max-width: 1212px;
}

#irdm_3 .cpjg .lefttext{
    position: relative;
    z-index: 100;
    max-width: 1186px;
    margin: 0 auto;
    width: 100%;
    float: none;
    margin-top: 20px;
}
#irdm_3 .gzyl h3 {
    text-align: center;
    padding: 100px 0px 80px;
}

#irdm_3 .gntx .list,#irdm_3 .gntx  .con{
    height: 50px;
    line-height: 50px;
    margin-bottom: 50px;
}
#irdm_3 .gntx  .con h4{
    height: 50px;
    line-height: 50px;
    margin: 0px;
}   
#irdm_3 .gntx .list .icon{
    border-radius: 106px;
    background: #fc635d;
    height: 50px;
    width: 50px;
    box-shadow: 0px 2px 16px 2px rgba(0,0,0,.10);
    line-height: 50px;
    text-align: center;
    float: left;
    margin-right: 20px;
}
#irdm_3 .gntx .curselist{
    margin: 80px auto;
}
#irdm_3 .gntx .curselist .conimg {
    text-align: right;
}

#irdm_3 .gntx .round1{
    width: 600px;
    border: 1px solid #d9e8fb;
    height: 600px;
    position: absolute;
    border-radius: 600px;
    z-index: -1;
    top: -60px;
    right: -171px;
}
#irdm_3 .gntx .round2{
    width: 380px;
    border: 1px solid #d9e8fb;
    height: 380px;
    position: absolute;
    border-radius: 380px;
    z-index: -1;
    top: 60px;
    right: -70px;
}
#irdm_3 .gntx .curselist .conimg  img{
    margin-top: 35px;
    max-width: 715px;
}
#irdm_3 .gntx .list.list1{
    padding-left: 52px;
}
#irdm_3 .gntx .list.list2{
    padding-left: 122px;
    margin-bottom: 70px;
}
#irdm_3 .gntx .list.list3{
    padding-left: 144px;
    margin-bottom: 70px;
}
#irdm_3 .gntx .list.list4{
    padding-left: 120px;
    margin-bottom: 54px;
}
#irdm_3 .gntx .list.list5{
    padding-left: 41px;
}
#irdm_3 #tabautodiv_1 .pcontimg {
    margin-top: 134px;
}

#irdm_4 .prdivcont{
    padding: 70px;
}
#irdm_4 .xqtz .col-xs-12{
    padding-left: 20px !important;
}
#irdm_4 .xqtz .prdivcont .ptitle2 {
    margin-bottom: 60px;
}
#irdm_4 .xqtz h4{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #313131;
    font-weight: bold;
}
#irdm_4 .xqtz p{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #5b6e75;
    width: 80%;
}
#irdm_4 .xqtz .img_style{
    margin-bottom: 40px;
}
#irdm_4 .cpjg .trapezoid .row{
    margin: 0px auto;
    margin-bottom: 20px;
    position: relative; 
}
#irdm_4 .cpjg .trapezoid {
    width: 100%;
}
#irdm_4 .cpjg .trapezoid .row .col-xs-12{
    text-align: center;
    color: #fff;
}
#irdm_4 .cpjg .bottomtext h2,#irdm_6 .cpjg .bottomtext h2,#irdm_7 .cpjg .bottomtext h2{
    width: 40px;
    height: 4px;
    background-color: #2379f0;
}
#irdm_4 .cpjg .bottomtext h4,#irdm_6 .cpjg .bottomtext h4,#irdm_7 .cpjg .bottomtext h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 30px;
}
#irdm_4 .cpjg .bottomtext p,#irdm_6 .cpjg .bottomtext p,#irdm_7 .cpjg .bottomtext p{
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}
#irdm_4 .cpjg .bottomtext .col-xs-12,#irdm_6 .cpjg .bottomtext .col-xs-12{
    padding: 36px 60px;
}
#irdm_7 .cpjg .bottomtext .col-xs-12 {
    padding: 36px 130px;
}
#irdm_4 .cpjg .trapezoid .title{
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
#irdm_4 .cpjg .trapezoid .row .col-xs-12.cont{
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #313131;
}

#irdm_4 .cpjg .trapezoid .row.last .title{
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 100%;
}
#irdm_4 .cpjg .trapezoid .row.last .cont{
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #313131;
    position: absolute;
    padding-top: 54px;
}
#irdm_4 .cpjg .trapezoid .row.last .cont p{
    font-size: 14px;
    color: #313131;
}
#irdm_4 .cpjg .trapezoid .row.last .col-xs-12{
    position: relative;
    padding: 0px;
    padding-right: 20px;
}
#irdm_4 .cpjg .trapezoid .row.last .cont .col-xs-12{
    margin-top: 20px;
}
#irdm_4 .cpjg .trapezoid .row.one{
    width: calc(100% - 192px);
}
#irdm_4 .cpjg .trapezoid .row.two{
    width: calc(100% - 152px);
}
#irdm_4 .cpjg .trapezoid .row.three{
    width: calc(100% - 112px);
}
#irdm_4 .cpjg .trapezoid .row.four{
    width: calc(100% - 90px);
}
#irdm_4 .cpjg .trapezoid .row.five{
    width: calc(100% - 50px);
}

#irdm_4 .trapezoid_bg{    
    position: absolute;
    border-bottom: 68px solid #2379f0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    width: 100%;     
}
#irdm_4 .trapezoid_bg1{    
    position: absolute;
    border-bottom: 40px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 100%;
    top: 28px;
}  

#irdm_4 .trapezoid_bg2{    
    position: absolute;
    border-bottom: 77px solid #2379f0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    width: 100%;
}
#irdm_4 .trapezoid_bg3{    
    position: absolute;
    border-bottom: 46px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 100%;
    top: 30px;
}  
#irdm_4 .trapezoid_bg4{    
    position: absolute;
    border-bottom: 90px solid #2379f0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    width: 100%;
}  
#irdm_4 .trapezoid_bg5{    
    position: absolute;
    border-bottom: 54px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    width: 100%;
    top: 34px;
}  
#irdm_4 .trapezoid_bg6{    
    position: absolute;
    border-bottom: 40px solid #2379f0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 100%;
}  
#irdm_4 .trapezoid_bg7{    
    position: absolute;
    border-bottom: 111px solid #2379f0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    width: 100%;
}  
#irdm_4 .trapezoid_bg8{    
    position: absolute;
    border-bottom: 66px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    width: 100%;
    top: 43px;
}  

#irdm_4 .trapezoid_bg9{    
     position: absolute;
    border-bottom: 162px solid #2379f0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    width: 100%;
}  
#irdm_4 .trapezoid_bg10{    
    position: absolute;
    border-bottom: 122px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    width: 100%;
    top: 40px;
}  
#irdm_4 .cpjg .trapezoid  .extra{
    display: none
}

#irdm_5 .cpjg .max1200>.row{
    width: 100%;
    margin: 0px auto;
}

#irdm_5 .cpjg .trapezoid .title{
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
#irdm_5 .cpjg .trapezoid .row .col-xs-12.cont{
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #313131;
}
#irdm_5 .cpjg .trapezoid .row{
    margin: 0px auto;
    margin-bottom: 20px;
    position: relative; 
}
#irdm_5 .cpjg .trapezoid {
    width: 100%;
}
#irdm_5 .cpjg .trapezoid .row .col-xs-12{
    text-align: center;
    color: #fff;
}
#irdm_5 .cpjg .trapezoid .row.one{
    width: calc(100% - 164px);
}
#irdm_5 .cpjg .trapezoid .row.two{
    width: calc(100% - 145px);
}
#irdm_5 .cpjg .trapezoid .row.three{
    width: calc(100% - 114px);
}
#irdm_5 .cpjg .trapezoid .row.four{
    width: calc(100% - 87px);
}
#irdm_5 .cpjg .trapezoid .row.five{
    width: calc(100% - 40px);
    height: 180px;
}
#irdm_5 .trapezoid_bg{    
    position: absolute;
    border-bottom: 40px solid #2379f0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    width: 100%;  
}
#irdm_5 .trapezoid_bg1{    
    position: absolute;
    border-bottom: 40px solid #2379f0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 100%;  
}  

#irdm_5 .trapezoid_bg2{    
    position: absolute;
    border-bottom: 122px solid #2379f0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    width: 100%;
}
#irdm_5 .trapezoid_bg3{    
    position: absolute;
    border-bottom: 82px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 100%;
    top: 40px;
}  
#irdm_5 .trapezoid_bg4{    
    position: absolute;
    border-bottom: 104px solid #2379f0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 100%;
}  
#irdm_5 .trapezoid_bg5{    
    position: absolute;
    border-bottom: 64px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    width: 100%;
    top: 40px;
}  
#irdm_5 .trapezoid_bg6{    
    position: absolute;
    border-bottom: 180px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    width: 100%;
}  

#irdm_5 .cpjg .trapezoid .row.five .title{
    height: 100%;
    padding-top: 60px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
}
#irdm_5 .cpjg .trapezoid .row.five .title .imgdiv{
    float: left;
    margin-right: 30px;
}
#irdm_5 .cpjg .trapezoid .row.five .title .imgdiv p{
   color: #313131;
   font-size: 14px;
   margin-top: 10px;
   text-align: center;
}
 #irdm_6 .cpjg .bottomtext p{
    width: 80%;
 }
#irdm_6 .cpjg .trapezoid .row{
    margin: 0px auto;
    margin-bottom: 10px;
    position: relative; 
}
#irdm_6 .cpjg .trapezoid {
    width: 100%;
}
#irdm_6 .cpjg .trapezoid .row .col-xs-12{
    text-align: center;
    color: #fff;
}
#irdm_6 .cpjg .trapezoid .title{
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
#irdm_6 .cpjg .trapezoid .row .col-xs-12.cont{
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #313131;
}

#irdm_6 .cpjg .trapezoid .row.last .title{
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 100%;
}
#irdm_6 .cpjg .trapezoid .row.last .cont{
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #313131;
    position: absolute;
    padding-top: 54px;
}
#irdm_6 .cpjg .trapezoid .row.last .col-xs-12{
    position: relative;
    padding: 0px;
    padding-right: 20px;
    height: 162px;
}
#irdm_6 .cpjg .trapezoid .row.one{
    width: calc(100% - 58px);
}
#irdm_6 .cpjg .trapezoid .row.one .col-lg-2{
    width: 14.28%;
}
#irdm_6 .cpjg .trapezoid .row.two{
    width: calc(100% - 20px);
}
#irdm_6 .cpjg .trapezoid .row.two .lefttwo{
    width: calc(50% - 5px);
    margin-right: 10px;
    height: 90px;
    float: left;
    position: relative;
}
#irdm_6 .cpjg .trapezoid .row.two .lefttwo .col-lg-2{
     width: 20%;
}
#irdm_6 .cpjg .trapezoid .row.two .righttwo .col-lg-2{
    width: auto;
    padding: 0px 10px;
}
#irdm_6 .cpjg .trapezoid .row.two .righttwo{
    width: calc(50% - 5px);
    height: 90px;
    float: left;
    position: relative;
}

#irdm_6 .cpjg .trapezoid .row.three{
    width: calc(100% - 114px);
}
#irdm_6 .cpjg .trapezoid .row.four{
    width: 100%;
}
#irdm_6 .cpjg .trapezoid .row.five{
    width: calc(100% - 40px);
}

#irdm_6 .trapezoid_bg{    
    position: absolute;
    border-bottom: 88px solid #2379f0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    width: 100%;     
}
#irdm_6 .trapezoid_bg1{    
    position: absolute;
    border-bottom: 50px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    width: 100%;
    top: 38px;
}  

#irdm_6 .trapezoid_bg2{    
    position: absolute;
    border-bottom: 90px solid #2379f0;
    border-left: 16px solid transparent;
    border-right: 0px solid transparent;
    width: 100%;
}
#irdm_6 .trapezoid_bg3{    
    position: absolute;
    border-bottom: 50px solid #fff;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    width: 100%;
    top: 40px;
}  
#irdm_6 .trapezoid_bg4{    
    position: absolute;
    border-bottom: 90px solid #2379f0;
    border-left: 0px solid transparent;
    border-right: 18px solid transparent;
    width: 100%;
}  
#irdm_6 .trapezoid_bg5{    
    position: absolute;
    border-bottom: 50px solid #fff;
    border-left: 0px solid transparent;
    border-right: 12px solid transparent;
    width: 100%;
    top: 40px;
}  
#irdm_6 .trapezoid_bg6{    
    position: absolute;
    border-bottom: 40px solid #2379f0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 100%;
}  

.dian1{
    margin-top: 14px;
    background: #eb5255;
    float: left;
    margin-right: 10px;
    position: absolute;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-left: -18px;
}
.dian2{
    margin-top: 14px;
    background: #eb5255;
    float: left;
    margin-right: 10px;
    position: absolute;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-left: -18px;
    right: 10px;
}
.dian3{
    margin-top: 14px;
    float: left;
    margin-right: 10px;
    position: absolute;
    top: 10px;
    margin-left: -18px;
    left: 32px;
    width: 8px;
    height: 8px;
    background-color: #bdc4cb;
    border-radius: 4px;
    opacity: 0.3;
    z-index: 5;
}

.dcjs{
    width: 100%;
    text-align: center;
    padding-bottom: 100px;
}
.dcjs h3 {
    font-size: 28px;
    color: #313131;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 120px 0px 100px;
}
.dcjs .bottomtext .con{
    position: absolute;
    left: 0px;
    padding: 20px 80px;
}
.dcjs .bottomtext .con .title{
    font-family: Microsoft YaHei;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}
.dcjs .bottomtext .con .text{
    font-family: Microsoft YaHei;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left;
    margin-top: 20px;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}
.dcjs .bottomtext .vague{
    width: calc(100% - 40px);
    height: 100%;
    -webkit-filter: blur(5px);   
    -moz-filter: blur(5px);   
    -ms-filter: blur(5px);   
    -o-filter: blur(5px);   
    filter: blur(5px);
    position: absolute;
    -webkit-transition: transform .8s;
    -moz-transition: transform .8s;
    -ms-transition: transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    background-size: 100% 100% !important;
    opacity: 0;
}

.dcjs .bottomtext .divimg1 .con{
    top: 140px;
}
.dcjs .bottomtext .divimg1 .title{
    transform: translateY(-100px);
}
.dcjs .bottomtext .divimg1 .text{
    transform: translateY(210px);
}
.dcjs .bottomtext .divimg2 .con{
    top: 140px;
}
.dcjs .bottomtext .divimg2 .text{
    transform: translateY(210px);
}
.dcjs .bottomtext .divimg2 .title{
    transform: translateY(-100px);
}
.dcjs .bottomtext .divimg1.divimg .title,.dcjs .bottomtext .divimg1.divimg .text,
.dcjs .bottomtext .divimg2.divimg .title,.dcjs .bottomtext .divimg2.divimg .text{
    transform: translateY(0px);
}
.dcjs .bottomtext .divimg1.divimg .vague,.dcjs .bottomtext .divimg2.divimg .vague{
    opacity: 1;
}
.dcjs .bottomtext .divimg1,.dcjs .bottomtext .divimg2{
    overflow: hidden;
}


#irdm_2 .gzyl,#irdm_4 .gzyl,#irdm_6 .gzyl,#irdm_7 .gzyl{
    text-align: center;
}
#irdm_2 .gzyl h3,#irdm_4 .gzyl h3,#irdm_6 .gzyl h3,#irdm_7 .gzyl h3 {
    font-size: 28px;
    color: #313131;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 100px 0px 40px;
}
#irdm_2 .gzyl p,#irdm_4 .gzyl p,#irdm_6 .gzyl p,#irdm_7 .gzyl p {
    font-size: 12px;
    color: #5c6c73;
    margin: 0px auto;
    margin-bottom: 100px;
    line-height: 24px;
    width: 70%;
}

.cpfw {
    margin-bottom: 100px;
}
.cpfw h3{
    text-align: center;
    font-family: Microsoft YaHei;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #313131;
    padding: 80px 0px 100px;
}
.cpfw h4{
    font-family: Microsoft YaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #313131;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}
.cpfw .row .img_style{
    height: 90px;
    line-height: 90px;
}
.cpfw .row p{
    font-family: "Microsoft YaHei";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #5c6c73;
}
.cpfw .row .col-xs-12{
    min-height: 300px;
    padding: 0px 40px;
    margin-bottom: 40px;
}

#irdm_3 .cpys,#irdm_4 .cpys,#irdm_6 .cpys,#irdm_7 .cpys,#irdm_2 .gzyl{
    background: #f7fbff;
}


#irdm_7 .cpjg .level1{
    text-align: center;
    color: #fff;
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #2379f0;
    margin-bottom: 10px;
    font-size: 16px;
    float: left;
}
#irdm_7 .cpjg .level1 .title{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #2379f0;
    color: #fff;
    font-size: 16px;
}
#irdm_7 .cpjg .level1 .con1{
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
}
#irdm_7 .cpjg .level1 .con1 .col-xs-12{
    font-size: 14px;
    color: #313131;
}
#irdm_7 .cpjg .level1 .con2{
    width: 100%;
    height: 50px;
    line-height: 50px;
}
#irdm_7 .cpjg .level1 .con2 .col-xs-12{
    font-size: 14px;
    color: #313131;
}
#irdm_7 .cpjg .bottomtext p{
    width: 80%;
}
@media (min-width: 1650px) {
	/*.dowicon{margin-left: 20px !important;}*/
	.ctzt{white-space: nowrap;}
}

@media (min-width: 1000px) and (max-width: 1300px) {
	.cptdimg{width: 100%;}
}


@media (max-width: 1400px){
    #irdm_3 #tabautodiv_1 .pcontimg {
        margin-top: 83px;
    }
}
@media (max-width: 1368px) {
	.cptd .bottomtext {
	    width: 900px;
	    max-width: 1200px;
	    margin: 0 auto;
	}
	.cptd h3 {
	    padding: 170px 0px 80px;
	}
    #irdm_6 .cpjg .trapezoid .row.two .righttwo .col-lg-2 {
        width: auto;
        padding: 0px 8px;
    }
    .dcjs .bottomtext .divimg1 .text {
        transform: translateY(240px);
    }

   
}

@media (max-width: 1300px){
     #irdm_6 .cpjg .trapezoid .row.two .righttwo .col-lg-2 {
        width: auto;
        padding: 0px 5px;
    }

}
@media (max-width: 1266px) {
    #irdm_3 #tabautodiv_1 .ptitle1 {
        margin-top: 57px;
    }     
}
@media (max-width: 1250px) {
    #irdm_3 .gntx .round1,#irdm_3 .gntx .round2{
        display: none;
    }
    #irdm_3 .gntx .list{
        padding-left: 50px !important;
        margin-bottom: 50px !important;
    }
    #irdm_3 .gntx .curselist .conimg img{
        width: 100%;
    }
    #irdm_3 .gntx .curselist {
        margin: 40px auto;
    }
    
}
@media (max-width: 1326px) {
    .dcjs .bottomtext .divimg1 .con {
        top: 130px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 120px;
    }
    .dcjs .bottomtext .divimg1 .title {
        transform: translateY(-80px);
    }
    .dcjs .bottomtext .divimg2 .title {
        transform: translateY(-80px);
    }
}
@media (max-width: 1200px) {
    .max1200 {
        padding: 20px !important;
        padding-bottom: 0px !important;;
    }
    .toptab {
        padding: 0 20px;
    }
	
	.cptdimg{width: 100%;}
	.dowtext{margin-left: 5px !important;overflow: hidden;text-overflow: ellipsis;width:60%;}

	.prdivcont{padding: 50px 60px;}

     #irdm_3 .cha .ptitle2{
        margin-top: 0px !important; 
    }
    #irdm_3 #tabautodiv_1 .ptitle1 {
        margin-top: 74px !important;
    }
    .yltup {
        padding: 20px; 
    }
    #irdm_2 .cpys .col-sm-6 {
        padding: 20px 20px 40px 96px;
        min-height: 280px;
    }
    #irdm_6 .cpjg .trapezoid .row.two .lefttwo {
        width: calc(100% - 38px);
        margin-bottom: 10px;
        padding-left: 19px;
    }
     #irdm_6 .cpjg .trapezoid .row.two .righttwo{
        width: 100%;
    }
    #irdm_6 .cpjg .trapezoid .row.two .righttwo .col-lg-2 {
        width: 12.5%;
        padding: 0px 5px;
    }
    #irdm_6 .cpjg .trapezoid .row.one {
        width: calc(100% - 96px);
    }
    #irdm_6 .cpjg .trapezoid .row.two {
        width: calc(100% - 20px);
    }
    #irdm_6 .trapezoid_bg2 {
        position: absolute;
        border-bottom: 90px solid #2379f0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        width: 100%;
    }
    #irdm_6 .trapezoid_bg3 {
        position: absolute;
        border-bottom: 50px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        width: 100%;
        top: 40px;
    }
    #irdm_6 .cpjg .trapezoid .row.two .righttwo {
        width: 100%;
    }
    #irdm_6 .trapezoid_bg4 {
        position: absolute;
        border-bottom: 90px solid #2379f0;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        width: 100%;
    }
    #irdm_6 .trapezoid_bg5 {
        position: absolute;
        border-bottom: 50px solid #fff;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        width: 100%;
        top: 40px;
    }
    #irdm_6 .cpjg .trapezoid .row {
        margin: 0px auto;
        margin-bottom: 10px;
        position: relative;
    }
    #irdm_6 .cpjg .trapezoid .row.one .col-lg-2 {
        width: auto;
        padding: 0px 11px;
    }
     #irdm_5 .cpjg .trapezoid .three .col-xs-12.cont{
        padding: 0px 10px;
    }
    
}
@media (max-width: 1199px){
    #irdm_5 .trapezoid_bg2 {
        position: absolute;
        border-bottom: 203px solid #2379f0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        width: 100%;
    }
    #irdm_5 .trapezoid_bg3 {
        position: absolute;
        border-bottom: 162px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        width: 100%;
        top: 40px;
    }
    #irdm_5 .flowhide{
        display: none;
    }
}
@media (max-width: 1192px){
    .dcjs .bottomtext .divimg1 .con {
        padding: 20px 50px;
        top: 100px;
    }
    .dcjs .bottomtext .divimg2 .con {
        padding: 20px 50px;
        top: 100px;
    }
}
@media (max-width: 1145px){
    #irdm_6 .cpjg .trapezoid .row.one .col-md-4{
        width: 33.33333333%;
    }
     #irdm_6 .cpjg .trapezoid .row.one .col-md-3 {
        width: 25%;
    }
    #irdm_6 .trapezoid_bg {
        position: absolute;
        border-bottom: 138px solid #2379f0;
        border-left: 27px solid transparent;
        border-right: 27px solid transparent;
        width: 100%;
    }
    #irdm_6 .trapezoid_bg1 {
        position: absolute;
        border-bottom: 100px solid #fff;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        width: 100%;
        top: 38px;
    }
    
    
}
@media (max-width: 1100px){
    .dcjs .bottomtext .divimg1 .title {
        font-size: 18px;
        transform: translateY(-50px);
    }
    .dcjs .bottomtext .divimg2 .title{
        font-size: 18px;
        transform: translateY(-50px);
    }
    .dcjs .bottomtext .divimg1 .con {
        padding: 20px 40px;
        top: 70px;
    }
    .dcjs .bottomtext .divimg2 .con {
        padding: 20px 40px;
        top: 70px;
    }

}
@media (max-width: 1028px){
   
}
@media (max-width: 1025px){
	#product{padding-left: 0 !important;}
	.pd150{padding-left: 0 !important;}
}
@media (width:1024px) and (height:  768px){
	#product{padding-left:0 !important; }
	.pd150{padding-left: 0 !important;}
	.pdl20{padding-left: 0px !important;}
	.pdl40{padding-left: 10px !important;}
	.pdr40{padding-right: 10px !important;}
	.pdr20{padding-right: 10px !important;}
	.topzz{display: none;}
	.topzzimg{display: none;}
	.dowloadbtn:hover {
		padding: 0  20px!important;
	}
    
}

@media (max-width: 1000px){
	
	.tr{text-align: left !important;}
	.pdl130{padding-left: 0 !important;}
	.jt{ margin-top: 30px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);}
	.pdl20{padding-left: 0 !important;}
	.pdl40{padding-left: 0 !important;}

}
@media (max-width: 995px){
	.dowloadbtn{margin: 20px auto;}
	.topzz{margin:0px auto !important;margin-top:-130px !important;}
}
@media (max-width: 991px){
	.prdctimg1{width: 100%;    margin-top: -14%;}
	
	#tabdiv_1 .mt150{margin-top: 50px !important;}
	.cpjg {
        padding-bottom: 40px;
    }
	.cpjg .lefttext {width: 100%;margin-bottom: 30px;}
	.cpjg .prdctimg3 {
	    padding-left: 0px; 
	}
    .cpjg .prdctimg3 {
        max-width: 100%;
    }
    .cpyscontent {
        margin-top: 0px;
    }
    .onediv .dian2{
        right: auto;
    }
	.cpjg h3 {
        padding: 40px 0px;
        padding-top: 60px;
	}
	.gzyl{
		padding-bottom: 40px;
	    padding-top: 0px; 
	}
	.gzyl h3 {
	    padding: 40px 0px;
	}
	.gzyl p {
	    margin-bottom: 20px;
	}
	.cpys .ysimg1{
		display: none;
	}
	.cpys .ysimg2{
		display: block;
	}

	.onediv {
        margin-bottom: 20px;
    }

	#irdm_2 .cpys .col-xs-12 p {
	     max-width: 100%; 
	}
    #irdm_3 .cpjg .lefttext .col-xs-12 {
        height: auto; 
    }
	#irdm_3 .cpjg .lefttext .brf3f3f3{
		border-bottom: 1px solid #f3f3f3;
	}
    #irdm_3 #tabautodiv_1 .ptitle1 {
        margin-top: 25px !important;
    }
    #irdm_3 #tabautodiv_1 .pcontimg {
        margin-top: 0px;
    }
    .pcontimg {
        margin-top: 0px;
    }
    .pdctcontent>.h100{
        height: 0px;
    }
    .ptitle1 {
        margin-top: 20px;
    }
    .prdctimg1 {
        width: 100%;
        margin-top: 30px;
    }
    .topbutton{
        margin: 0px;
    }
    .toptab>div{
        font-size: 12px;
    }
    .gzyl>.h100{
        height: 0px;
    }
    .xqtz {
        position: relative;
        margin-top: 0px !important;
    }
    .prdivcont {
        padding: 40px;
    }
    .dcjs h3,.cpys h3{
        padding: 40px 0px;
    }
    #irdm_1 .cpys h3,#irdm_2 .gzyl h3, #irdm_4 .gzyl h3, #irdm_6 .gzyl h3, #irdm_7 .gzyl h3,#irdm_3 .gzyl h3{
        padding: 40px 0px;
    }
    #irdm_4 .prdivcont {
        padding: 40px;
    }
    #irdm_4 .xqtz .prdivcont .ptitle2 {
        margin-bottom: 30px;
    }
    #irdm_4 .xqtz .img_style {
        margin-bottom: 11px;
    }
    #irdm_4 .xqtz .col-xs-12 {
        padding-left: 0px !important;
        padding-bottom: 20px !important;
    }
    #irdm_4 .xqtz p{
        width: 100%;
    }
    #irdm_2 .gzyl p, #irdm_4 .gzyl p, #irdm_6 .gzyl p, #irdm_7 .gzyl p {
        margin-bottom: 50px;
        width: 100%;
    }
    .prdivcont .ptitle3{
        margin-bottom: 50px;
    }
    .cpfw .row .col-xs-12 {
        padding: 20px;
        margin-bottom: 0px;
    }
    .cpfw .row .img_style {
        height: 90px;
        line-height: 90px;
    }
    .cpfw h3 {
        padding: 40px 0px 40px;
        margin: 0px;
    }
    .cpfw h4 {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #irdm_7 .cpjg .bottomtext .col-xs-12 {
        padding: 30px 50px;
    }
    
}

@media (max-width: 992px){
    #irdm_5 .trapezoid_bg2 {
        position: absolute;
        border-bottom: 285px solid #2379f0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        width: 100%;
    }
    #irdm_5 .trapezoid_bg3 {
        position: absolute;
        border-bottom: 245px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        width: 100%;
        top: 40px;
    }
     #irdm_4 .trapezoid_bg {
        position: absolute;
        border-bottom: 108px solid #2379f0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        width: 100%;
    }
    #irdm_4 .trapezoid_bg1 {
        position: absolute;
        border-bottom: 80px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        width: 100%;
        top: 28px;
    }
    #irdm_4 .trapezoid_bg2 {
        position: absolute;
        border-bottom: 122px solid #2379f0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        width: 100%;
    }
    #irdm_4 .trapezoid_bg3 {
        position: absolute;
        border-bottom: 92px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        width: 100%;
        top: 30px;
    }
    #irdm_4 .trapezoid_bg4 {
        position: absolute;
        border-bottom: 139px solid #2379f0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        width: 100%;
    }
    #irdm_4 .trapezoid_bg5 {
        position: absolute;
        border-bottom: 104px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        width: 100%;
        top: 34px;
    }
    #irdm_4 .trapezoid_bg7 {
        position: absolute;
        border-bottom: 169px solid #2379f0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        width: 100%;
    }
    #irdm_4 .trapezoid_bg8 {
        position: absolute;
        border-bottom: 126px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        width: 100%;
        top: 43px;
    }
}
@media (max-width: 900px){
    .cptd .bottomtext {
        width: 600px;
        max-width: 1200px;
        margin: 0 auto;
    }
    .cptd {
        margin-top: 0px;
    }
    .cptd h3 {
        padding: 120px 0px 40px;
    } 
}


@media (max-width: 820px){
    .toptab>div{
        padding: 0px 10px;
    }
    
    .dcjs .bottomtext .divimg1 .con {
        top: 40px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 40px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 18px;
        transform: translateY(-30px);
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 18px;
        transform: translateY(-30px);
    }
}


@media (max-width: 767px){
	#product{padding-left:0 !important; }
	.pd150{padding-left: 0 !important;}
	.pdl20{padding-left: 0 !important;}
	.pdl40{padding-left: 0 !important;}
	.dowloadbtn{ clear:both;max-width:400px;width: 100%; }
	.topzz{max-width:400px;width: 100%; }
	.dowloadbtn:hover {
		padding: 0  20px!important;
	}
	.onediv{
	    width: 100%;
        margin-bottom: 10px;
        max-width: 100%;
        min-height: 50px;
	}
	.cpyscontent {
	     margin-top: 0px; 
	}
	.cpys .ysimg2 {
        display: block;
        margin-top: 20px !important;
    }
    #irdm_3 .gntx .curselist .conimg {
        text-align: center;
    }
    #irdm_3 .gntx h3{
        padding-bottom: 30px;
    }
    #irdm_3 .gntx .curselist .conimg img {
        margin-top: 0px;
    }
	#irdm_3 .gntx .list{
        width: 50%;
        float: left;
    }

    #irdm_1 .cpjg .info3 .left_con.style1 {
        display: none;
    }
    #irdm_1 .cpjg .info3 .left_con {
        width: 50%;
    }
    #irdm_1 .cpjg .info3 .svg_div {
        width: 100%;
    }
    #irdm_1 .cpjg #object6 {
        height: 100%;
        margin-top: -30px;
    }
    #irdm_1 .cpjg .info3 .left_con.style2 {
        display: block !important;
        margin-bottom: 100px;
    }
    #irdm_1 .cpjg .info3 .bottom_text>div {
        padding: 8% 10%;
    }
    #irdm_1 .cpjg .info3 .right_con {
        width: 50%;
        margin-bottom: 100px;
    }
    #irdm_1 .cpjg .info3 .right_con>div {
        float: right;
    }
    .cpfw .row .col-xs-12 {
        min-height: auto;
    }
    .gzyl p {
        width: 100%;
    }
    .gzyl h3 {
        text-align: center;
    }
    .gzyl img{
        padding-left: 16%;
        margin-top: 20px !important;
    }
    .cpjg .lefttext .col-xs-12 {
        padding: 20px;
    }
    .cpys .bottomtext .col-sm-6 {
        min-height: auto;
    }
    #irdm_4 .cpjg .bottomtext .col-xs-12, #irdm_6 .cpjg .bottomtext .col-xs-12 {
        padding: 20px;
    }
    #irdm_6 .gzyl img {
        padding-left: 0px;
    }
    #irdm_6 .cpys .bottomtext .col-sm-6, #irdm_7 .cpys .bottomtext .col-sm-6 {
        min-height: auto;
    }
    #irdm_2 .cpys .col-sm-6{
        min-height: auto;
    }

    #irdm_6 .cpjg .trapezoid .row.one,#irdm_6 .cpjg .trapezoid .row.two{
        width: 100%;
    }
    #irdm_6 .trapezoid_bg{
        height: 138px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_6 .trapezoid_bg1{
        height: 100px;
        border: 0px;
        background: #fff;
    }
    #irdm_6 .cpjg .trapezoid .row.two .lefttwo {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0px;
    }
    #irdm_6 .trapezoid_bg2{
         height: 90px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_6 .trapezoid_bg3{
         height: 50px;
        border: 0px;
        background: #fff;
    }
    #irdm_6 .trapezoid_bg4{
         height: 140px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_6 .trapezoid_bg5{
         height: 100px;
        border: 0px;
        background: #fff;
    }
    #irdm_6 .trapezoid_bg6{
         height: 40px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_6 .cpjg .trapezoid .row.two .righttwo .col-lg-2{
        width: 25%;
    }
    #irdm_6 .cpjg .trapezoid .row.two{
        height: 240px;
    }
    #irdm_6 .cpjg .trapezoid .row.one .col-md-3 {
        width: 25%;
        padding: 0px 2px;
    }
    #irdm_6 .cpjg .trapezoid .row.two .lefttwo .col-lg-2 {
        width: 20%;
        padding: 0px 2px;
    }
}

@media (max-width: 768px){
    #irdm_5 .trapezoid_bg {
        height: 40px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_5 .trapezoid_bg1 {
        height: 40px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_5 .trapezoid_bg2 {
        height: 532px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_5 .trapezoid_bg3 {
        height: 492px;
        border: 0px;
        background: #fff;
    }
    #irdm_5 .cpjg .trapezoid>.row.one,#irdm_5 .cpjg .trapezoid .row.two,#irdm_5 .cpjg .trapezoid .row.three,#irdm_5 .cpjg .trapezoid .row.four {
        width: 100%;
    }
  
    #irdm_5 .cpjg .trapezoid .row.five{
        width: 100%;
    }
    #irdm_5 .trapezoid_bg4{
        height: 233px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_5 .trapezoid_bg5{
        height: 192px;
        border: 0px;
        background: #fff;
    }
    #irdm_5 .trapezoid_bg6{
        height: 180px;
        border: 0px;
        background: #fff;
    }
    #irdm_4 .cpjg .trapezoid .row.one,#irdm_4 .cpjg .trapezoid .row.two,
    #irdm_4 .cpjg .trapezoid .row.three,#irdm_4 .cpjg .trapezoid .row.four,
    #irdm_4 .cpjg .trapezoid .row.five {
        width: 100%;
    }
    #irdm_4 .trapezoid_bg{
        height: 190px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_4 .trapezoid_bg1{
        height: 162px;
        border: 0px;
        background: #fff;
    }
    #irdm_4 .trapezoid_bg2{
        height: 215px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_4 .trapezoid_bg3{
        height: 184px;
        border: 0px;
        background: #fff;
    }
    #irdm_4 .trapezoid_bg4{
        height: 358px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_4 .trapezoid_bg5{
        height: 324px;
        border: 0px;
        background: #fff;
    }
    #irdm_4 .trapezoid_bg6{
        height: 40px;
        border: 0px;
        background: #2379f0;
    }
     #irdm_4 .trapezoid_bg7{
        height: 439px;
        border: 0px;
        background: #2379f0;
    }
    #irdm_4 .trapezoid_bg8{
        height: 396px;
        border: 0px;
        background: #fff;
    }
    #irdm_4 .cpjg .trapezoid  .extra{
        display: block;
    }
    #irdm_4 .cpjg .trapezoid .row.last{
        display: none;
    }
    #irdm_4 .cpjg .trapezoid .extra .title{
        background: #2379f0;
    }
    #irdm_4 .cpjg .trapezoid .extra .cont{
        background: #fff;
    }
    .dcjs .bottomtext .divimg1 .con {
        top: 220px;
        padding: 20px 80px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 220px;
        padding: 20px 80px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 24px;
        transform: translateY(-160px);
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 24px;
        transform: translateY(-160px);
    }
    .dcjs .bottomtext .divimg1{
        margin-bottom: 20px;
    }
}
@media (max-width: 680px) {
    .toptab>div {
        padding: 0px 14px;
    }
    .toptab>div {
        height: 36px;
    }
    .toptab {
        position: relative;
        width: 100%;
        margin: 0 auto;
        max-width: 1200px;
        height: 72px;
        margin-top: -72px;
    }
}
@media (max-width: 650px) {
    #irdm_1 .cpjg .info3 .left_con.style2 {
        width: 100%;
        margin-bottom: 0px;
        height: auto;

    }
    #irdm_1 .cpjg .info3 .bottom_text>div{
        width: 100%;
        min-height: auto;
    }
    #irdm_1 .cpjg .info3 .right_con{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .dcjs .bottomtext .divimg1 .con {
        top: 180px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 180px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 24px;
        transform: translateY(-140px);
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 24px;
        transform: translateY(-140px);
    }
}
@media (max-width: 616px){
	.cptd .bottomtext {
        width: 98%;
        max-width: 1200px;
        margin: 0 auto;
	}
    .cptd .col-sm-6 {
        margin: 0px;
        padding: 0px;
        height: 190px;
        width: 50%;
        border-bottom: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
    }
    .cptd .col-sm-6:hover .style1 {
        height: 210px;
    }
}
@media (max-width: 580px){
    .dcjs .bottomtext .divimg1 .con {
        top: 140px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 140px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 24px;
        transform: translateY(-100px);
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 24px;
        transform: translateY(-100px);
    }
}

@media (max-width: 540px){
    .dcjs .bottomtext .divimg1 .con {
        top: 100px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 100px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 18px;
        transform: translateY(-60px);
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 18px;
        transform: translateY(-60px);
    }
}
@media (max-width: 530px){
    #irdm_1 .cpys {
        padding-bottom: 40px;
    }
   
    #irdm_1 .cpys .ystitle {
        font-size: 12px;
    }
    #irdm_1 .cpys .ysimg2{
        width: 100%;
    }
    
    .ptitle1 {
        font-size: 34px;
    }
    .cptd {
        margin-top: 0px;
        padding-bottom: 40px;
    }
    .cpys h3 {
        padding: 20px 0px;
    }
  
    .cpkj{
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .cpkj h3 {
        padding: 70px 0px 10px;
    }
    
    .cpjg h3 {
        padding-top: 40px;
    }
    #irdm_2 .cpys {
        padding-bottom: 20px;
    }
    #irdm_2 .gntx h3 {
        padding: 20px 0px;
    }
    #irdm_2 .gntx .col-lg-6 {
        margin: 14px 0px 0px;
    }
    #irdm_3 .cpjg .lefttext .col-xs-12 {
        padding: 10px 10px;
    }
 
    .dcjs {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .dcjs .bottomtext .col-xs-12{
        margin-bottom: 20px;
    }

    #irdm_3 .gntx h3 {
        padding: 20px 0px;
    }
    #irdm_3 .gntx .list {
        padding-left: 30px!important;
        margin-bottom: 30px!important;
    }
    #irdm_3 .gntx .list, #irdm_3 .gntx .con {
        height: 30px;
        line-height: 30px;
    }
    #irdm_3 .gntx .list .icon {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin-right: 10px;
    }
    #irdm_3 .gntx .list .icon img{ 
        width: 60%;
    }
    #irdm_3 .gntx .con h4 {
        height: 30px;
        line-height: 30px;
        margin: 0px;
        font-size: 12px;
    }
    #irdm_1 .cpjg .info3 .wedo {
        height: 340px;
    }
    .gzyl img {
        padding-left: 0%;
        margin-top: 20px !important;
    }
    #irdm_2 .cpjg .level1 {
        width: calc(50% - 5px);
        float: left;
    }
    #irdm_2 .cpjg .level2 {
        width: 100%;
        float: left;
    }
    #irdm_2 .cpjg .row  .mind{
        display: none;
    }
    #irdm_5 .cpjg .trapezoid .row.five .title .imgdiv {
        float: left;
        margin-right: 10px;
    }
    #irdm_5 .cpjg .trapezoid .row.five .title {
        margin-left: -152px;
    }
}
@media (max-width: 500px){
	.topimg{position: relative;height: auto; min-height: 150px;}
	.topimg>img{width: auto !important;height: 150px; }
	.ml20{margin-left: 5% !important;}
	.tptext{font-size:13px; }
	.tpdiv{height: 50px;line-height: 50px;}
	.dp{display: none !important;}
	.xp{display: block !important;}
	.pdl20{padding-left: 0 !important;}
	.pdl40{padding-left: 0 !important;}
	.pdr40{padding-right: 0 !important;}
	.pdr20{padding-right: 0 !important;}
	.prdivcont {
        padding: 20px;
	}
    .page5 .col-xs-12 {
        padding: 30px 40px;
    }
    #irdm_1 .cpjg .info3 .bottom_text>div {
        padding: 20px 20px;
    }
    #irdm_6 .cpjg .trapezoid .row.one .col-lg-2 {
        width: 100%;
        padding: 0px 10px;
    }
    #irdm_6 .trapezoid_bg1 {
        height: 350px;
        border: 0px;
        background: #fff;
    }
    #irdm_6 .cpjg .trapezoid .row.two .lefttwo .col-lg-2 {
        width: 100%;
        padding: 0px 2px;
    }
    #irdm_6 .cpjg .trapezoid .row.two .lefttwo {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0px;
        height: 290px;
    }
    #irdm_6 .cpjg .trapezoid .row.two {
        height: 740px;
    }
    #irdm_6 .cpjg .trapezoid .row.two .righttwo .col-lg-2 {
        width: 100%;
    }
    #irdm_6 .cpjg .trapezoid .row.two .righttwo{
        height: 440px;
    }
    #irdm_6 .trapezoid_bg3 {
        height: 250px;
        border: 0px;
        background: #fff;
    }
    #irdm_6 .trapezoid_bg5 {
        height: 400px;
        border: 0px;
        background: #fff;
    }
}
@media (max-width: 460px){
    .dcjs .bottomtext .divimg1 .con {
        top: 40px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 40px;
        padding: 20px 40px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 18px;
        transform: translateY(-30px);
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 18px;
        transform: translateY(-30px);
    }
}
@media (max-width: 436px){
    .toptab {
        position: relative;
        width: 100%;
        margin: 0 auto;
        max-width: 1200px;
        height: 108px;
        margin-top: -108px;
    }
    .ptitle1 {
        font-size: 24px;
        margin-top: 0px;
    }
    .pdctcontent>.h100 {
        height: 0px;
        padding: 0px !important;
    }
    .pcont{
        margin-top: 20px
    }
    .cpjg h3 {
        padding: 20px 0px;
    }
    #irdm_7 .cpjg .bottomtext .col-xs-12 {
        padding: 20px 40px;
    }
    #irdm_4 .cpjg .bottomtext h4, #irdm_6 .cpjg .bottomtext h4, #irdm_7 .cpjg .bottomtext h4 {
        margin-bottom: 10px;
    }
    #irdm_7 .cpjg .bottomtext p {
        width: 100%;
    }
    #irdm_1 .cpys h3, #irdm_2 .gzyl h3, #irdm_4 .gzyl h3, #irdm_6 .gzyl h3, #irdm_7 .gzyl h3, #irdm_3 .gzyl h3 {
        padding: 20px 0px;
    }
    .cpys{
        padding: 20px 0px
    }
    .gzyl>.h100 {
        height: 0px;
        padding: 0px !important;
    }
    .gzyl h3 {
        padding: 20px 0px;
    }
    .prdivcont .ptitle3 {
        margin-bottom: 20px;
    }
    .prdivcont .row>div span {
        display: block;
        width: 40px;
        text-align: left;
        float: left;
        height: 50px;
        font-size: 38px;
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff8068), to(#ec5557));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #irdm_2 .prdivcont .row>div p, #irdm_5 .prdivcont .row>div p {
        float: left;
        width: calc(100% - 40px);
        margin-top: 20px;
    }
    .cpjg .lefttext p {
        width: 100%;
    }
    .dcjs h3, .cpys h3 {
        padding: 20px 0px;
    }
    #irdm_2 .cpys,#irdm_3 .cpys {
        padding-top: 0px;
    }
    .cpys .bottomtext .col-sm-6 {
        min-height: auto;
        padding: 20px 20px 20px 96px;
    }
    #irdm_4 .prdivcont {
        padding: 20px;
    }
    .cpfw {
        margin-bottom: 20px;
    }
    #irdm_5 .cpjg .trapezoid .row.five .title .imgdiv {
        float: left;
        margin-right: 0px;
    }
    #irdm_5 .cpjg .trapezoid .row.five .title {
        margin-left: -129px;
    }
}
@media (max-width: 410px){
    .dcjs .bottomtext .divimg1 .con {
        top: 0px;
        padding: 5px 30px;
    }
    .dcjs .bottomtext .divimg2 .con {
        top: 0px;
        padding: 5px 30px;
    }
    .dcjs .bottomtext .divimg1 .title {
        font-size: 14px;
        transform: translateY(8px);
        margin-bottom: 0px;
    }
    .dcjs .bottomtext .divimg2 .title {
        font-size: 14px;
        transform: translateY(8px);
    }
    .dcjs .bottomtext .con .text{
        margin-top: 0px;
    }
}
@media (max-width: 360px){
	.topimg{position: relative;height: auto; min-height: 150px;}
	.topimg>img{width: 100%;height: 150px; }
	
	.pdl20{padding-left: 0 !important;}
	.pdl40{padding-left: 0 !important;}
	.pdr40{padding-right: 0 !important;}
	.pdr20{padding-right: 0 !important;}
   
    #irdm_2 .gntx .img_style {
        margin-right: 30px;
    }
    .page5 .col-xs-12 {
        padding: 30px 30px;
    }
    .cptd .col-xs-12 {
        width: 100%;
        margin: 10px 0px;
    }
}