@charset "utf-8";
/*reset*/
*{margin: 0;padding: 0;}
body{ min-width: 1200px; background-color: #fff; overflow-x: hidden; color: #666; font-size: 12px; font-family: "微软雅黑"; position: relative;}
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
ception, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { color: #666; text-decoration: none; }
a:focus { outline: none; }
a:hover { text-decoration: underline; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left;  }
.fr { float: right; }
.zoom { zoom: 1 }
.block{display: block;}
.hidden { visibility: hidden; }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }

sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size: 100%; }
input, select { vertical-align: middle; }
body { font: 12px/1.231 arial, helvetica, clean, sans-serif; }
select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
/*end reset*/

.header, .container { margin-left: auto; margin-right: auto; width: 1200px; }
.flex{display: flex;}
/*header*/
header{width: 100%;height: 84px; background: #797979;}
header .logo{width: 300px;height: 84px;}
header nav{height: 84px;width: 900px;overflow: hidden;}
header nav ul{width: 660px;height: 84px;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
header nav ul li{width: 110px;height: 42px;}
header nav ul li a{font-size: 18px;color: #fff;line-height: 38px;height: 38px;width: 80px;margin:0 auto;font-weight: 400;letter-spacing: 1px;}
header nav ul li a:hover{border-bottom: 2px solid #dc342a;text-decoration: none;}
/*header nav ul li:first-child a{}*/
header nav ul li a.activeli{border-bottom: 2px solid #dc342a;}
/*case*/
.case{padding-bottom: 170px;}
.case .casebox {/* overflow: hidden; */width: 1200px;margin: 0 auto 65px;height: 500px;position: relative;}
.case .casebox i { display: block; width: 26px; height: 71px; cursor: pointer; position: absolute; top: 170px; }
.case .casebox .btn01 {background: url(../images/hezuo_btn.png) no-repeat center top;left: -50px;}
.case .casebox .btn02 {background: url(../images/hezuo_btn.png) no-repeat center bottom;right: -50px;}
.case .caseAll { overflow: hidden; width: 1200px; margin: 0 auto; height: 550px; }
.case .caselist { overflow: hidden; width: 100%; height: 450px; position: relative }
.case .caselist .list { overflow: hidden; background-color: #000; position: absolute }
.case .caselist .list img { display: block; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer;}
.case .caselist .list img.img:hover{transition: all 0.3s;transform: scale(1.1);}
.case .caselist .list.active { background: none }
.case .caselist .list.active img { opacity: 1; filter: alpha(opacity=100) }
/*.case .caselist .list p { font-size: 14px; color: #333; text-align: center; margin-top: 15px; }*/
.uppercase{text-transform: uppercase;}
.case .topic{width: 1200px;margin: 0 auto;}
.case .topic h2{color: #221815;font-size:44px;margin-bottom: 30px;font-weight: 400;margin-top: 180px;}
.case .topic p.uppercase{text-transform: uppercase;/*color: #221815;*/color: #929190;font-size: 23px;margin-bottom: 20px;font-weight: lighter;}
.case .topic p.txt{color: #929190;font-size: 20px;margin-bottom: 65px;}
.case .topic span.line{width: 96px;height: 1px;display: block;background: #cc2a2a;margin: 0 auto;margin-bottom: 25px;}
.case .more{width: 180px;height: 48px;cursor: pointer;margin: 0 auto;background: #e03629;box-shadow: 2px 2px #efefef;border-radius: 23.5px;position: relative;}
.case .more .more_icon{position: absolute;background: url("../images/more_ico.png");height: 12px;width: 6px;overflow: hidden;top: 18px;right: 50px;}
.case .more .morea{position: relative;top: 6px;left: 45px;}
.case .more .morea:hover{left: 47px;transition: all  0.3s; }
.case .more .morea a{text-decoration: none;} 
.case .more .morea a p{color: #fff;} 
.case .more .morea a .p1{margin-bottom: 2px;font-size: 14px;letter-spacing: 2px;}
.case .more .morea a .p2{font-size: 11px;font-weight: lighter;}

/*culture*/
.culturebg{width: 100%;height: 750px;background: #f7f6f2;
/*background: url("../images/culture.jpg");*/
}
.culture{width: 1200px;margin: 0 auto;}
.culture .topic h2{color: #221815;font-size: 44px;margin-bottom: 30px;font-weight: normal;padding-top: 100px;}
.culture .topic p.uppercase{text-transform: uppercase;color: #929190;font-size: 30px;margin-bottom: 25px;letter-spacing: 5px;}
.culture .topic p.txt{color: #929190;font-size: 23px;margin-bottom: 100px;}
.culture .topic span.line{width: 96px;height: 1px;display: block;background: #cc2a2a;margin: 0 auto;margin-bottom: 25px;}
.culture .culturebox{justify-content: space-around;}
.culture .culturebox .box{padding: 10px 30px;width: 33%;}
.culture .culturebox .box .tit img{display: block;margin: 0px auto 20px;}
.culture .culturebox .box .topic{margin-bottom: 25px;font-size: 25px;color: #929190;text-align: center;}
.culture .culturebox .box .bcon{font-size: 14px;color: #929190;text-align: justify;line-height: 1.8;height: 490px;overflow: hidden;}

.adculture{background: url("../images/culturebg.jpg") no-repeat center;width: 100%;height: 240px;overflow: hidden;}



/*business*/
.businessbg{width: 100%;/*height: 980px;background: #212d39;*/background: url("../images/business.jpg");height: 980px;}
.business{width: 1200px;margin: 0 auto;}
.business .topic h2{color: #221815;font-size: 64px;margin-bottom: 65px;font-weight: normal;padding-top: 80px;}
/*news*/
.newsbg{width: 100%;height: 1180px;background: #fff;}
.news{width: 1200px;margin: 0 auto;}
.news .topic h2{color: #221815;font-size: 44px;margin-bottom: 30px;font-weight: normal;margin-top: 180px;}
.news .topic p.uppercase{text-transform: uppercase;color: #929190;font-size: 30px;margin-bottom: 72px;font-weight: lighter !important;letter-spacing: 5px;}
.news .topic p.txt{color: #929190;font-size: 23px;margin-bottom: 65px;}
.news .topic span.line{width: 96px;height: 1px;display: block;background: #cc2a2a;margin: 0 auto;margin-bottom: 25px;}

.news .newsbox{width: 1200px;margin: 0 auto;}
.news .newsbox .newsli{width: 560px;height: 158px;margin-bottom: 38px;}
.news .newsbox .newsli a:hover{text-decoration: none;}
.news .newsbox .newsli .newsleft{width: 158px;height: 158px;overflow: hidden;}
.news .newsbox .newsli .newsleft img{width: 100%;height: 100%;}
.news .newsbox .newsli .newsleft img:hover{transform: scale(1.1);transition: all 0.3s;}
.news .newsbox .newsli .newsright{position: relative;width: 360px;}
.news .newsbox li:nth-of-type(odd){margin-right: 40px;}
.news .newsbox li:nth-of-type(even){margin-left: 40px;}
.news .newsbox .newsli .newsright .title{font-size: 18px;color: #111b23;width: 100%;height: 32px; line-height: 32px; margin-bottom: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.news .newsbox .newsli .newsright .content{font-size: 13px;color: #818181;height: 72px;overflow: hidden;width: 100%;line-height: 24px;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 15px;}
.news .newsbox .newsli .newsright .dateline{font-size: 15px;color: #818181;height: 20px;line-height: 20px;}
.news .newsbox .newsli .newsright .hitsicon{background: url("../images/hitsicon.png") no-repeat center;width: 19px;height: 16px;display: inline-block;margin-left: 23px;margin-right: 10px;margin-bottom: -2px;}

.news .more{width: 180px;height: 48px;cursor: pointer;margin: 65px auto 128px;background: #3c67b6;box-shadow: 2px 2px #efefef;border-radius: 23.5px;position: relative;}
.news .more .more_icon{position: absolute;background: url("../images/more_ico.png");height: 12px;width: 6px;overflow: hidden;top: 18px;right: 50px;}
.news .more .morea{position: relative;top: 5px;left: 45px;}
.news .more .morea:hover{left: 47px;transition: all  0.3s; }
.news .more .morea a{text-decoration: none;} 
.news .more .morea a p{color: #fff;} 
.news .more .morea a .p1{margin-bottom: 2px;font-size: 14px;letter-spacing: 2px;}
.news .more .morea a .p2{font-size: 11px;font-weight: lighter;}

.adnews{background: url("../images/newsbg.jpg") no-repeat center;width: 100%;height: 243px;overflow: hidden;}

/*about*/
.about{width: 100%;height: 1160px;overflow: hidden;}
.about .aboutbox{width: 1200px;margin: 0 auto;}
.about .topic h2{color: #221815;font-size:44px;margin-bottom: 26px;font-weight: normal;margin-top: 120px;}
.about .topic p.uppercase{text-transform: uppercase;color: #929190;font-size: 30px;margin-bottom: 72px;font-weight: lighter !important;letter-spacing: 5px;}
.about .topic p.txt{color: #929190;font-size: 23px;margin-bottom: 90px;}
.about .topic span.line{width: 96px;height: 1px;display: block;background: #cc2a2a;margin: 0 auto;margin-bottom: 32px;}
.about .content{width: 100%;height: 800px;overflow: hidden;}
.about .content p{color: #221815;font-size: 18px;line-height: 36px;text-align: justify;}

/*footer*/
footer{width: 100%;height: 400px;background: #c61010;}
footer .footer{width: 1200px;margin: 0 auto;display: flex;padding: 80px 0;}
footer .footbox .title{font-size: 20px;color: #fff;}
footer .footer .box1{width: 470px;}
footer .footer .box2{width: 190px;}
footer .footer .box3{width: 420px;}
footer .footer .box4{width: 120px;}
footer .footer .box4 .footewm img{width: 120px;height: 120px;}
footer .footer .box4 .footewm p{color: #fff;margin: 15px 0;}
footer .footbox .content{margin-top: 50px;}
footer .footer .box1 .content .sitename{}
footer .footer .box1 .content .sitename .p1{color: #fff;font-size: 26px;margin-bottom: 5px;}
footer .footer .box1 .content .sitename .p2{color: #fff;font-size: 12px;}
footer .footer .box1 .content .slogan p{color: #fff;font-size: 13px;margin-top: 22px;line-height: 26px;}
footer .footer .box2 .footnav p a{color: #fff;font-size: 16px;line-height: 32px;}
footer .footer .box3 .title{margin-left: 0px;text-align: left !important;}
footer .footer .box3 .tel{background: url("../images/tel.png");display: block;width: 20px;height: 20px;float: left;margin-left: 0px;margin-right: 12px;}
footer .footer .box3 .address{background: url("../images/address.png");display: block;width: 20px;height: 20px;float: left;margin-left: 0px;margin-right: 12px;}
footer .footer .box3 .email{background: url("../images/email.png");display: block;width: 20px;height: 20px;float: left;margin-left: 0px;margin-right: 12px;}
footer .footer .box3 p{color: #fff;font-size: 18px;line-height: 20px;margin-bottom: 20px;font-weight: lighter;}
footer .footer .box3 p.p1{font-size: 25px;}
footer .footer .box3 p .txt{font-size: 14px;}