@charset "utf-8";
/* CSS Document */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;font-weight: 400;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}
*{box-sizing: border-box;font-size:14px;line-height:1em;}
html, body {min-height: 100%;}
body{min-width:1300px;}
body {font:14px/1.5 "Microsoft YaHei";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol,li{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
b{font-weight:normal;}
table {border-collapse: collapse;table-layout: fixed;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.cl{clear:both;}
.ov{overflow:hidden;}
.db, .lb, .dd{font-size:0;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}
.bt{text-align: center;padding-top: 30px;color: #78bd49;margin-bottom: 30px;}
.bt>dl>dt{font-size:36px;font-weight: bold;}
.bt>dl>dd{font-size: 16px;color: #78bd49;}
em, .em,i{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.page{width:1300px;margin:0 auto;}
:focus {outline:none;background-color:transparent;}
::selection{background:#78bd49;color: #fff;}

/*top*/
#top{background: url(.files/images/20200921110238_245419317.pn) no-repeat center;height: 230px;width: 100%;}

/*wel*/
.wel{width: 100%;height: 50px;overflow: hidden;border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
.wb_le{line-height: 50px;color: #525252;}
.wb_ri{line-height: 50px;}
.lb{}
.wb_ri li{}
.wb_ri li a,.wb_ri li b{color: #aaaaaa;line-height:45px;}
.wb_ri li em{display:inline-block;margin-top: 16px;float: left;margin-right: 7px;}
.wb_ri li+li{margin-left: 30px;}

/*head*/
.head{}
.hd_box{padding: 35px 0 33px;}
.logo{}
.ggy{margin-top: 8px;border-left: 1px solid #e5e5e5;padding-left: 30px;margin-left: 30px;height: 90px;}
.ggy b{color: #333;font-weight:bold;display: block;line-height: 42px;height: 42px;margin-top: 4px;}
.ggy b span{font-size:28px;color: #525252;font-weight:bold;margin-right: 14px;line-height: 42px;display: inline-block;vertical-align: middle;}
.ggy p{font-size: 16px;display: block;margin-top: 7px;background: #79bd4b;width: 382px;height: 30px;font-weight: normal;line-height: 30px;color: #fff;text-align: center;}
.albb{margin-top: 15px;margin-left: 246px;}
.hd_tel{margin-top: 5px;text-align: right;}
.hd_tel p{height:28px;}
.hd_tel i{display: inline-block;}
.hd_tel b{line-height:28px;margin-left: 12px;font-size: 16px;}
.hd_tel em{color: #333;font-size: 30px;font-weight: bold;line-height: 30px;margin-top: 5px;}
.nav li.cur { background-color: #78bd49; color: #fff !important; font-size: 15px; }
.nav li.cur a { color: #fff !important; }
/*nav*/
.nav_bg{display: inline-block;width: 100%;height: 62px;background: linear-gradient(to right, #78bd49, #00adef);position: relative;
   
}
.nav>ul>.block{background: #78bd4a;height: 60px;display: block;position: absolute;top: 0;font-weight: bold;}
.nav{position: relative;}
.nav > ul > li > a{text-align: center;display: block;color: #fff;height: 60px;line-height: 60px;position: relative;transition: 0.3s all ease-in-out;font-weight: normal;font-size: 16px;}
.nav #NavCeshi .block{height: 60px;position: absolute;bottom: 0;background: #ff8a00;}
.nav > ul > li:hover > a,.nav > ul > li.navcurrent > a{color: #fff;}
.nav > ul > li:hover > a > b,.nav > ul > li.navcurrent > a > b{color: #fff;transition: all 0.5s;}
.nav > ul > li:hover > a > em,.nav > ul > li.navcurrent > a > em{color: rgba(255, 255, 255, 0.5);transition: all 0.5s;}

.nav .lb{width:100%;display:flex;align-items:center;justify-content: space-between;}
.nav .lb .cur{}
.nav .lb .cur a{}
.lb .cur a{color: #fff;transition: all 0.5s;z-index: 3;}
.nav li{width: calc(100% / 10);position: relative;transition: 0.5s;color: #333;}
.nav li+li{position:relative;}
.nav li+li::after{position:absolute;content:'';width:1px;height:14px;background: rgba(255, 255, 255, 0.2);top: 25px;left:0;}
.nav li a{position: relative;z-index: 2;text-align: center;transition: all 0.5s;display: block;}
.nav li a>b{font-size: 17px;display: block;color: #333;}
.nav li a>em{font-size: 11px;display: block;color: rgba(102, 102, 102, 0.5);padding-top: 8px;font-family: auto;}



/*search*/


/*company advantage*/
.comp_adv{margin: 80px 0;height: 170px;}
.com_con{}
.com_con li{float: left;height: 170px;padding: 30px 0;text-align: center;width: 325px;}
.com_con li+li{border-left: 1px solid #f5f5f5;}
.com_con li b{font-size: 27px;font-weight: bold;display: block;margin-bottom: 18px;}
.com_con li p{line-height: 24px;}

/*title*/
.title{text-align: center;padding-top: 80px;margin-bottom: 40px;}
.title p{font-size: 40px;font-weight: bold;}
.title p b{font-size: 40px;font-weight: bold;color:#78bd49;}
.title span{font-size: 22px;line-height: 22px;display: block;margin: 22px 0;color: #525252;}
.title i{position: relative;width: 160px;background: #00adef;height: 4px;display: block;margin: 0 auto ;}
.title i:before{position: absolute;content:'';top: 0;left: 0;width: 80px;height: 4px;background: #78bd49;animation:alltiti 2s infinite;}
@keyframes alltiti{
	0%{width:40px;}
	50%{width:120px;}
	100%{width:40px;}
}

/*product*/
.pro_bg{background: #f7f9fc;width: 100%;height: auto; padding-bottom:30px;}
.pro_con{}
.pro_le{text-align: center;width: 280px;}
.pro_lbt{height: 140px;background: #78bd49;color: #fff;padding-top: 46px;}
.pro_lbt b{font-size: 32px;font-weight: bold;line-height: 32px;display: block;margin-bottom: 14px;}
.pro_lbt em{font-size: 16px;}
.pro_tab{background: #eaeaea;height: auto;padding: 20px 26px 30px;}
.pro_tab tr{display: grid;}
.pro_tab td a{background: #78bd49;height: 38px;line-height: 38px;display: block;color: #fff;transition:0.5s; font-weight:300 !important;}
.pro_tab td:hover a{background:#00adef;transition:0.5s;}
.pro_tab tr+tr{margin-top: 20px;}
.pro_tel{}
.pro_tel span{}
.pro_tel p{height: 45px;background: #78bd49;}
.pro_tel p em{display: inline-block;margin: 8px 20px;}
.pro_tel p i{display: inline-block;line-height: 45px;font-size: 22px;font-weight: bold;color: #fff;}

.pro_ri #roller_pro_content {}
.pro_ri #roller_pro_content tr,.pro_ri #roller_temp_pro tr{margin-bottom: 16px;height: 278px;margin-right: 15px;}
.pro_ri #roller_pro_content tr:last-child{display:none;}
.pro_ri #roller_pro_content tr:nth-child(3n+0),.pro_ri #roller_temp_pro tr:nth-child(3n+0){margin-right:0;}
.pro_ri #roller_pro_content tr,.pro_ri #roller_temp_pro tr,.pro_ri #roller_pro_content td,.pro_ri #roller_temp_pro td{float: left;width: 320px;}
.pro_ri #roller_pro_content td,.pro_ri #roller_temp_pro td{}
.pro_ri #roller_pro_content td a:nth-child(1),.pro_ri #roller_temp_pro td a:nth-child(1){display: block;}
.pro_ri #roller_pro_content td br,.pro_ri #roller_temp_pro td br{display:none;}
.pro_ri #roller_pro_content td a:last-child,.pro_ri #roller_temp_pro td a:last-child{height: 54px;display: block;line-height: 54px;background: #eee;}

/*case*/
.case{padding-bottom: 80px;}
.case_con{}
.case_tab{height: 50px;background: linear-gradient(to left, #00adef, #65ba63);}
.case_tab li{float: left;width: calc(100% / 4);padding: 0 60px;cursor: pointer;}
.case_tab li em{float: left;margin: 10px 12px 10px 0;}
.case_tab li b{line-height: 50px;font-size: 18px;color: #fff;}
.case_tab li+li{}
.case_nr{margin-top: 20px;margin-bottom: 30px;}
.case_nr li{background: #f7f9fc;}
.cs_text{width: 650px;padding:108px 108px 0 58px;}
.cs_text b{font-size: 32px;font-weight: bold;line-height: 32px;color:#78bd49;}
.cs_text i{display: block;width: 162px;height: 1px;background: #d4d4d4;margin:24px 0 9px;}
.cs_text p{line-height: 36px;}
.cs_text a{width: 230px;height: 32px;display: block;background: #78bd49;color: #fff;text-align: center;line-height: 32px;font-size: 16px;margin-top: 18px;}
.cs_img{}
.case_nr li+li{}
.case_pan{height: 110px;}
.case_pan tr{display: block;}
.case_pan td{width: 244px !important;border: 1px solid #eee;margin-right: 18px;}
.case_pan td:last-child{margin-right: 0px;}
.case_pan td img{width: 241px;}
.case_pan td div{ padding-bottom:10px !important;}

.hon_con td{border: 1px solid #eee;}
.hon_con td div{ padding-bottom:10px !important;}

/*Advertising*/
.adver{background: linear-gradient(to left, #00adef, #65ba63);height: 400px;}
.adver_le{padding-top: 102px;color: #fff;}
.adver_le b{font-size: 40px;font-weight: 100;display: block;margin-bottom: 23px;}
.adver_le p{line-height: 30px;font-size: 18px;}
.adver_le em{display: block;margin-top: 27px;width: 321px;height:50px;line-height: 50px;background: #fff url(.files/images/20200921160109_225274406.png) no-repeat 52px center;padding-left: 99px;color: #78bd49;font-size: 26px;font-weight: bold;}
.adver_ri{padding-right: 80px;padding-top: 63px;}
.adver_ri img{}

/*Environmental*/
.env_bg{padding-bottom: 80px;}
.env_con{}
.env_nr{}
.env_nr+.env_nr{margin-top: 45px;}
.env_tab{height: 143px;}
.env_tab li{position: relative;float: left;width: 25%;text-align: center;color: #aeaeae;cursor: pointer;position:relative;padding-bottom: 9px;}
.env_tab li:after{position:absolute;content:'';width: 0;height: 0;border-right: 9px solid transparent;border-left: 9px solid transparent;border-bottom: 9px solid #f5f5f6;bottom: 0;left: 50%;margin-left: -9px;display: none;}
.env_tab li.on{}
.env_tab li.on:after{display:block;}
.env_tab li em{display: inline-block;width: 50px;height: 50px;overflow: hidden;}
.env_tab li b{font-size: 18px;font-weight: bold;margin: 16px 0 14px 0;display: block;color: #333;transition: 0.5s;}
.env_tab li p{padding: 0 62px;height: 36px;overflow: hidden;transition: 0.5s;line-height: 19px;font-weight: normal;}
.env_tab li.on b,.env_tab li.on p{color: #01adef;transition: 0.5s;}
.env_tab .one{}
.env_tab li.on .one{display: none;}
.env_tab .two{}
.env_tab li.on .two{}
.env_tab li+li{}
.env_nr.on .env_wb {display: block;}
.env_wb{height: 150px;background: #f5f5f6;overflow: hidden;display: none;}
.env_wb li{margin-top: 45px;}
.env_wb li+li{display: none;}
.env_bt{float: left;margin: 0 10px;}
.env_bt h3{color: #373d41;margin-bottom: 7px;position:relative;font-size: 1.17em;font-weight: bold;padding-left: 14px;}
.env_bt h3:before{position: absolute;content: '';width: 3px;height: 16px;background: #01adef;top: 0;left: 0;}
.env_bt a{width: 80px;height: 30px;line-height: 30px;display: block;border: 1px solid #373d41;border-radius: 5px;cursor: pointer;text-align: center;font-weight:normal;}
.env_bt a:hover{background: #01adef;border-color:#01adef;color:#fff;}
.env_p{margin-left: 100px;color: #373d41;padding: 0 10px;font-weight: normal;line-height: 19px;font-size: 13px;}

/*intelligent*/
.int_bg{height: 754px;background: #f7f9fc;padding-bottom: 80px;}
.int_cont{padding: 0 28px;}
.int_box{width: 280px;height: 440px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius: 8px;background: #fff;display: inline-block;overflow: hidden;margin: 0 10px;cursor: pointer;}
.int_box+.int_box{margin-left: 20px;}
.int_head{height: 134px;padding: 0 44px;text-align: center;color: #ffffff;font-size: 24px;font-weight: bold;padding-top: 20px;line-height: 30px;}
.int_ist{}
.int_ist ul{margin: 35px 30px 0px 30px;height: 175px;}
.int_ist li{position: relative;color: #666666;line-height: 180%;padding-left: 12px;}
.int_ist li::before {content:'';position: absolute;top: 50%;left: 0;display: block;width: 4px;height: 4px;background: #01cbff;}
.int_btn{text-align: center;margin-top: 40px;}
.int_btn a{width: 80px;height: 30px;line-height: 30px;color: #00adef;display: inline-block;border-radius: 5px;cursor: pointer;text-align: center;}
.int_btn a+a{background: #00adef;color: #fff !important;}
.int_btn a:first-child {margin-right: 14px;border: 1px solid #00adef;}
.bg_color1{background: #8bc7f0;}
.bg_color2{background: #fdda62;}
.bg_color3{background: #6bd7a8;}
.bg_color4{background: #f27a77;}

/*honor*/
.hon_bg{padding-bottom: 80px;}
.hon_con{}
.hon_con li{cursor: pointer;margin-right: 16px;width: 313px;text-align: center;transition: 0.5s;overflow: hidden;}
.hon_con li em{}
.hon_con li b{width: 100%;height: 45px;display: block;background: #f7f9fc;line-height: 45px;font-size: 18px;position: relative;transition: 0.5s;z-index: 1;}
.hon_con li b:after{position: absolute;content: '';background: #78bd49;width: 0;height: 100%;top: 0;left: 0;transition: 0.5s;z-index: -1;}
.hon_con li:hover b{color:#fff;}
.hon_con li:hover b:after{width: 100%;transition: 0.5s;}
.hon_con li:last-child{margin-right: 0;}
.hon_con li+li{}

/*company*/
.comp_bg{background: linear-gradient(to left, #00adef, #77bc4b);height: 561px;padding: 80px 0;}
.comp_con{background: #fff;height: 400px;width: 100%;}
.comp_le{width: 640px;padding: 60px 46px 0 60px;}
.comp_le em{font-size: 48px;font-weight: bold;color: #78bd49;text-transform: none;}
.comp_le b{display: block;margin-top: 20px;font-size: 30px;font-weight: 100;}
.comp_le p{line-height: 36px;margin: 17px 0 13px;}
.comp_le a{width: 195px;height: 39px;background: #78bd49;color: #fff;display: block;border-radius: 39px;text-align: center;line-height: 39px;}
.comp_ri{}

/*news*/
.news_bg{background: #f2f2f2;padding-bottom: 80px;}
.news_box{}
.news_box .all_title{margin-bottom:30px;}
.nb_tab{text-align: center;font-size:0;margin-bottom:50px;}
.nb_tab a{width:266px;height:72px;display:inline-block;vertical-align:top;text-align: center;padding-top:21px;transition:0.5s;}
.nb_tab a.on{background: #78bd49;color:#fff;transition:0.5s;}
.nb_tab a.nt1{background:#f7f7f7;transition:0.5s;}
.nb_tab a.nt2{background:#d6d6d6;transition:0.5s;}
.nb_tab a i,.nb_tab a b{display:inline-block;}
.nb_tab a i{width:29px;height:29px;overflow: hidden;position:relative;}
.nb_tab a i img{position:absolute;top:50%;left:0;margin-top:-14px;transform-origin:left;transition:0.5s;}
.nb_tab a i .two{transform:rotateY(90deg);transition:0.5s;}
.nb_tab a.on i .one{transform:rotateY(-90deg);transition:0.5s;}
.nb_tab a.on i .two{transform:rotateY(0deg);}
.nb_tab a b{font-size:22px;font-weight: bold;line-height: 26px;}

.nbls_le {width:510px;height:408px;background:#fff;border:1px solid #e8e8e8;overflow:hidden;position:relative;}
.nblsl_li{width:510px;}
.nbls_le .news_div_item{width:100%;height:408px;position:relative;}

.nbls_le .news_div_item_date,.nbls_ri .news_div_item_pic{display:none;}
.nbls_le .news_div_item_content{position:absolute;top:280px;left:0;padding:0 20px;}
.nbls_le .news_div_item_pic{width:100%;height:256px;overflow:hidden;}
.nbls_le .news_div_item_pic img{width:100%;height:auto;}
.nbls_le  .hd{position:absolute;bottom:18px;right:28px;}
.nbls_le  .hd li{width:10px;height:10px;background:#d9d6d3;border-radius:100%;font-size:0;}
.nbls_le  .hd li+li{margin-left:12px;}
.nbls_le  .hd li.on{background: #78bd49;}
.nbls_le .news_div_item_title a,.nbls_ri .news_div_item_title a{font-size:18px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1em;text-decoration: blink;transition:0.5s;}
.nbls_le .news_div_item_body,.nbls_ri .news_div_item_body{height:52px;line-height:26px;color:#999;margin-top:20px;overflow: hidden;transition:0.5s;}

.nbls_ri{width:765px;}
.nbls_ri .news_div_item{width:370px;height:192px;background:#fff;display:inline-block;vertical-align:center;overflow:hidden;padding-top:50px;transition:0.5s;}
.nbls_ri .news_div_item:hover{background:#78bd49;transition:0.5s;}
.nbls_ri .news_div_item:nth-child(2),.nbls_ri .news_div_item:nth-child(4){margin-left:20px;}
.nbls_ri .news_div_item:nth-child(3),.nbls_ri .news_div_item:nth-child(4){margin-top:21px;}
.nbls_ri .news_div_item_content{width:261px;float:right;padding-right:23px;}
.nbls_ri .news_div_item_date{width:90px;float:left;text-align:center;padding-top:58px;position:relative;}
.nbls_ri .news_div_item_date>div{font-family:Roboto;line-height: 1em;transition:0.5s;}
.nbls_ri .news_div_item:hover .news_div_item_date>div{color:#fff;transition:0.5s;}
.nbls_ri .news_div_item_day{width:100%;font-size:45px;position:absolute;top:0;left:0;color:#78bd49;}
.nbls_ri .news_div_item_year,.nbls_ri .news_div_item_month{display:inline-block;vertical-align:top;font-size:14px;color:#666;font-weight: normal;}
.nbls_ri .news_div_item:hover .news_div_item_title a{color:#fff;transition:0.5s;}
.nbls_ri .news_div_item:hover .news_div_item_body{color:#daffe9;transition:0.5s;}

/*版权*/
.copyright{background: #333;}
.copyright,.copyright a{font-size:14px;color: rgba(255, 255, 255, 0.7);font-weight:lighter;}
.copyright a:hover{ color:#fff;}
.links{background: linear-gradient(to right, #78bd49, #00adef);font-size:18px;color:#fff;height: 95px;}
.links p{float:left;height: 51px;margin-top: 22px;border-right: 1px dashed rgba(255, 255, 255, 0.4);padding-right: 20px;}
.links p b{display: block;line-height: 14px;margin-bottom: 5px;}
.links p em{font-size:35px;text-transform:uppercase;line-height: 35px;display: block;font-weight: bold;}
.crcon{padding: 70px 0 43px 0;}
.kslj li{ float:left;}
.kslj li p{font-size:18px;color:#f5ebeb;margin-bottom: 25px;}
.kslj li p em{margin-bottom: 10px;color: rgba(255, 255, 255, 0.6);}
.kslj li span{display: block;line-height: 30px;}
.kslj li span+span{}
.kslj li a{display:block;line-height: 30px;}
.kslj li+li{ margin-left:95px;}
.crcode {width: 229px;}
.crcode dl{float: right;width: 100%;height: 89px;}
.crcode dt{}
.crcode dt img{width: 89px;}
.crcode dd{width: 120px;}
.crcode dd span{font-size: 20px;line-height: 20px;display: block;margin-bottom: 22px;}
.crcode dd em{color: rgba(255, 255, 255, 0.3);}
.crcode dd b{display: block;margin-top: 10px;font-size: 20px;}
.crcode dl+dl{margin-top: 39px;}
.end{padding: 24px 0;border-top: 1px solid rgba(255, 255, 255, 0.1);text-align:center;}
.end p{line-height:32px}

.linkTagcs li{}

.page, .content { width: 1300px; margin: 0 auto; overflow: hidden; }
.content1 { width: 1300px; margin: 0 auto; }
.pr { position: relative; }
.pa { position: absolute; }
/*pradv*/
.edgea { line-height: 24px; font-size: 16px; position: relative; z-index: 1; clear: both; padding: 0px 0 0; color: #fff; width: 100%; overflow: hidden; min-width: 1367px; max-width: 1920px; display: block; margin: 0 auto; }
.leit li { cursor: pointer; }
.leit { width: 100%; overflow: hidden; display: block; height: 648px; }
.leit ul { width: 100%; }
.leit li { width: 20%; float: left; position: relative; cursor: pointer; height: 648px; overflow: hidden; border-right: 1px solid #fff; box-sizing: border-box; }
.leit li img { display: block; }
.mo { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.5); }
.hav { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.shu2 { width: 100%; font-size: 40px; color: #ffffff; text-align: center; position: absolute; bottom: 5%; left: 0; }
.shu2 span { width: 100%; font-size: 40px; color: #fff; font-weight: normal; display: block; margin: 0 auto; line-height: 50px; }
.shu2 em { display: block; font-size: 13px; text-align: center; color: #ffffff; line-height: 28px; opacity: 0.2; text-transform: uppercase; }
.bock { width: 100%; position: absolute; left: 0; bottom: 0; color: #fff; opacity: 0; height: 205px; box-sizing: border-box; padding: 0 10%; }
.bock h3 { width: 100%; font-size: 40px; color: #fff; font-weight: normal; display: block; margin: 0 auto; line-height: 50px; text-align: center; }
.bock h3 em { display: block; font-size: 12px; text-align: center; color: #ffffff; line-height: 28px; opacity: 0.2; text-transform: uppercase; }
.bock h4 { color: #ffffff; font-size: 22px; font-weight: normal; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bock p { width: 70%; opacity: 0.7; font-size: 18px; padding: 12px 0 0; text-align: center; line-height: 26px; max-height: 40px; margin: 0 auto; }


/*版块隐藏*/
.int_bg{display:none;}

.linkTagcs{width:100%!important;padding-top: 7px}

.linkTagcs ul{    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.linkTagcs li {
    line-height:34px !important;padding-right: 0px!important;
} 
.linkTagcs li a {    color: #fff !important;}

.links>div {
    display: flex;
}

.linkTagcs li+li {
    padding-left: 10px;
}

.links>div>.fl {
    width: 100%;
    padding-left: 15px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll; min-width:1300px;}
body *{ box-sizing: border-box;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/*动画效果*/
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}

.box,.content,.w1200,.w1300,.width-1200,.w1400{ width:1300px; margin:0 auto;}

/* -- 内页布局 -- */
.page_bg { padding:30px 0 30px; background:#fff;}
.page_main { margin: 0 auto; width: 1300px;}  /*版面宽度*/
.page_content{ width:985px;} /*右边宽度*/
.page_left{ width:300px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

td#roller_temp table td, #roller_content table td {
    width: 298px;padding-left:5px!important
}