@charset "gb2312";
/* CSS Document */

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
.mar50 { height: 50px; clear: right; }
body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
.clear { clear: both; }
img { border: 0 }
h1 { margin: .67em 0; font-size: 2em }
/*dl,ul{ list-style:none; margin:0; padding:0;}*/

/*begin*/
.rgbox_top { /*background:rgba(245,245,245,1);*/ background-image: url(../img/new_style/computer1.jpg); background-repeat: no-repeat; width: 100vw; height: 100vh; background-position: center; background-size: 100vw 100vh; background-attachment: fixed; }
.rgbox_top img { max-width: 100%; margin-top: 10%; }
/*.rgbox_top p img{ padding:0; display:block; margin:0; max-width:102%; }*/
.rgcom_cen { width: 68%; margin: auto; padding: 90px 0 0; }
.rgcom_cen h1, .sj_box h3,.sj_box .title { font-size: 42px; text-align: center; font-weight: normal; }
.sj_box .title{margin: .67em 0;font-size: 42px!important;  text-align: center!important; width: 100%!important; font-weight: normal; }
.rgcom_cen h2, .sj_box h2 { font-size: 18px; text-align: center; color: #737373; font-weight: normal; line-height: 0%; }
 @media screen and (max-width:1500px) {
.rgcom_cen { width: 85%; }
}
.rgcom_icon { height: auto; overflow: hidden; padding: 108px 0 175px 0; }
.rgcom_icon dl { text-align: center; float: left; width: 14.28%; }
.rgcom_icon dl dt { margin-bottom: 35px; }
.rgcom_icon dl dd { color: #737373; display: inline; font-size: 18px; margin: 0; }
.rgcom_icon dl dd p { line-height: 240%; }
.zbqf_box { background: rgba(255,255,255,1); height: auto; overflow: hidden; padding: 60px 0 0; }
/*.sj_box{  width:70%; margin:0 auto;}*/
@media screen and (min-width:1400px) {
.focus .left {/* width: 50%; */}
.focus .right { /*width:440px;*/ width: 50%; }
.focus { /*width:1050px;*/ width: 50%; }
}
@media screen and (min-width:970px) and (max-width:1400px) {
.copyright { line-height: 55px !important; height: 6% !important; }
.sj_box { width: 100%; margin: 0 auto; }
.sj_box h1 { font-size: 30px; }
/*.ft_tit {padding:20px 0 0 36px !important;}*/
/*.ft_tit h3{  font-size:22px !important; padding:0 0 20px 0 !important; margin:0 !important;}*/
.ft_tit p { line-height: 25px; }
/*.footer2{ padding:0 0 0 0 !important; height:45%;}*/
.footer { padding: 65px 0 10px 0 !important; height: 40%; width: 70%; margin: 0 auto; position: relative; }
.indexgushi .gspic {/* padding-top: 130px !important; */}
.indexgushi .gspic img {/* max-width: 60% !important; */}
/*.container_top {
	width: 80% !important; margin:0 auto; height:auto; position:absolute; top:30%; left:5%;  
}*/
.fdp_t_c { padding-top: 28px !important; position: relative !important; }
.fdp_t_c h1 { font-size: 25px !important; margin: 20px 0 5px 0; }
.fdp_t_c p { text-align: center; color: #555555; font-size: 14px !important; padding: 0 2%; }
.xxtab_box { position: absolute; height: 100%; top: 200%; left: 0; }
.box { width: 96% !important; margin: 12px auto 0 auto !important; }
.tab_box img {/* max-width: 76% !important; *//* margin: 0 auto; *//* display: block; *//* overflow: hidden; */}
.tab_menu { overflow: hidden; }
.tab_menu li {/* height: 30px !important; *//* line-height: 30px !important; *//* width: 24%; *//* font-size: 14px !important; *//* border-bottom: #c3cad9 1px solid; *//* border-right: #d7dce6 1px solid; *//* float: left; *//* color: #333; *//* background: #f5f6f9; *//* text-align: center; *//* cursor: pointer; */}
.tab_menu li.current {color: #333;/* background: #fff; *//* border-top: #fbc000 3px solid; *//* height: 27px !important; *//* border-bottom: none; */}
.tab_menu li.js_wtab { width: 25%; }
.focus { height: 100% !important; margin: 0 auto; width: 80%; position: relative; }
.focus .left {/* float: left; *//* height: 731px; *//* position: relative; *//* overflow: hidden; *//* width: 50%; *//* left: 0 !important; *//* background: url(../img/style/telphoto.jpg) no-repeat; *//* background-size: auto 450px !important; */}
.focus .left li {/* position: absolute; *//* left: 0; *//* top: 0; *//* width: 1003px; *//* height: 631px; *//* padding: 42px 0 0 9px !important; *//* z-index: 1; *//* opacity: 0; */filter: alpha(opacity=0);}
.focus .left li img {/* width: 187px; *//* height: 334px; */}
.focus .right {/* float: right; *//* width: 50%; *//* padding: 20px 0 0 !important; */}
.focus .right li { height: 101px !important; /*overflow:hidden; padding-left:10px;*/ background-image: url(../images/btns.png);/*background-position:-120px 0;*/ color: #0085e1; font-size: 24px; /*line-height:88px;*/ margin-bottom: 5 px; cursor: pointer; }
.med_mad { height: 20px !important; }
.med_mad2 { height: 0 !important; }
.focus .right li i.i1 {/*background-position:0 0;*/ background-size: 350px 96px !important; }
.focus .right li i.i2 {/*background-position:0 -60px;*/ background-size: 350px 96px !important; }
.focus .right li i.i3 {/*background-position:0 -120px;*/ background-size: 350px 96px !important; }
.focus .right li i.i4 {/*background-position:0 -180px;*/ background-size: 350px 96px !important; }
.focus .right .dn_tit h3 { font-size: 21px !important; font-weight: normal; margin: 0; color: #515151; text-align: left; }
.focus .right .dn_tit p {/* font-size: 15px !important; *//* padding-top: 15px; *//* line-height: 20px !important; *//* margin: 0; *//* color: #868686; */}
.carousel-indicators { bottom: 8% !important; left: 30% !important; }
/*.fot_wx dt img{ max-width:70%;}*/
.fot_wx dd { padding: 15px 0 0; text-align: center; }
}
.focus { height: 731px; margin: 0 auto; position: relative; }
.focus .left { float: left; height: 731px; position: relative; left: 0; overflow: hidden; background: url(../img/style/telphoto.jpg) no-repeat; }
.focus .left li { position: absolute; left: 0; top: 0; width: 1003px; height: 631px; padding: 60px 0 0 14px; z-index: 1; opacity: 0; filter: alpha(opacity=0); }
.focus .left li.active { z-index: 2; }
.focus .left li p { display: none; }
.focus .numtit a { float: left; width: 10px; height: 10px; background: #CCC; margin: 0 5px; }
.focus .right ul { list-style: none; margin: 0; padding: 0; }
.focus .right { float: right; padding: 64px 0 0; }
.focus .right li { height: 131px; clear: both; /*overflow:hidden; padding-left:10px;*/ background-image: url(../images/btns.png);/*background-position:-120px 0;*/ color: #0085e1; font-size: 24px; /*line-height:88px;*/ margin-bottom: 5 px; cursor: pointer; }
.focus .right li:hover, .focus .right li.active { color: #0085e1;/*background-position:-120px -120px;*/ }
.focus .right li i { background-image: url(../images/btns.png); background-repeat: no-repeat; width: 60px; height: 110px; float: left; margin: 0 48px 0px 0; }
.focus .right .dn_tit h3 { font-size: 24px; font-weight: normal; margin: 0; color: #515151; text-align: left; }
.focus .right .dn_tit { }
.focus .right .dn_tit p { font-size: 18px; padding-top: 15px; line-height: 30px; margin: 0; color: #868686; }
.focus .right li:hover h3, .focus .right li.active h3 { color: #0085e1; }
.focus .right li:hover p, .focus .right li.active p { color: #4daffa; }
.focus .right li i.i1 {/*background-position:0 0;*/ background: url(../img/style/tab1.jpg) no-repeat; }
.focus .right li i.i2 {/*background-position:0 -60px;*/ background: url(../img/style/tab2.jpg) no-repeat; }
.focus .right li i.i3 {/*background-position:0 -120px;*/ background: url(../img/style/tab3.jpg) no-repeat; }
.focus .right li i.i4 {/*background-position:0 -180px;*/ background: url(../img/style/tab4.jpg) no-repeat; }
.focus .right li:hover i.i1, .focus .right li.active i.i1 {/*background-position:-60px 0;*/ background: url(../img/style/tab1_hov.jpg) no-repeat; }
.focus .right li:hover i.i2, .focus .right li.active i.i2 {/*background-position:-60px -60px;*/ background: url(../img/style/tab2_hov.jpg) no-repeat; }
.focus .right li:hover i.i3, .focus .right li.active i.i3 {/*background-position:-60px -120px;*/ background: url(../img/style/tab3_hov.jpg) no-repeat; }
.focus .right li:hover i.i4, .focus .right li.active i.i4 {/*background-position:-60px -180px;*/ background: url(../img/style/tab4_hov.jpg) no-repeat; }
.focus .num1 { position: absolute; bottom: 0px; left: 0; z-index: 9; padding: 0 0 10px 160px; }
.focus .num1 li { background: #a7a8aa; float: left; width: 13px; height: 13px; margin: 0 5px; border-radius: 50%; }
.focus .num1 li.active { background: #676767; }
.banner { width: 100%; overflow: hidden; height: 870px; position: relative }
.banList { position: absolute; left: 50%; margin-left: -960px; height: 18rem }
.banList li { height: 870px; opacity: 0; position: absolute; transform: scale(0); transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; z-index: 1; }
.banList li.active { opacity: 1; transform: scale(1); z-index: 2; }
.fomW { position: absolute; bottom: 20px; left: 50%; height: 20px; z-index: 9; width: 1000px; margin-left: -500px }
.jsNav { text-align: center; }
.jsNav a { display: inline-block; background: rgba(139,151,162,1); width: 15px; height: 15px; border-radius: 50%; margin: 0 5px; }
.jsNav a.current { background: rgba(56,58,59,1); cursor: pointer }
.fdp_tab { background: #ecf4f7; background-size: 100%; width: 100%; height: 100%; padding-bottom: 50px; }
.fdp_t_c { width: 100%; margin: 0 auto; max-width: 1300px; padding-top: 88px; }
.fdp_t_c h1 { text-align: center; color: #333; font-size: 38px; font-weight: normal; }
.fdp_t_c p { text-align: center; color: #555555; font-size: 16px; }
/* box */

.box { width: 100%; margin: 22px auto 0; background: #fff; box-shadow: rgba(207,219,224,.7) 2px 4px 10px 4px; }
.tab_menu { overflow: hidden; list-style: none; margin: 0; padding: 0; }
.tab_menu li {height: 50px;line-height: 50px;width: 25%;font-size: 18px;border-bottom: #c3cad9 1px solid;border-right: #d7dce6 1px solid;float: left;color: #333;background: #f5f6f9;text-align: center;cursor: pointer;}
.tab_menu li.current { color: #333; background: #fff; border-top: #fbc000 3px solid; height: 47px; border-bottom: none; }
.tab_menu li.js_wtab { width: 25%; }
.tab_menu li a { color: #333; text-decoration: none; }
.tab_menu li.current a { color: #333; }
.tab_box .hide { display: none; }
.tab_box img { max-width: 100%; display: block; overflow: hidden; }
.ddost { height: 100%; position: relative; background: #f7f7f7; }
.zbqf_box { background: rgba(255,255,255,1); height: auto; overflow: hidden; padding: 60px 0 0; }
.sj_box { width: 70%; margin: 0 auto; }
/*@media screen and (min-width:1400px) {*/
.focus .left { width: 414px; }
.focus .right { width: 440px; }
.focus { width: 1050px; }
/*}*/

.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.mainPro{background: #f8fafb;text-align: center;padding: 40px 0 100px;}
.mainPro .tit{ font-size: 38px; color: #1d2023; line-height: 1; /* text-align: center; */ padding: 0 0 30px; font-weight: lighter;}
.mainPro ul{margin: 0 -19px;padding: 0;}
.mainPro li{float:left;width: 50%;padding: 38px 19px 0;}
.mainPro li a{display: block;background: #fff;line-height: 1;border: 1px solid #eef0f5;}
.mainPro li .pic{position: relative;}
.mainPro li .pic img{}
.mainPro li a .pic span{position: absolute;left: 50%;bottom: 0;/* margin-left: -25%; */transform: translateX(-50%);display: block;min-width: 84%;background: #01b7b8;line-height: 32px;font-size: 18px;color: #fff;border-radius: 15px 15px 0 0;}
.mainPro li .bd{/* border: 1px solid #eff1f5; *//* border-width: 0 1px 1px 1px; */padding: 35px 0 50px;}
.mainPro li a .logos{display: inline-block;position: relative;padding: 0 10px 0 0;margin: 0 7px 0 0;min-height: 22px;}
.mainPro li a .logos img{float: left;max-height: 20px;}
.mainPro li a .logos:before{content:'';width: 1px;height: 16px;background: #444;position: absolute;right: 0;top: 2px;}
.mainPro li a h2{display: inline-block;line-height: 24px;font-size: 24px;vertical-align: top;margin: 0;font-weight: normal;color: #222;}
.mainPro li a p{font-size: 20px;color: #555;padding: 0 0 15px;}
.mainPro li a .price{display: inline-block;background: #222;height: 36px;border-radius: 36px;color: #fff;line-height: 36px;padding: 0 52px 0 28px;font-size: 24px;position: relative;margin-top: 25px;}
.mainPro li a .price em{font-size: 16px;padding: 0 3px;font-style: normal;}
.mainPro li a .price i{width: 26px;height: 26px;text-align: center;background: #fff;border-radius: 26px;color: #222;font-size: 14px;display: block;line-height: 26px;position: absolute;right: 9px;top: 5px;}

@media screen and (max-width:1400px) {
.focus .left, .focus .right {/* width: 50%; */}
.focus {/* width: 100%; */}
.sj_box { width: 90%; margin: 0 auto; }
}
.focus { height: 731px; margin: 0 auto; position: relative; }
.focus .left { float: left; height: 731px; position: relative; left: 100px; overflow: hidden; background: url(../img/style/telphoto.jpg) no-repeat; }
.focus .left li { position: absolute; left: 0; top: 0; width: 1003px; height: 631px; padding: 60px 0 0 14px; z-index: 1; opacity: 0; filter: alpha(opacity=0); }
.focus .left li.active { z-index: 2; }
.focus .left li p { display: none; }
.focus .numtit a { float: left; width: 10px; height: 10px; background: #CCC; margin: 0 5px; }
.focus .right { float: right; padding: 64px 0 0; }
.focus .right li { height: 131px; /*overflow:hidden; padding-left:10px;*/ background-image: url(../img/btns.png);/*background-position:-120px 0;*/ color: #0085e1; font-size: 24px; /*line-height:88px;*/ margin-bottom: 5 px; cursor: pointer; }
.focus .right li:hover, .focus .right li.active { color: #0085e1;/*background-position:-120px -120px;*/ }
.focus .right li i { background-image: url(../img/btns.png); background-repeat: no-repeat; width: 60px; height: 110px; float: left; margin: 0 48px 0px 0; }
.focus .right .dn_tit h3 { font-size: 24px; font-weight: normal; margin: 0; color: #515151; text-align: left; }
.focus .right .dn_tit { }
.focus .right .dn_tit p { font-size: 18px; padding-top: 15px; line-height: 30px; margin: 0; color: #868686; }
.focus .right li:hover h3, .focus .right li.active h3 { color: #0085e1; }
.focus .right li:hover p, .focus .right li.active p { color: #4daffa; }
.focus .right li i.i1 {/*background-position:0 0;*/ background: url(../img/style/tab1.jpg) no-repeat; }
.focus .right li i.i2 {/*background-position:0 -60px;*/ background: url(../img/style/tab2.jpg) no-repeat; }
.focus .right li i.i3 {/*background-position:0 -120px;*/ background: url(../img/style/tab3.jpg) no-repeat; }
.focus .right li i.i4 {/*background-position:0 -180px;*/ background: url(../img/style/tab4.jpg) no-repeat; }
.focus .right li:hover i.i1, .focus .right li.active i.i1 {/*background-position:-60px 0;*/ background: url(../img/style/tab1_hov.jpg) no-repeat; }
.focus .right li:hover i.i2, .focus .right li.active i.i2 {/*background-position:-60px -60px;*/ background: url(../img/style/tab2_hov.jpg) no-repeat; }
.focus .right li:hover i.i3, .focus .right li.active i.i3 {/*background-position:-60px -120px;*/ background: url(../img/style/tab3_hov.jpg) no-repeat; }
.focus .right li:hover i.i4, .focus .right li.active i.i4 {/*background-position:-60px -180px;*/ background: url(../img/style/tab4_hov.jpg) no-repeat; }
.focus .num1 { position: absolute; bottom: 0px; left: 0; z-index: 9; padding: 0 0 10px 160px; }
.focus .num1 li { background: #a7a8aa; float: left; width: 13px; height: 13px; margin: 0 5px; border-radius: 50%; }
.focus .num1 li.active { background: #676767; }
.chaobiaoBanner { max-width: 2000px; margin: 0 auto; }
.chaobiaoBanner .swiper-pagination-bullet { width: 16px; height: 16px; }
.chaobiaoBanner .swiper-pagination-bullet-active { background: #1f49ff }

/* .chaobiaoBanner .banner01 { background-color: #fff; }
.chaobiaoBanner .banner02 { background-image: url(../img/style/banner/80/banner02_bg.jpg); }
.chaobiaoBanner .banner03 { background-image: url(../img/style/banner/80/banner03_bg.jpg); }
.chaobiaoBanner .banner04 { background-color: #f4f9ff; }
.chaobiaoBanner .banner05 { background-color: #edf3ff; } */

.chaobiaoBanner .banner01 { background-image: url(../img/style/banner/80/banner02_bg.jpg); }
.chaobiaoBanner .banner02 { background-color: #f4f9ff; }
.chaobiaoBanner .banner03 { background-image: url(../img/style/banner/80/banner03_bg.jpg); }
.chaobiaoBanner .banner04 { background-color: #edf3ff; }
.chaobiaoBanner .banner05 { background-color: #ffffff; }



.chaobiaoBanner .swiper-slide { background-size: 100% 100%; background-position: center center; }
.chaobiaoBanner .swiper-slide img { display: block; margin: 0 auto; }
.chaobiaoBanner .swiper-button-prev, .chaobiaoBanner .swiper-button-next { background: url(../img/prev.png) no-repeat center center; width: 64px; height: 64px; left: 5%; opacity: .8; filter: alpha(opacity=80); }
.chaobiaoBanner .swiper-button-next { background: url(../img/next.png) no-repeat center center; left: inherit; right: 5% }
.chaobiaoBanner .swiper-button-prev:hover, .chaobiaoBanner .swiper-button-next:hover { opacity: 1; filter: alpha(opacity=1); }
.chaobiaoBanner .swiper-pagination-bullet { width: 70px; height: 5px; border-radius: 5px; background: #ccc; }
.swiper-pagination-bullet-active { background: #13cc80 }

/*4-27 首页样式移出来--张林*/
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.vh-center { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.h-center { position:absolute; left:50%; transform:translateX(-50%) }
.v-center { position:absolute; top:50%; transform:translateY(-50%) }
.itemContainer{ background:#f2f2f2;}
.itemContainer .Box{width:1300px; margin:0 auto;}
.itemContainer .topText{ height:258px; text-align:center;}
.itemContainer .topText h2{ font-size:42px; line-height:1; color:#000000; padding:118px 0 30px; margin:0; font-weight:normal;}
.itemContainer .topText p{ font-size:18px; line-height:1; color:#444;margin:0;}
.itemBanner .swiper-pagination{}
.itemBanner .swiper-pagination-bullet{ width:12px; height:12px; background:rgba(255, 255, 255, 0.75);}
.itemContainer ul{ margin:0; padding:15px 0 0 0;}
.itemContainer li{ float:left; width:640px;}
.itemContainer li:last-of-type{ float:right;}
.itemContainer li a{ display:block;}
.itemContainer li a .bd{ text-align:center; font-size:18px; color:#454545; line-height:88px; background:#fff;}
.itemContainer li a:hover .bd{ color:#2980f6;}
.itemContainer li .hd{ width:640px; height:480px; position:relative;}
.itemContainer li .hd .mask{ position:absolute; width:100%; height:100%;background:rgba(0, 0, 0, 0.78);opacity:0;}
.itemContainer li a .vh-center{ width:100%; text-align:center;}
.itemContainer li a .vh-center h3{ font-size:40px; line-height:40px; color:#2980f6;margin:0; padding-bottom:20px; font-weight:bold;}
.itemContainer li a .vh-center h4{ font-size:30px; line-height:30px; color:#fafcff; margin:0; font-weight:normal;}
.itemContainer li a:hover .mask{ opacity:1;}
.itemContainer .more{text-align:center; padding:78px 0 67px;}
.itemContainer .more a{ display:inline-block; width:320px; height:58px; border:1px solid #0f70ff; text-align:center; font-size:18px; line-height:56px; background:none; color:#0f70ff;}
.itemContainer .more a:hover{ background:#0f70ff; color:#fff;}

/*2019-1-9*/
.fl{float: left;}
.fr{float: right;}
.cupbox{max-width: 1400px;margin: 0 auto;}
.readbox{width: 1300px;margin: 0 auto;}
.dbppList li{padding-bottom: 20px;}
.dbppList li:nth-child(2){ float:right;}
.cb-anli{background: #f4f4f4;height: auto;overflow: hidden;padding: 0 0 95px;}
.cb-anli h2{font-size: 42px;text-align: center;font-weight: normal;margin: 100px 0 55px;}
#cbsys-container .swiper-slide-prev{opacity: 0 !important;}
#cbsys-container{ width: 90%;}
.cbsys-tabs{background: url("/tpl2/img/cbxt_leftbg.jpg") no-repeat;width: 10%;height: 512px; padding: 62px 0 0 13px;}
.cbsys-tabs a{display: block;font-size: 22px;color: #333333;position: relative;margin-bottom: 35px;}
.cbsys-tabs a.active{background: url("/tpl2/img/cbsys_icon.png") center right no-repeat; }
.cbsys-tabs a.active:before,.cbsys-tabs a:hover:before{position: absolute;left:0;bottom:-10px;content: '';min-width: 85px;height: 3px;border-bottom: #2b87fa 3px solid;}
.cbsysList1 {padding: 38px 0 0;}
.cbsysList1 dl {width: 33.333333%;float: left;}
.cbsysList1 dl a{display: block;padding: 0 0 0 7%;}
.cbsysList1 dl a img{transition: all .5s;-webkit-transition: all .5s;}
.cbsysList1 dl a:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.cbsysList1 dl a:hover dt{color: #2b87fa;}
.cbsysList1 dl a b{display: block;text-align: center;overflow: hidden;}
.cbsysList1 dl a dt{font-size: 20px;line-height: 24px;padding: 22px 36px 14px 8px;height: 84px}
.cbsysList1 dl a dd{font-size: 16px;color: #808080;line-height: 23px;margin: 0 0 23px;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding: 0 14px 0 8px;}
.dtMore{color: #808080;padding: 0 14px 0 8px;}
.dtMore span{float:right;display: inline-block;width: 134px;height: 31px;line-height: 28px;text-align: center;border: #808080 1px solid;border-radius: 5px;font-size: 16px;}
.dtMore i{font-size: 20px;font-style: normal;}
.mReading{background: url("/tpl2/img/about_bg.jpg") top center no-repeat;/* height: 816px; */padding: 0 0 80px;}
.readNew h2{font-size: 38px;text-align: center;font-weight: lighter;padding: 80px 0 40px;margin: 0;color: #fff;line-height: 1;}
.readNewList{}
.readNewList ul{margin: 0 -17px;padding: 0;}
.readNewList ul li{float: left;width: 428px;margin: 0 17px;}
.readNewList ul li:last-of-type{width: 376px;float: right;}
.readingTit{padding: 0 10px 14px 10px;}
.readingTit a span{float: right;font-size: 20px;color: #808080;padding: 4px 0 0;}
.readingTit b{font-size: 24px;color: #fff;font-weight: normal;}
.suppIntro{background: #eeeeee;padding: 22px 26px;width: 428px;}
.suppIntro dt{font-size: 18px;color: #333333;line-height: 20px;padding: 0 0 15px;}
.suppIntro dd{font-size: 14px;color: #808080;line-height: 20px;height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.suppliers-container b{display: block;line-height: 0;}
.suppliers-container a:hover dt{color: #2b87fa;}
.suppliers-container img{ height: 288px;}
.suppliers-pagination{top: 262px;height: 26px;background: rgba(0,0,0,.5); padding: 2px 20px 0 0;text-align: right !important;}
.suppliers-pagination .swiper-pagination-bullet-active{background: #cdcdcd !important;}
.suppliers-pagination .swiper-pagination-bullet{background: rgba(200,200,200,.5);border: 0 !important;}
.infoList{background: #eeeeee;height:407px;overflow: hidden;padding: 7px 20px 20px 20px;}
.infoList dl a{display: block;border-bottom: #d6d6d6 1px solid;padding: 18px 0 14px 0;}
.infoList dl a:hover dt{ color: #2b87fa;}
.infoList dl:last-of-type a{border-bottom: 0;}
.infoList dl dt{font-size: 16px;}
.infoList dl dt span{font-size: 22px;display: inline-block;transform: rotate(-90deg);margin: -3px 0 0;}
.infoList dl dd{font-size: 14px;color: #808080;padding: 0 0 0 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.mainNews{background: #f8f9fb;padding: 75px 0;text-align: center;}
.mainNews h2{font-size: 38px;line-height: 1;color: #333;font-weight: lighter;margin: 0;}
.mainNews .hd{
    padding: 50px 0 0 0;
}
.mainNews .hd ul{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dcdddf;
}
.mainNews .hd li{float: left;width: 12.5%;text-align: center;}
.mainNews .hd li a{display: inline-block;text-align:center;line-height: 45px;font-size: 18px;position: relative;}
.mainNews .hd li a:before{content:'';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom: -1px; display:none;}
.mainNews .hd li.on a:before{display:block;}
.mainNews .bd{
    padding: 35px 0 0;
}
.mainNews .bd ul{
    margin: 0 -10px;
    padding: 0 0 50px;
}
.mainNews .bd li{
    float: left;
    width: 33.333%;
    padding: 0 10px;
    margin: 0;
}
.mainNews .bd li a{
    text-align: left;
    background: #fff;
    display: block;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px rgba(185, 184, 184, 0.2);
    padding: 0 25px 10px;
}
.mainNews .bd li a .pic{
    overflow: hidden;
    margin: 0 -25px;
}
.mainNews .bd li a .pic img{ width:100%}
.mainNews .bd li a:hover img{transform: scale(1, 1)!important;}
.mainNews .bd li a:hover .pic img{transform: scale(1.1, 1.1)!important;}

.mainNews .bd li a h3{
    font-size: 18px;
    color: #131313;
    font-weight: normal;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
    margin: 30px 0 10px;
}
.mainNews .bd li a .desc{
    color: #7b7b7b;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 15px;
    height: 44px;
}


.mainNews .bd li a span{
    display: block;
    border-top: 1px solid #e5e5e5;
    text-align: right;
    line-height: 45px;
    color: #333;
    font-size: 14px;
}
.mainNews .bd li a span i{}
.mainNews .bd li a span em{float:left;font-size: 12px;font-style: normal;color: #999;}
.mainNews .bd .moreBtn{display: inline-block;width: 320px;height: 50px;line-height: 48px;font-size: 18px;color: #000;border: 1px solid #000;}
.mainNews .bd .moreBtn i{}
.mainNews .bd .moreBtn:hover{border-color: #46b6f5;background: #46b6f5;color:#fff;}

@media (max-device-width: 1024px) {
	.itemContainer{padding:0 60px;}
	.itemContainer .Box{width:100%;}
	.itemContainer ul{ margin: 0 -10px;}
	.itemContainer li{padding: 0 10px; width: 50%;}
	.itemContainer li .hd{width: 100%; height: auto}
	.cb-anli{    padding: 0 60px 95px;}
	.mReading{    padding: 0 60px 120px; height: auto;}
	.readbox{width:100%;}
	.readNewList ul{    margin: 0 -17px;padding: 0;}
	.readNewList ul li {float: left;width: 33.3333%!important;padding: 0 17px; margin: 0}
	.suppliers-container img{height: auto;}
	.suppliers-pagination{top: 224px;}
	.suppIntro{width:100%;}
	.infoList{height:370px; padding-bottom: 0}

}