@charset "UTF-8";

.prod_bg {}
.box { width: 1200px; height: auto; margin: 0 auto; }
.prod_tile {margin: 45px 0 30px; text-align: center; text-transform: uppercase;}
.prod_tile p {display: block; padding-top: 10px; font-family: "arial"; font-size: 14px; color: #ccc;}
.list_bg {margin: 0 auto; overflow: hidden;}
.list_bg ul {margin: 0 auto; width: 1050px;}
.list_bg li {float: left; margin-right: 13px; width: 162px; height: 35px; line-height: 35px; border: 1px solid #ccc; text-align: center;}
.list_bg li a {color: #555; font-size: 14px;}
.list_bg li:last-child {margin-right: 0;}
.list_bg li:hover {background: #1e5cc1; border: 1px solid #1e5cc1;}
.list_bg li:hover a {color: #fff;}
.list_bg .on1 {background: #1e5cc1;  border: 1px solid #1e5cc1;}
.list_bg .on1 a {color: #fff!important;}
.prod_d {margin-top: 28px;}
.prod_d ul li {display: none;}
.prod_d ul li td{ width: 295px;float:left;margin-bottom: 10px; }
.show {display: block;}
.prod_btn {width: 198px; height: 50px; margin: 30px auto 0; border: 1px solid #ccc; text-align: center; line-height: 50px;}
.prod_btn a {display: block; font-size: 15px; color: #999;}
.prod_btn a:hover {color: #f79d00;}

.Iblank2 { width: 100%;min-width:1254px; height: 200px; background: #fff url(xbanner.png) no-repeat top;margin-top: 50px;}
.Iblank2_content { width: 1200px;margin: 0 auto;}
.Iblank2_tel { overflow: hidden;}
.Iblank2_tel .Ihotline_16fff { margin: 62px auto auto 1012px;font-size: 23px;color: #fff;}
.Iblank2_button { margin: 2% auto auto 81%;}
.Iblank2_button .Ihotline_16fff { width: 102px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #fdfefe;color: #fff;float: left;}
.Iblank2_button .Ihotline_16fff:nth-child(2) {margin-left: 7%}
.Iblank2_button .Ihotline_16fff:hover {background: #fff;color: #233357}
.top50 { margin-top: 50px; }

.problem_bg {width: 100%; height: 114px; margin-top: -16px; background: url(20180910145032_522447439.png) bottom center no-repeat;}
.intr{ width:1200px; margin:0 auto; height:532px; /*background:url(20180906135810_1160318677.jpg) center top no-repeat;*/}
.intr span{display:block; margin-top:30px; padding-top:25px; height:90px; text-align:center; font-size:40px; font-weight:bold; color:#1E5CC1; background:url(20180906135809_847288068.jpg) no-repeat center top;}
.intr span em{display:block; font-size:20px; color:#666666; font-weight:normal; font-style:normal;}

.intr li{display:block; float:left; margin-top:20px; width:389px; height:165px; font-size:16px; font-weight:bold; color:#333333;}
.intr li h5{display:block; margin-top:20px; line-height:40px; height:40px; font-size:18px;}
.intr li p{display:block; padding-top:15px; line-height:24px; color:#666666; font-size:14px; font-weight:normal;}
.intr li.li1,.intr li.li3{padding-left:160px; width:439px;}
.intr li.li2,.intr li.li4{float:right; padding-left:30px; width:569px;}
.intr .li1{background:url(20180906135810_1409395083.jpg) no-repeat left top;}
.intr .li2{background:url(20180906135810_1020674088.jpg) no-repeat left top;}
.intr .li3{background:url(20180906135810_127270982.jpg) no-repeat left top;}
.intr .li4{background:url(20180906135811_1406697296.jpg) no-repeat left top;}
.intr .li1.cur{background:url(20180906135810_1538147654.jpg) no-repeat left top;}
.intr .li2.cur{background:url(20180906135810_635641879.jpg) no-repeat left top;}
.intr .li3.cur{background:url(20180906135811_765097825.jpg) no-repeat left top;}
.intr .li4.cur{background:url(20180906135811_1479109713.jpg) no-repeat left top;}

.adv_bg1 .adv_w b {margin: 73px 0 0 124px;}
.adv_bg1 .adv_w span {margin: 5px 0 30px 124px;}
.adv_bg1 .adv_w p {margin-left: 124px;}
.adv_bg2 .adv_w {margin-left: 766px;}
.adv_bg2 .adv_w:nth-child(2){margin-top: 90px;}
.adv_bg2 .adv_w b {margin-top: 25px;}
.adv_bg2 .adv_w span {margin: 5px 0 30px 0;}
.adv_bg3 .adv_w b {margin: 48px 0 0 124px;}
.adv_bg3 .adv_w span {margin: 5px 0 30px 124px;}
.adv_bg3 .adv_w p {margin-left: 124px;}
.adv_w b {display: block; font-size: 30px; color: #f79d00;}
.adv_w span {display: block; font-size: 24px; color: #333;}
.adv_w p {display: block; font-size: 14px; color: #666; line-height: 34px;}
.adv_w a {margin-top: 5px; margin-left: 124px; display: block; width: 95px; height: 34px; background: #f79d00; font-size: 14px; color: #fff; line-height: 34px; text-align: center;}
.adv_w a:hover {color: #fffb6e;}
.adv_tile {padding-top: 20px; width: 1200px; height: 175px; text-align: center; background: url(20180908150800_365482039.jpg) no-repeat; overflow: hidden;}
.adv_tile span {font-size: 50px; font-weight: bold; color: #232323;}
.adv_tile span b {font-size: 76px; color: #f19d02;}
.adv_tile p {font-size: 18px; color: #666;}

.adv_bg1 {width: 1200px; height: 385px; background: url(20180908151134_1913810930.jpg) no-repeat; overflow: hidden;}
.adv_bg2 {width: 1200px; height: 591px; background: url(20180908151139_1809897529.jpg) no-repeat; overflow: hidden;}
.adv_bg3 {width: 100%;min-width: 1254px; height: 406px; background:url(20180908155254_1653711335.jpg) center no-repeat; overflow: hidden;}

.adv { width: 100%;min-width: 1254px; background: url(advBg.png) no-repeat center top; height: 488px; padding: 189px 0 0 0 }
.Title_main { width: 100%; text-align: center; }
.Title_main h2 { font-size: 32px; color: #333333; font-weight: normal }
.Title_main h2 a { color: #333333; text-decoration: none }
.Title_main p { font-size: 15px; color: #999; margin-top: 5px }
.Title_main i { display: block; width: 169px; height: 4px; margin: 18px auto 0 }
.Title_main i img { display: block; width: 169px; height: 4px }
.adv .container { margin-left: auto; margin-right: auto; width: 1200px }
.adv .mainCon { width: 100%; margin-top: -30px; position: relative }
.adv .mainCon .conBox { width: 1200px; height: 493px; margin-left: -10px; overflow: hidden }
.adv .mainCon .conBox dt { float: left; width: 600px; height: 402px; border-top: 9px solid #fff; border-left: 10px solid #fff; margin-top: 82px }
.adv .mainCon .conBox dd { width: 498px; height: 299px; padding: 154px 50px 0 32px;float: left; background: #fbfbfb }
.adv .mainCon .conBox dd h3 { font-size: 24px; color: #333333; font-weight: normal }
.adv .mainCon .conBox dd h3 em { color: #333333; font-weight: bold; font-size: 42px; font-style: normal; }
.adv .mainCon .conBox dd span { display: block; font-size: 12px; color: #cdcdcd; text-transform: uppercase; position: relative; top: 0px }
.adv .mainCon .conBox dd i { display: block; width: 100%; height: 1px; background: #f1f1f1; margin: 14px 0 30px 0 }
.adv .mainCon .conBox dd p { line-height: 28px; color: #666666; font-size: 15px }
.adv .mainCon .menu { width: 64px; height: 449px; position: absolute; right: 0; bottom: 0 }
.adv .mainCon .menu li { float: left; width: 123px; height: 105px; background:/* #1568bf; */font-size: 22px; color: #fff; text-align: center; line-height: 105px; /*border-left: 1px solid #8db9d9;  */  background: url(20180521114848_2144019006.png) no-repeat; font-size:16px}
.adv .mainCon .menu li img { display: inline-block *display: inline-block; position: relative; top: 8px; margin-right: 10px }
.adv .mainCon .menu li.cur { /*background: #fb8800;*/     background: url(20180521114537_1219664542.png) no-repeat;  }

