.comment { width: 100%; overflow: hidden; }

.com { background: no-repeat center; width: 100%; background-size: auto 100%; position: relative; }
.com .center { width: 1200px; height: 100%; margin: 0 auto; position: relative; }
.com .center .tab_btn { display: block; position: absolute; width: 173px; height: 59px; z-index: 2; }
.com .center .tab_btn:hover { opacity: 0.95; }
.com .center .tab_btn.btn_1 { background: url("../images/tab_btn1.png") no-repeat center; }
.com .center .tab_btn.btn_2 { background: url("../images/tab_btn2.png") no-repeat center; }
.com .center .img_ico { background: url("../images/img_ico.png") no-repeat center; font-size: 32px; }
.com .center .ico_tex4 { height: 50px; width: 92px; background-position: 0 0; margin-top: 40px; margin-left: 155px; }
.com .center .ico_tex1 { height: 50px; width: 92px; background-position: 0 -50px; margin-top: 35px; margin-left: 195px; }
.com .center .ico_tex5 {height: 50px;width: 132px;background-position: 0 -100px;margin-top: 25px;margin-left: 187px;}
.com .center .ico_tex2 {height: 50px;width: 135px;background-position: 0 -153px;margin-top: 20px;margin-left: 220px;}
.com .center .ico_tex3 {height: 50px;width: 134px;background-position: 0 -202px;margin-top: 30px;margin-left: 110px;}
.com .center .box { letter-spacing: 0.1px; text-align: justify; position: absolute; color: #fff; font-size: 18px; }
.com .center .box .bt { position: absolute; width: 100%; top: -40px; text-align: center; color: #ff2017; font-size: 22px; line-height: 25px; }
.com .center .box .bt span { display: block; font-size: 14px; }
.com .center .box i { color: #ff2017; }
.com .center .box .text { width: 545px; margin: 0 auto; line-height: 32px; padding-top: 30px; }
.com .center .box1_1 { width: 420px; height: 285px; left: 25px; bottom: 85px; line-height: 32px; font-size: 18px; }
.com .center .box1_1 .text2 { padding-top: 15px; }
.com .center .box1_1 .text2_1 { padding-top: 25px; }
.com .center .box3_1 { width: 400px; position: absolute; height: 220px; right: 30px; top: 1313px; }
.com .center .box3_1 .text { width: 100%; padding-top: 0px; }
.com .center .box1 { background: url("../images/kuang/k1.png"); width: 642px; height: 385px; top: 300px; right: 0px; }
.com .center .box2 { background: url("../images/kuang/k2.png"); width: 757px; height: 405px; top: 60px; right: 0px; padding-top: 22px; }
.com .center .box2 .bt { top: -20px; }
.com .center .box2 .text { padding-top: 0px; width: 660px; }
.com .center .box3 { background: url("../images/kuang/k3.png"); width: 585px; height: 323px; top: 790px; left: 0px; }
.com .center .box3 .text { width: 505px; padding-top: 45px; }
.com .center .box4 { background: url("../images/kuang/k4.png"); width: 585px; height: 287px; bottom: 55px; left: 18px; }
.com .center .box4 .bt { top: -20px; }
.com .center .box4 .text { width: 510px; padding-top: 28px; }
.com .center .box5 { background: url("../images/kuang/k5.png"); width: 642px; height: 392px; right: 0; top: 265px; }
.com .center .box5 .img_ico { background: none; width: 70px; margin-top: 37px; margin-left: 215px; font-weight: bold; letter-spacing: 2px; }
.com .center .box6 { background: url("../images/kuang/k6.png"); width: 676px; height: 380px; padding-top: 46px; left: 0; top: 861px; }
.com .center .box6 .bt { top: -20px; }
.com .center .box6 .text { width: 575px; padding: 0; }

.com1 { background-image: url("../images/con1.jpg"); height: 773px; }
.com1 .logo1 { display: block; position: absolute; background: url("../images/dr_logo.png") no-repeat center; width: 67px; height: 67px; left: -175px; top: 67px; }
.com1 .logo2 { display: block; position: absolute; background: url("../images/3dm.png") no-repeat center; width: 275px; height: 65px; left: -75px; top: 67px; }

.com2 { background-image: url("../images/con2.jpg"); height: 1171px; }
.com2 .tab_btn.btn_1 { right: 160px; top: 585px; }

.com3 { background-image: url("../images/con3.jpg"); height: 2044px; }
.com3 .tab_btn.btn2 { right: 218px; top: 383px; }
.com3 .tab_btn.btn3 { left: 265px; top: 995px; }
.com3 .tab_btn.btn4 { left: 283px; bottom: 105px; }

.com4 { background-image: url("../images/con4.jpg"); height: 1425px; }
.com4 .tab_btn.btn5 { right: 160px; top: 545px; }
.com4 .tab_btn.btn6 { left: 340px; bottom: 180px; }

.com5 { background-image: url("../images/con5.jpg"); height: 1254px; }
.com5 .ul_box { padding-top: 211px; width: 100%; height: 258px; overflow: hidden; }
.com5 .ul_box ul { width: 110%; height: 100%; }
.com5 .ul_box ul li { width: 182px; height: 256px; border: 1px solid #ff1e16; float: left; overflow: hidden; margin-right: 70px; }
.com5 .ul_box ul li .img { width: 100%; display: block; overflow: hidden; position: relative; }
.com5 .ul_box ul li .img img { width: 100%; }
.com5 .ul_box ul li .img p { width: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; font-size: 16px; text-align: center; color: #fff; }
.com5 .ul_box ul li .tex { background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); height: 35px; line-height: 35px; }
.com5 .ul_box ul li .tex span { padding-left: 13px; color: #ff1e16; font-size: 14px; }
.com5 .ul_box ul li .tex .btn { height: 20px; width: 63px; display: block; margin-right: 13px; display: block; float: right; border: 1px solid #ff1e16; text-align: center; font-size: 12px; color: #fff; margin-top: 6px; line-height: 20px; transition: all .2s linear; }
.com5 .ul_box ul li .tex .btn:hover { background: #ff1e16; }
.com5 .warp_box { width: 1198px; height: 510px; border: 1px solid #ff1e16; margin-top: 44px; }
.com5 .warp_box ul { width: 100%; height: 100%; }
.com5 .warp_box ul li { background: #260403; width: 50%; height: 50%; float: left; }
.com5 .warp_box ul li .img { float: left; width: 320px; display: block; height: 100%; position: relative; }
.com5 .warp_box ul li .img img { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.com5 .warp_box ul li .text { float: left; width: 260px; color: #fff; padding-top: 33px; }
.com5 .warp_box ul li .text .bt { font-size: 16px; line-height: 21px; height: 42px; overflow: hidden; }
.com5 .warp_box ul li .text p { font-size: 14px; line-height: 21px; height: 21px; padding: 13px 0; }
.com5 .warp_box ul li .text .ico_text { background: url("../images/ico_text.png") no-repeat center; display: block; height: 34px; }
.com5 .warp_box ul li .text .ico_text.text1 { width: 162px; background-position: 0 -68px; }
.com5 .warp_box ul li .text .ico_text.text2 { width: 180px; background-position: 0 -102px; }
.com5 .warp_box ul li .text .ico_text.text3 { width: 141px; background-position: 0 0; }
.com5 .warp_box ul li .text .ico_text.text4 { width: 162px; background-position: 0 -34px; }
.com5 .warp_box ul li .text .btn { header: 27px; width: 98px; border: 1px solid #fd2017; text-align: center; line-height: 27px; color: #fff; display: block; margin-top: 22px; font-size: 16px; transition: all .2s linear; }
.com5 .warp_box ul li .text .btn:hover { background: #fd2017; }
.com5 .warp_box ul .on_bj { background: #1a0504; }