@charset "utf-8";
html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",sans-serif; background:#f7f7f7;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:15px; border-radius:0; -webkit-border-radius:0; color:#000; font-family:"Microsoft YaHei";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#b92e32;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; width:88%; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

@media ( max-width:1920px) and ( min-width:1660px){
.Contain{ width:80%;}
}
@media ( max-width:1300px){
.Contain{ width:auto;padding:0 12px;}
}

/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:29px; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle; padding:0 6px; margin-left:-5px;}
.Pages .total{ border:1px solid #e6e6e6;}
.Pages a{ display:inline-block; margin:0px 2px; border:1px solid #e6e6e6;text-align:center; color:#333333;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; width:67px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ background:#b92e32; border:1px solid #b92e32; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:29px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#b92e32; border:1px solid #b92e32; color:#fff;}

@media ( max-width:768px){
.Pages{line-height:25px;}
.Pages .p_page .num a{ width:22px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ width:auto; padding:0 4px;}
}
/*pages end*/


/*Top*/
.Header{ background:#fff; height:103px; border-bottom:1px solid rgba(255,255,255,0.1); position:relative; z-index:100;}
.Header .Logo{float:left; padding-top:18px; width:20%;}
.Header .Logo .bai{ display:none;}
.Header .Searchbox{float:right; position:relative;}
.Header .Searchbox .icon{ margin-top:42px;cursor:pointer; width:20px; height:20px;background: url(../images/searchbtn.png) 0px center no-repeat;}
.Header .Search{ display:none; position:absolute; right:0px; top:85px; z-index:888;}
.Header .Search a.close,.Header .Search a.close2{ background: #919191 url(../images/closenav.png) center center no-repeat; width:27px; height:27px; vertical-align:middle; display:inline-block; position:absolute; right:0px; top:-47px;}
.Header .Search a.close2{display:none;right:10px; top:13px;}
.Header .Search .box{ position:relative; background:#fff; border-radius:5px; width:398px; height:46px; border:1px solid #d4d4d4;}
.Header .Search .ipt{ vertical-align:top; width:80%; height:44px; line-height:44px; text-indent:1em;}
.Header .Search .searchbtn{ cursor:pointer; width:20px; height:20px;background: url(../images/searchbtn.png) 0px center no-repeat; position:absolute; right:14px; top:9px;}
.MainNav{ float:right;}
.MainNav li{float:left; margin-right:40px; position:relative; z-index:999;}
.MainNav li span a{ position:relative;display:block; color:#333333; text-align:center; font-size:15px; height:103px; line-height:103px; padding:0 7px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#912228;}
.MainNav .line{ position:absolute; left:50%; top:0px; height:5px; background:#b92e32; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; left:0px;}

.NavPull{ width:120px; top:103px; left:-20px; position:absolute; z-index:100; display:none; background:#fff; text-align:center;}
.NavPull dd a{ color:#333; display:block; padding:6px 0px; border-bottom:1px solid rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.1);font-size:16px;}
.NavPull dd a:hover{ color:#912228; background:#fff;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.MainNav li.a3 .NavPull{ width:300px; left:-120px;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:8px;}
.closebtn{ z-index:999; top:8px; right:272px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:2px; background:#912228; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.mobilenav{ display:none;}

.Homecss .Header{ background:none; position:absolute; left:0px; top:0px; z-index:999; width:100%;}
.Homecss .MainNav li span a{color:#fff;}
.Homecss .Header .Searchbox .icon{background: url(../images/searchbtn.png) right center no-repeat;}
.Homecss .Header .Logo .bai{ display:block;}
.Homecss .Header .Logo .hei{ display:none;}

@media ( max-width:1440px){
.MainNav li{margin-right:23px;}
}
@media ( max-width:1366px){
.MainNav li{margin-right:14px;}
}
@media ( max-width:1200px){
.MainNav li{margin-right:5px;}
}
@media ( max-width:1100px){
.MainNav li{margin-right:0px;}
}

@media ( max-width:998px){
.Header{height:40px; padding:0; background:#fff;}
.Header .Logo{ padding-top:5px; width:auto;}.Header .Logo img{ height:31px;}
.Header .openbtn{ display:block;}
.Header .Searchbox{ position:static;}
.Header .Searchbox .icon{ margin:10px 45px 0 0;}
.Header .Search a.close{right:42px; top:-30px;}
.Header .Search{width:96%; top:35px; right:2%;}
.Header .Search .box{ width:auto; height:40px;}
.Header .Search .ipt{ vertical-align:top; width:80%; height:44px; line-height:44px; text-indent:1em;}

.MainNav{ position:fixed; z-index:999; width:270px; padding-right:0; height:100%; overflow-y:auto; background:#fff; right:-270px; top:0px;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto; margin:0 10px;}
.MainNav li span a{ text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#333 !important;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; width:17px; height:10px; background:url(../images/arr.png); right:10px; top:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.NavPull { position:static; background:#f2f2f2; text-align:left; width:100%; margin-bottom:-1px;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
.NavPull dd .sub{ position:static; background:none;display:block;}
.NavPull dd .sub dd a{ padding-left:10px; line-height:22px; background:url(../images/dot3.gif) 21px 10px no-repeat;}

.pcnav{ display:none;}
.mobilenav{ display:block;}
.mb50{ margin-bottom:20px;}
}

/*Top*/

/*Bottom*/
.bottom{ background:#fff; padding:17px 0 24px;}
.bottom .box{ position:relative; padding-right:300px;}
.bottom .sitemap dl{ float:left; padding-right:41px; line-height:25px; font-size:12px;}
.bottom .sitemap dl dt{ line-height:51px; border-bottom:1px solid #d6d6d6; color:#666666; font-size:16px; margin-bottom:10px;}
.bottom .sitemap dl dd a{ color:#999999;}
.bottom .sitemap dl dd a:hover{ color:#b92e32;}
.bottom .sitemap dl.d3{ width:541px;}
.bottom .sitemap dl.d3 p{ float:left; min-width:180px;}
.bottom .sitemap dl.d8{ padding-right:0;}
.bottom .copyright .code{ margin-bottom:10px;}
.bottom .copyright{ position:absolute; right:0px; top:0px; width:300px; text-align:right; font-size:12px; line-height:25px; color:#999999;}
.bottom .copyright a{color:#999999;}.bottom .copyright a:hover{color:#b92e32;}
.bottom .share{ display:block; padding:18px 0 16px;}

.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; background:url(../images/top.gif) center center; width:40px; position:fixed; bottom:5px; right:5px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:40px; cursor:pointer;}

.share{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.share .bshare-custom{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin-top:-4px;}
.share .bshare-custom a{ width:36px; height:36px; border-radius:50%; background:url(../images/share.png); background-color:#989898; padding:0; margin-left:10px;}
.share .bshare-custom a:hover{background-color:#b92e32;}
.share .bshare-custom .bshare-email{ background-position:0px top;}
.share .bshare-custom .bshare-sinaminiblog{ background-position:-36px top;}
.share .bshare-custom .bshare-weixin{ background-position:-72px top;}

@media ( max-width:1600px) and ( min-width:1441px){
.bottom .sitemap dl{padding-right:35px;}
.bottom .sitemap dl.d3{ width:360px;}
}
@media ( max-width:1440px) and ( min-width:998px){
.bottom .sitemap dl{padding-right:24px;}
.bottom .sitemap dl.d3{ width:360px;}
.bottom .sitemap dl.d8{ margin-top:-38px;}
}
@media ( max-width:1400px){
.bottom .sitemap dl.d8{ margin-top:-0px;}
}
@media ( max-width:1200px){
.bottom .sitemap dl{padding-right:10px;}
}
@media ( max-width:1080px){
.bottom .sitemap dl{padding-right:8px;}
.bottom .sitemap dl.d7{ margin:92px 0 0 -149px;}
.bottom .sitemap dl.d8{ margin:92px 0 0 -73px;}
}

@media ( max-width:998px){
.bottom{padding:10px 0;}
.bottom .share{ display:none;}
.bottom .box{ padding:0px;}
.bottom .copyright{ margin-top:10px; line-height:17px; position:static; text-align:center; width:auto;}
.bottom .copyright .tel,.bottom .copyright .code{ margin-bottom:0px; display:inline-block;}
.bottom .copyright .code{ margin-left:10px;}
.bottom .sitemap dl{ width:auto; line-height:30px; float:none;}
.bottom .sitemap dl.d3{ width:auto;}
.bottom .sitemap dl.d3 p{ float:none;}
.bottom .sitemap dl.d8,.bottom .sitemap dl.d7{ margin:0px;}
.bottom .sitemap dl dt{ cursor:pointer; line-height:35px; margin-bottom:0; position:relative; padding-bottom:0; font-size:14px;}
.bottom .sitemap dl .arr{ position:absolute; right:0px; width:100%; height:100%; top:0px;}
.bottom .sitemap dl .arr i{ width:17px; height:10px; position:absolute; right:0px; top:11px; background:url(../images/arr.png);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.bottom .sitemap dl dd{ display:none; background:#f2f2f2; line-height:24px;}
.bottom .sitemap dl dd a{ display:block; padding-left:10px;}
.bottom .sitemap dl.cur .arr i{
dis-moz-transform: translate(0, 0px) rotate(-180deg) !important;
-ms-transform: translate(0, 0px) rotate(-180deg) !important;
-o-transform: translate(0, 0px) rotate(-180deg) !important;
transform: translate(0, 0px) rotate(-180deg) !important;}
}
/*Bottom*/


/*首页 s*/
.HomeBan {overflow:hidden; clear:both; height:570px; position:relative; background:url(../images/loading.gif) center center no-repeat; margin-bottom:20px;}
.HomeBan .slides li{ position:relative; height:570px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li .txt{ position:absolute; width:88%; left:6%; top:35%;transform:translateY(-200px);-webkit-transform:translateY(-200px);opacity:0;transition:all 1s; text-align:right; color:#fff; line-height:89px; font-size:36px;}
.HomeBan .slides li .txt span{ display:block; font-size:72px;}
.HomeBan .slides li:nth-child(odd) .txt{ text-align:left;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:25px;}
.HomeBan .flex-control-nav li a{ border-radius:50%; opacity:1; width:14px; background:none; height:14px; border-radius:50%; border:3px solid #fff; margin:0 5px;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#fff;}
.HomeBan .flex-direction-nav a {width: 42px; height: 42px;}
.HomeBan .flex-direction-nav .flex-prev {opacity:1; left:-60px; background: url(../images/btn_left.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next {opacity:1; right:-60px; background: url(../images/btn_right.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:2%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:2%;}

@media ( max-width:1440px){
.HomeBan .slides li .txt{font-size:25px;}
.HomeBan .slides li .txt span{ font-size:50px;}
}
@media ( max-width:1200px){
.HomeBan .flex-control-nav{left:0; width:100%; margin-left:0px; bottom:0px;}
}
@media ( max-width:998px){
.HomeBan{ height:280px;}
.HomeBan .slides li{ height:280px;}
.HomeBan .slides li .txt{font-size:15px; line-height:35px;}
.HomeBan .slides li .txt span{ font-size:30px;}
.HomeBan .flex-control-nav li a{ width:6px; height:6px; border:2px solid #fff; margin:0px;}
.HomeBan .flex-direction-nav a { display:none;}
}
@media ( max-width:640px){
.HomeBan{ height:180px;}
.HomeBan .slides li{ height:180px;}
.HomeBan .slides li .txt{font-size:14px; line-height:25px; padding-top:12px;}
.HomeBan .slides li .txt span{ font-size:18px;}
}


.Hometit{ color:#999999; font-size:14px; margin:0 28px; padding-top:10px; height:54px; line-height:54px; border-bottom:1px solid #f1f1f1; position:relative;}
.Hometit b{ color:#b92e32; font-size:18px; margin-right:13px;}
.Hometit a.more{ position:absolute; width:22px; height:15px; top:18px; right:7px; background:url(../images/more.png);}
.Hometit a:hover.more{background:url(../images/more2.png);}

.HomeNews{ width:36%; float:left; height:267px; background:#fff; margin-bottom:24px;}
.HomeNews ul{ margin:0 28px;}
.HomeNews li{ width:auto; position:relative; margin-top:12px; padding-bottom:5px;}
.HomeNews li .tit{ margin-right:85px; width:auto; font-size:16px;}
.HomeNews li .tit a{ color:#444444;}.HomeNews li .tit a:hover{ color:#b92e32;}
.HomeNews li .date{ position:absolute; color:#b92e32; right:0px; top:0px;}
.HomeNews li .p{ height:48px; color:#999999;}

.HomeSub{ width:36%; float:left; margin-left:2%; height:267px; background:#fff; margin-bottom:24px;}
.HomeSub .imgbox{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; height:157px; width:53%; position:absolute; left:0px; top:0px;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.HomeSub .list{ margin:17px 28px 0; position:relative; padding-left:50%; line-height:26px;}
.HomeSub .list a{ color:#666666;}.HomeSub .list a:hover{ color:#b92e32;}
.HomeSub .list li.on .imgbox{ z-index:2;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.HomeColumn{ position:relative; width:24%; float:right; height:267px; background:#fff; margin-bottom:24px;}
.HomeColumn .imgbox{ height:267px; display:none;}
.HomeColumn .nav{ position:absolute; text-align:center; color:#fff; line-height:39px; width:100%; left:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:2;}
.HomeColumn .nav a{ color:#fff;}.HomeColumn .nav a:hover{ color:#b92e32;}
.HomeColumn .nav i{ display:inline-block; vertical-align:middle; width:10%;}

@media ( max-width:998px){
.Hometit{ margin:0 10px;}
.HomeNews ul{ margin:0 10px;}
.HomeNews li .tit{ margin-right:70px;}
.HomeNews li .date{ font-size:12px;}
.HomeNews{ width:auto; float:none; height:auto; margin-bottom:15px;}
.HomeSub{ width:auto; float:none; margin-left:0; height:auto; margin-bottom:15px; padding-bottom:18px;}
.HomeSub .list{ margin:17px 10px 0; padding-left:54%;}
.HomeColumn{width:auto; float:none; height:auto; margin-bottom:20px;}
}
@media ( max-width:640px){
.HomeColumn .imgbox{ height:165px;}
}


/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{height:170px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;margin-bottom:40px;}

.MenuList{ padding-bottom:43px; text-align:center;}
.MenuList li{ line-height:40px; font-size:16px; position:relative; display:inline-block; *display:inline; zoom:1; margin:0 1.5%;}
.MenuList li a{ display:block; color:#666666; background:#fff; border-radius:20px; padding:0 10px; min-width:110px;}
.MenuList li em{ position:relative; z-index:2;}
.MenuList li .bg{ position:absolute; width:0%; height:100%; left:50%; background:#b92e32;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border-radius:20px;}
.MenuList li a:hover,.MenuList li.onli a,.MenuList li.on a{ color:#fff;}
.MenuList li:hover .bg,.MenuList li.onli .bg{ width:100%; left:0px;}
.MenuList.menuFixed{ box-shadow:0 0 10px #ddd; text-align:center; position:fixed; left:0px; top:0px; width:100%; z-index:999; background:#fff;}

.SubPage{ height:auto !important; min-height:250px; height:250px; padding:4.5%; background:#fff; margin-bottom:5%;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:35px; font-size:16px;}

@media ( max-width:998px){
.SubBan{height:100px; margin-bottom:15px;}
.SubPage{padding-bottom:30px;}
.SinglePage{font-size:14px; line-height:26px;}
.MenuList{ text-align:center; padding-bottom:10px;}
.MenuList li{width:28%; line-height:32px; font-size:14px; margin-bottom:5px;}
.MenuList li a{ padding:0 4px; min-width:50px;}
}
/*栏目页公用样式 end*/


/***关于我们 s***/
.Aboutimg{ text-align:center; margin-bottom:7%;}
.Logoimg{ float:left; width:20%;}
.Aboutinfo{ float:right; width:76%;}

.Subtit{ clear:both; text-align:center; color:#222222; font-size:24px; padding:0px 0px 42px;}
.Subtit.st{ padding-top:42px;}
.CompanyList{ margin:0 0 0 -2%;}
.CompanyList li{ width:18%; float:left; margin:0 0 2% 2%;}
.CompanyList li .imgbox{ padding-top:50%; border-radius:10px; box-shadow:0 0 15px #ddd;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.CompanyList li .imgbox span{ background-size:contain;}
.CompanyList li:hover .imgbox{box-shadow:0 0 15px #999;}

.leaderimg{ width:38%; float:left;}
.leaderinfo{ width:58%; float:right;}

.LeaderList{ margin:2% 0 0 -3%;}
.LeaderList li{ width:13.666666%; text-align:center; font-size:14px; float:left; margin:0 0 3% 3%; line-height:25px; color:#222222;}
.LeaderList li .imgbox{ border-radius:8px; padding-top:150%; margin-bottom:14px;}
.LeaderList li:nth-child(6n+1){ clear:both;}

.HistoryList{ margin:2% 0 0 -3%;}
.HistoryList li{ width:22%; padding:0 0 3% 3%; float:left; text-align:left !important;}
.HistoryList li .imgbox{padding-top:50%;}
.HistoryList li .date{ text-align:right; line-height:73px; color:#222222; font-size:16px;}
.HistoryList li .date b{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; display:inline-block; vertical-align:top; font-size:44px; color:#b92e32; margin-left:14px;}
.HistoryList li p{ color:#666;}
.HistoryList li:nth-child(4n+1){ clear:both;}

.HornorList{ margin:2% 0 0 -3%;}
.HornorList li{ line-height:28px; font-size:16px; width:30.333333%; float:left; padding:0 0 3.5% 3%;}
.HornorList li .date{ font-size:24px; color:#b92e32; line-height:42px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HornorList li:nth-child(3n+1){ clear:both;}
.HornorList li p{ color:#666;}
.HornorList li:hover .date{ font-size:28px;}


.popboxx{ width:100%; z-index:999; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0px; left:0px; display:none;}
.popboxx .closebox{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}
.popboxx iframe{ width:80%; position:absolute; left:10%; top:10%; height:80%; z-index:2;}
.Displaybox{ position:relative; max-width:1050px; margin:0 auto;}
.Displaybox .box{ background:#fff; padding:3% 8% 5%; border-radius:15px;}
.Displaybox .close,.contetbox .close{ border-radius:50%; cursor:pointer; position:absolute; right:20px; z-index:999; top:20px;width:26px; height:26px; border:2px solid #6b6b6b; padding:4px 0 0 4px;}
.Displaybox .close span,.contetbox .close span{ display:block; height:4px; background:#676767; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; width:21px;}
.Displaybox .close .sp1,.contetbox .close .sp1 {
	-webkit-transform: translate(0, 4px) rotate(45deg) !important;
	-moz-transform: translate(0, 4px) rotate(45deg) !important;
	-ms-transform: translate(0, 4px) rotate(45deg) !important;
	-o-transform: translate(0, 4px) rotate(45deg) !important;
	transform: translate(0, 4px) rotate(45deg) !important;}
.Displaybox .close .sp2,.contetbox .close .sp2 {
	-webkit-transform: translate(0, -4px) rotate(-45deg) !important;
	-moz-transform: translate(0, -4px) rotate(-45deg) !important;
	-ms-transform: translate(0, -4px) rotate(-45deg) !important;
	-o-transform: translate(0, -4px) rotate(-45deg) !important;
	transform: translate(0, -4px) rotate(-45deg) !important;}	
.Displaybox .close:hover,.contetbox .close:hover{ border:2px solid #cf0c1e;}
.Displaybox .close:hover span,.contetbox .close:hover span{background:#cf0c1e;}

.Displaybox .tithead { color:#333333; text-align:center; font-size:18px; line-height:31px; margin-bottom:28px;}	
.Displaybox .imgbox{ padding-top:55%;}	
.Displaybox .page{}
.Displaybox .page a{ position:absolute; width:37px; height:37px; background-position:center center; background-repeat:no-repeat; z-index:100; top:50%; margin-top:-30px;}
.Displaybox .page a.prev{ background-image:url(../images/pageleft.png); left:18px;}
.Displaybox .page a:hover.prev{ background-image:url(../images/pageleft0.png);}
.Displaybox .page a.next{ background-image:url(../images/pageright.png); right:18px;}
.Displaybox .page a.next:hover.next{ background-image:url(../images/pageright0.png);}

.contetbox{ z-index:999; position:absolute; top:5%; height:85%; left:5%; width:90%;}
.contetbox .box{ background:#fff; padding:5%; border-radius:15px; height:87%; overflow-y:auto;}
.contetbox .tithead{ font-size:30px; color:#333333; padding-bottom:20px;}
.contetbox .hrinfo{ font-size:16px;}
.contetbox .hrinfo .t{ margin:20px 0 27px; font-size:20px; color:#b92e32; line-height:47px; border-bottom:1px solid #dbdbdb;}
.contetbox .hrinfo .base dd{ padding-bottom:17px;}
.contetbox .hrinfo .txt{ line-height:36px;}
.contetbox .hrinfo .zpbtn a{ display:block; margin:52px 0 10px; width:200px; line-height:40px; text-align:center; color:#fff; background:#b92e32;}
.contetbox .hrinfo .zpbtn a:hover{background:#99070b;}



@media ( max-width:1440px){
.leaderinfo{ line-height:30px;}
}
@media ( max-width:1100px){
.popboxx iframe{ width:90%;left:5%; top:5%;}
}
@media ( max-width:768px){
.Logoimg{ float:none; width:auto; text-align:center; width:90px; margin:0px auto 15px;}
.Aboutinfo{ float:none; width:auto;}
.Subtit{font-size:20px; padding:0px 0px 20px;}
.Subtit.st{ padding-top:25px;}
.CompanyList li{ width:23%;}
.leaderimg{ width:auto; float:none; text-align:center; padding-bottom:15px;}
.leaderinfo{ width:auto; float:none;}
.LeaderList li{ width:30.333333%;}
.LeaderList li:nth-child(3n+1){ clear:both;}
.HistoryList li{ width:47%;}
.HistoryList li .date{line-height:50px;}
.HistoryList li .date b{font-size:24px;margin-left:10px;}
.HistoryList li:nth-child(4n+1){ clear:none;}
.HistoryList li:nth-child(2n+1){ clear:none;}

.Displaybox .box{ padding:35px 45px 20px;}
.Displaybox .tithead{font-size:16px; line-height:22px; margin:0 25px 12px;}
.Displaybox .imgbox{ padding-top:100%;}	
.Displaybox .page a.prev{left:8px;}
.Displaybox .page a.next{ right:8px;}
.contetbox .hrinfo{ font-size:14px;}
.contetbox .hrinfo .t{ margin:10px 0 10px; font-size:16px;line-height:30px;}
.contetbox .hrinfo .base dd{ padding-bottom:5px;}
.contetbox .hrinfo .txt{ line-height:24px;}
.contetbox .tithead{ font-size:18px; padding-top:20px;}
.contetbox .hrinfo .zpbtn a{margin:20px 0 10px; width:140px; line-height:30px;}
}
@media ( max-width:640px){
.LeaderList li{ width:47%;}
.LeaderList li:nth-child(2n+1){ clear:both;}
.LeaderList li:nth-child(3n+1){ clear:none;}
.HistoryList li{ width:auto;}
.HornorList li{ width:auto; float:none; font-size:14px; line-height:24px;}
.HornorList li .date{ font-size:18px;}
.contetbox .box{ height:100%;}
}


/***资讯中心 s***/
.NewsList { margin-bottom:4.8%;}
.NewsList li{ border-bottom:1px solid #e5e5e5; margin-top:45px; padding:0px 0px 45px 29.5%; height:198px; position:relative;}
.NewsList li .imgbox{ position:absolute; left:0px; top:0px; height:198px; width:26%;}
.NewsList li .tit{ line-height:42px; font-size:18px;}
.NewsList li .date{ line-height:39px; color:#b92e32;}
.NewsList li .p{ line-height:25px; height:50px; color:#666666;-webkit-line-clamp: 2; margin-bottom:25px;}
.NewsList li .detail a{ display:block; text-align:center; color:#fff; border-radius:16px; width:102px; line-height:32px; background:#b92e32;}
.NewsList li .detail a:hover{background:#950004;}

.VideoList{ margin:2% 0 3% -3%;}
.VideoList li{ width:30.33333%; text-align:center; float:left; padding:0 0 4% 3%;}
.VideoList li .imgbox{ padding-top:60%;}
.VideoList li .play{ position:absolute; z-index:2; width:100%; height:100%; left:0px; top:0px; background: rgba(0,0,0,0.4) url(../images/play.png) center center no-repeat;transition:all 0.2s linear; -webkit-transition:all 0.2s linear}
.VideoList li .tit{ margin-top:14px; font-size:16px; color:#444444;}
.VideoList li:hover .play{background-color: rgba(0,0,0,0.1);}
.VideoList li:hover .tit{color:#b92e32;}

.videoinfo{ width:100%; height:580px; margin-bottom:20px;}

.Titleinfo{ color:#888888; line-height:25px; padding:0px 0px 20px 0px; margin-bottom:4.5%; text-align:center; border-bottom:1px solid #e5e5e5;}
.Titleinfo .tits{font-size:24px; font-weight:normal; color:#222222; padding-bottom:10px;}
.Newsinfo{ color:#444444; font-size:18px; line-height:40px; max-width:1024px; margin:0px auto;}
.PrevNextBox {margin:5% 0 0 0;position:relative; color:#888888;}
.PrevNextBox dl{ font-size:16px; width:49%; line-height:50px; height:50px; text-align:center; overflow:hidden; background:#f7f7f7;}
.PrevNextBox dl span{color:#000000;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.PrevNextBox dl:hover{background:#912228; color:#fff;}
.PrevNextBox dl:hover span{ color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl a.none{ background:#fff; color:#999;}

@media ( max-width:998px){
.share{ display:none;}
.VideoInfo .info .tits{ padding:10px;}
.videoinfo{height:450px;}
}
@media ( max-width:640px){
.NewsList li{margin-top:20px; padding:0px 0px 20px 100px; height:110px; position:relative;}
.NewsList li .imgbox{height:110px; width:90px;}
.NewsList li .tit{ line-height:24px; font-size:15px;}
.NewsList li .date{ line-height:30px;}
.NewsList li .p{ line-height:20px; height:20px; margin-bottom:10px;-webkit-line-clamp: 1;}
.NewsList li .detail a{width:74px; line-height:24px; font-size:12px;}

.VideoList li{ width:47%; }
.VideoList li .tit{ margin:10px 0; font-size:14px;}
.videoinfo{height:300px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px;}
.Titleinfo .tits{ font-size:20px;}
.Newsinfo{font-size:15px; line-height:25px;}
.PrevNextBox dl{ width:auto; line-height:40px; height:40px;font-size:14px; text-align:left;}
.PrevNextBox dl div{width:90%; margin:0px auto;}
.PrevNextBox dl.fl{ float:none; margin-bottom:5px;}.PrevNextBox dl.fr{ float:none;}
}


/***企业文化 s***/
/* .Culture{ margin-bottom:7%;} */
.Culture ul{display:flex;flex-wrap: wrap;justify-content: center;}
.Culture li{ width:33.33333%; float:left;margin-bottom: 80px;box-sizing: border-box;padding-left: 40px;}
.Culture li .msg{padding-left: 70px;box-sizing: border-box;}
.Culture li h2{font-size:20px;color: #333333;}
.Culture li .msg p{font-size:14px;}

.Culture2{ margin:0 4%;}
.Culture2 li{ width:50%; float:left;}
.Culture2 li .imgbox{ width:50%; float:left;}
.Culture2 li .imgbox img{ width:229px; height:229px; border-radius:50%;}
.Culture2 li .txt{ font-size:16px; padding-top:15%;float:left;}
.Culture2 li .txt h2{ font-size:18px; color:#333333;}

.Culture3{ border-bottom:1px solid #ebebeb; margin-bottom:5%;}
.Culture3 ul{margin-left:-2.333333%;display:flex;flex-wrap: wrap;justify-content: center;}
.Culture3 li{position: relative; text-align:center; width:31%; float:left;margin:0px 0px 30px 2.33333%;}
.Culture3 li .msg{padding: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center; position: absolute;transition: all 0.5s ease; top:0px;left: 0px;width: 100%;height: 100%;background: rgba(185, 46, 50, 0.9);color: white;opacity: 0;}
.Culture3 li:hover .msg{opacity: 1;}


@media ( max-width:640px){
.Culture li{ width:100%;padding-left: 0px;margin-bottom: 20px;}
}

@media ( max-width:480px){
/* .Culture li{height:110px;}
.Culture li img{height:110px;}
.Culture li .txt{ font-size:14px; height:110px;}
.Culture li .txt h2{ font-size:16px;}
.Culture2 li .imgbox img{ width:120px; height:120px;} */
.Culture3 li{ width:auto; float:none; line-height:20px;margin-bottom: 10px;padding: 10px;}
}


/***联系我们 s***/
.ContactUs{ max-width:387px; margin:0px auto; position:relative; padding-left:172px; line-height:36px; font-size:16px;}
.ContactUs .ewm{ position:absolute; left:0px; text-align:center; top:0px; width:117px; line-height:35px; color:#888888;}
.ContactUs .ewm img{ width:101px; height:101px; border:1px solid #ececec; padding:7px;}
.ContactUs h2{ line-height:25px; margin-bottom:20px; color:#b92e32; font-size:24px;}

@media ( max-width:640px){
.ContactUs{ font-size:14px; line-height:26px; padding:0px;}
.ContactUs .ewm{ position:static; margin:0px auto;}
.ContactUs h2{ font-size:18px; margin:20px 0 10px;}
}


/***社会责任 s***/
.History2{ background:url(../images/linebg.gif) center top repeat-y; margin:2% 0 6%;}
.History2 li{ font-size:16px; position:relative; color:#333333; width:47.2%; padding-left:7%; float:right; min-height:120px; margin-bottom:39px;}
.History2 li .date{ color:#b92e32; margin-bottom:8px;}
.History2 li .imgbox{ height:120px; position:absolute; width:162px; left:0px; top:0px;}
.History2 li .box{ padding-left:179px; position:relative;}
.History2 li .box .txt{ height:120px; display:table-cell; vertical-align:middle; width:2%;}
.History2 li .dot{ width:11px; height:11px; position:absolute; left:-7%; top:50%; margin-top:-2px; border-radius:50%; background:#b51c22; position:absolute;}
.History2 li.next{ clear:both; float:none; padding:0 7% 0 0; text-align:right;}
.History2 li.next .box{ padding:0 179px 0 0;}
.History2 li.next .imgbox{ left:auto; right:0;}
.History2 li.next .dot{left:auto; right:-7%;}

@media ( max-width:768px){
.History2{ background:url(../images/linebg.gif) 8px top repeat-y; }
.History2 li{ width:auto; float:none; font-size:14px; line-height:22px;}
.History2 li .box{ padding-left:135px;}
.History2 li .imgbox{ height:120px;width:120px;}
.History2 li.next{ clear:both; float:none; padding:0 0 0 7%; text-align:left;}
.History2 li.next .box{ padding:0 0 0 135px;}
.History2 li.next .imgbox{ left:0px; right:auto;}
.History2 li.next .dot{left:-7%; right:0;}
}


/***业务合作 s***/
.Business{ margin-bottom:10px;}
.Business li{ border-bottom:1px solid #e5e5e5; color:#444444; margin-top:36px; position:relative; padding-bottom:36px; padding-left:147px; height:98px;}
.Business li .imgbox{ position:absolute; left:2px; top:0px; width:108px; height:98px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Business li .imgbox span{ background-size:contain;}
.Business li:hover .imgbox{ top:-10px;}
.Business li .p{ padding-top:24px; height:48px;-webkit-line-clamp: 2; text-align:left;}
.Business li:last-child{ border-bottom:0px;}

@media ( max-width:640px){
.Business li{ margin-top:20px;padding-bottom:20px; padding-left:95px; height:73px;}
.Business li .imgbox{ width:80px; height:73px}
.Business li .p{ padding-top:10px;}
}


/***旗下企业 s***/
.QyList{ margin:0 0 0 -3%;}
.QyList li{ text-align:center; width:17%; float:left; padding:0 0 4% 3%;}
.QyList li .imgbox{ padding-top:65%; border-radius:10px; margin-bottom:8px;}
.QyList li:nth-child(5n+1){ clear:both;}

@media ( max-width:640px){
.QyList li{ width:30.33333%;}
.QyList li:nth-child(5n+1){ clear:none;}
.QyList li:nth-child(3n+1){ clear:both;}
}
@media ( max-width:480px){
.QyList li{ width:47%;}
.QyList li:nth-child(3n+1){ clear:none;}
.QyList li:nth-child(2n+1){ clear:both;}
}


/***人力资源 s***/
.Hrhead{ margin-top:2%; color:#fff; font-size:18px; line-height:60px; background:#b92e32;}
.w1{ padding-left:5%; width:20%;}
.w2{ padding-left:1%; width:18%;}
.w3{ padding-left:1%; width:17%; text-align:center;}
.w4{ padding-left:1%; width:17%; text-align:center;}
.w5{ padding-left:1%; width:19%; text-align:center;}
.HrList{ margin-bottom:5%;}
.HrList li{ border-bottom:1px solid #eeeeee; font-size:16px; color:#333333;}
.HrList li td{ height:64px; line-height:20px;}
.HrList a.apply{ display:block; margin:0px auto; width:120px; line-height:31px; background:#f4f4f4; color:#333333;}
.HrList a:hover.apply{ background:#b92e32; color:#fff;}

#ygbigimg .slides li{ position:relative;}
#ygbigimg .tit{ position:absolute; font-size:16px; background:rgba(0,0,0,0.3); padding:10px 4%; color:#fff; width:92%; bottom:0px; left:0px;}
#ygbigimg .date{ float:right;}
#ygbigimg .img{ padding-top:55%; background-position:center center; background-repeat:no-repeat; background-size:cover;}

#ygsmallimg  { margin-top:45px; padding:0 44px;}
#ygsmallimg .flex-direction-nav a { background:#000;opacity: 1; width:37px; height:37px;}
#ygsmallimg .flex-direction-nav .flex-prev { left: 0px; background:url(../images/pageleft.png); background-size:contain;}
#ygsmallimg .flex-direction-nav .flex-prev:hover { background:url(../images/pageleft0.png); background-size:contain;}
#ygsmallimg .flex-direction-nav .flex-next { right: 0px; background:url(../images/pageright.png); background-size:contain;}
#ygsmallimg .flex-direction-nav .flex-next:hover { background:url(../images/pageright0.png); background-size:contain;}
#ygsmallimg .slides li .imgbox { cursor:pointer; margin:0 5px; text-align:center; padding:8px; border:1px solid #fff; color:#444444;}
#ygsmallimg .slides li .imgbox .img{ height:137px; background-position:center center; margin-bottom:5px; background-repeat:no-repeat; background-size:cover;}
#ygsmallimg .slides li.flex-active-slide .imgbox{ border:1px solid #f0b2b8;}
#ygsmallimg .slides li .imgbox2 { cursor:pointer; margin:0 5px; text-align:center; padding:4px;border:1px solid #fff;}
#ygsmallimg .slides li .imgbox2 .img{ height:80px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#ygsmallimg .slides li.flex-active-slide .imgbox2{ border:1px solid #f0b2b8;}


@media ( max-width:768px){
.Hrhead{font-size:15px; line-height:40px;}
.HrList li{font-size:14px;}
.HrList a.apply{width:70px;}
#ygsmallimg  { margin-top:15px; padding:0 15px;}
#ygbigimg .tit{ font-size:14px;}
#ygbigimg .date{ float:none; display:block;}
#ygsmallimg .slides li .imgbox .img{ height:100px;}
}

@media ( max-width:560px){
.w2,.w3{ display:none;}
.HrList li .w4{ font-size:12px;}
.w5{ width:15%;}

#ygsmallimg .flex-direction-nav a {width:27px; height:27px;}
#ygsmallimg .flex-direction-nav .flex-prev { left: -5px;}
#ygsmallimg .flex-direction-nav .flex-next { right: -5px;}
#ygsmallimg .slides li .imgbox {padding:4px;}
#ygsmallimg .slides li .imgbox .img{ height:75px;}
}


/*模板2*/
.demo2body{ background:#fff;}
.Header.demo2 .MainNav li span a{ font-size:18px;}
.Header.demo2 .MainNav li:hover span a,.Header.demo2 .MainNav li.onnav span a,.Header.demo2 .MainNav li span a.sele{ color:#cf2822;}
.Header.demo2 .MainNav .line{top:auto; bottom:21px; height:2px; background:#c80700;}
.Header.demo2 .NavPull{ width:140px; left:-30px;}

.bottom2{ background:#ebebeb; padding:3% 0 0px;}
.bottom2 .sitemap{ padding-bottom:4%;}
.bottom2 .sitemap dl{ float:left; padding-right:0px; width:12.5%; line-height:27px;}
.bottom2 .sitemap dl dt{ line-height:51px; font-weight:bold; color:#222222; font-size:16px;}
.bottom2 .sitemap dl dd a{ color:#777777; font-size:14px;}
.bottom2 .sitemap dl dd a:hover{ color:#b92e32;}
.bottom2 .sitemap dl.d3{ width:541px;}
.bottom2 .sitemap dl.d3 p{ float:left; min-width:180px;}
.bottom2 .sitemap dl.d8{ padding-right:0;}
.bottom2 .copyright{ clear:both; border-top:1px solid #dfdfdf; padding:14px 0px; text-align:center; color:#222222;}
.bottom2 .copyright a{color:#222222;}.bottom2 .copyright a:hover{color:#cc0000;}

.HomeBan.demo2 {height:700px;}
.HomeBan.demo2 .slides li{height:700px;}
.HomeBan.demo2 .slides li .txt{ text-align:left;}
.HomeBan.demo2 .slides li:nth-child(odd) .txt{ text-align:right;}
.HomeBan.demo2 .flex-control-nav li a.flex-active{background:#c80700; border:3px solid #c80700;}

.HomeAbout.demo2{ padding:5% 0;}
.HomeAbout.demo2 .img{  position:relative; width:35%; float:left;}
.HomeAbout.demo2 .img .imgbox{z-index:2; padding-top:110%; margin:0 20px 20px;}
.HomeAbout.demo2 .img .bg{ z-index:1; width:60%; height:38%; position:absolute; right:0px; bottom:0px; background:#c30700;}
.HomeAbout.demo2 .infotxt{ position:relative; z-index:2; width:55%; text-align:center; float:right; font-size:16px;}
.HomeAbout.demo2 .infotxt .tithead{ width:70%; margin:19px auto 0;}
.HomeAbout.demo2 .infotxt .line{ margin:7% 0; background:url(../images/demo1/dot.gif) right center no-repeat; height:14px; position:relative; left:-50%;}
.HomeAbout.demo2 .infotxt .p{ line-height:29px; color:#333333;-webkit-line-clamp: 4; margin-bottom:8%; text-align:center;}
.HomeAbout.demo2 .infotxt .more a{ display:block; margin:0px auto; width:210px; line-height:45px; color:#b70700; background:url(../images/demo1/more.gif);}
.HomeAbout.demo2 .infotxt .more i{ display:inline-block; margin-left:9px; background:url(../images/demo1/arr.gif); width:32px; height:11px;}
.HomeAbout.demo2 .infotxt .more a:hover{ text-decoration:underline;}

.HomeNav{ background:#00528e; padding-top:30px; padding-bottom:30px; margin-bottom:5%;}
.HomeNav li{ width:25%; float:left;}
.HomeNav li .ico{ width:100px; height:100px; position:relative; float:left; margin-right:13px; background:url(../images/demo1/navbg1.png); background-size:contain;}
.HomeNav li .i1,.HomeNav li .i2{ display: block; width: 47px; height: 47px; position: absolute; left:50%; top:50%; margin:-22px 0 0 -22px;}
.HomeNav li .i1{ transition: 400ms;}
.HomeNav li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeNav li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.HomeNav li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeNav li:hover .ico{background:url(../images/demo1/navbg2.png); background-size:contain;}
.HomeNav li .tits{color:#6a8cb0;}
.HomeNav li .tits span{ display:block; color:#fff; padding-top:17px; line-height:39px; font-size:22px;}

.HomeTit{ text-align:center; padding-bottom:25px; text-transform:uppercase;}
.HomeTit h2{ line-height:40px; margin-bottom:5px; font-size:32px; color:#000000;}
.HomeTit h2 i{ display:inline-block; width:14px; height:14px; background:url(../images/demo1/dot2.png); vertical-align:middle; margin:0 8px;}
.HomeBusiness{ margin-bottom:5%;}
.HomeBusiness li{ position:relative; width:25%; float:left;}
.HomeBusiness li .imgbox{ padding-top:150%;}
.HomeBusiness li .info{ color:#fff; position:absolute; left:0px; top:0px; height:100%; padding:0 10%; width:80%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; background:rgba(0,0,0,0.3);}
.HomeBusiness li .info .tithead{text-align:center; padding-top:80%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBusiness li .info .tithead h3{ font-size:22px; line-height:35px;}
.HomeBusiness li .info .p{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; opacity:0; font-size:16px; line-height:27px; margin-right:5%;}
.HomeBusiness li .info .more{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; opacity:0; border:1px solid #fff; width:78px; height:28px; background:url(../images/demo1/arr2.png) center center no-repeat; position:absolute; left:10%; bottom:12%;}
.HomeBusiness li.on .info,.HomeBusiness li:hover .info { background:rgba(0,82,142,0.9);}
.HomeBusiness li.on .info .tithead,.HomeBusiness li:hover .info .tithead{ text-align:left; padding:43% 0 8%;}
.HomeBusiness li.on .info .p,.HomeBusiness li:hover .info .p{ opacity:1;}
.HomeBusiness li.on .info .more,.HomeBusiness li:hover .info .more{ opacity:1;}

.Graybg{ background:#f6f6f6; padding:5% 0;}
.Graybg .HomeTit{ text-align:left;}
.Graybg .HomeTit h2{ font-size:26px; line-height:24px;}
.Graybg .HomeTit a.more{ float:right; color:#666666; background:url(../images/demo1/arr3.png) right center no-repeat; padding-right:27px; margin-top:15px;}

.HomeNewsdemo2{width:52%; float:left;}
.HomeNewsdemo2 .li{ position:relative; padding-right:85px; height:40px; overflow:hidden; line-height:40px;color:#b7b7b7;}
.HomeNewsdemo2 .li .tit{background:url(../images/demo1/dot3.gif) 1px center no-repeat; font-size:16px; padding-left:13px; width:95%;}
.HomeNewsdemo2 .li .date{ position:absolute; right:0px; top:0px;}
.HomeNewsdemo2 .first{ background:#fff; height:180px; margin-bottom:19px;}
.HomeNewsdemo2 .first .imgbox{ width:38%; height:180px; float:left;}
.HomeNewsdemo2 .first .info{ width:52%;float:left; padding-left:4%;}
.HomeNewsdemo2 .first .info .tit{ font-size:18px; padding:22px 0 12px;}
.HomeNewsdemo2 .first .info .p{ line-height:22px; height:66px; color:#888888; font-size:16px; margin-bottom:10px;-webkit-line-clamp: 3;}
.HomeNewsdemo2 .first .info .date{ color:#b7b7b7;}

.HomeHydtsdemo2{width:42%; float:right;}
.HomeHydtsdemo2 li{ font-size:16px; border-bottom:1px solid #dfdfdf; position:relative; padding:18px 0px 18px 100px;}
.HomeHydtsdemo2 li .date{ position:absolute; left:0px; top:0px; color:#b7b7b7; top:21px; font-size:18px;}
.HomeHydtsdemo2 li .date span{ margin-bottom:4px; display:block; font-size:22px; color:#4f4f4f;}
.HomeHydtsdemo2 li .tit{ font-size:18px; margin-bottom:11px;}
.HomeHydtsdemo2 li .p{ color:#888888;-webkit-line-clamp: 1;}

@media ( max-width:998px){
.bottom2 .sitemap{ display:none;}
.bottom2 .copyright{ border-top:0; padding:0; line-height:18px; font-size:12px;}
.HomeBan.demo2 {height:400px;}
.HomeBan.demo2 .slides li{height:400px;}
.HomeNav li .ico{ width:60px; height:60px; margin-right:10px;}
.HomeNav li .tits{ font-size:12px;}
.HomeNav li .i1,.HomeNav li .i2{width: 30px; height: 30px;margin:-15px 0 0 -15px;}
.HomeNav li .tits span{ padding-top:6px;line-height:24px; font-size:16px;}
.HomeTit h2{ line-height:28px; margin-bottom:0px; font-size:18px;}
.HomeBusiness li .info .tithead{ font-size:12px; line-height:16px; padding-top:45%;}
.HomeBusiness li .info .tithead h3{ font-size:16px; line-height:24px;}
.HomeBusiness li .info .p{ display:none;}
.HomeBusiness li .info .more{ display:none;}
.HomeBusiness li.on .info .tithead,.HomeBusiness li:hover .info .tithead{ text-align:center; padding:45% 0 0%;}
.Graybg .HomeTit h2{ font-size:18px;}
.HomeNewsdemo2 .li{ height:30px; line-height:30px7;}
.HomeNewsdemo2 .li .tit{ font-size:14px;}
.HomeNewsdemo2 .first{height:120px;}
.HomeNewsdemo2 .first .imgbox{ height:120px;}
.HomeNewsdemo2 .first .info .tit{ font-size:14px; padding:10px 0 5px;}
.HomeNewsdemo2 .first .info .p{ line-height:20px; height:40px; font-size:14px;-webkit-line-clamp: 2;}
.HomeHydtsdemo2 li{ font-size:14px;padding:10px 0px 10px 60px;}
.HomeHydtsdemo2 li .date{top:10px; font-size:14px;}
.HomeHydtsdemo2 li .date span{font-size:16px;}
.HomeHydtsdemo2 li .tit{ font-size:14px; margin-bottom:4px;}
}
@media ( max-width:768px){
.HomeNewsdemo2{width:auto; float:none; padding-bottom:25px;}
.HomeHydtsdemo2{width:auto; float:none;}

.HomeBan.demo2 {height:160px;}
.HomeBan.demo2 .slides li{height:160px;}

.HomeAbout.demo2 .img{ width:auto; float:none;}
.HomeAbout.demo2 .img .imgbox{ padding-top:50%;}
.HomeAbout.demo2 .infotxt{width:auto;float:none; font-size:14px;}
.HomeAbout.demo2 .infotxt .line{ margin:4% 0;}
.HomeAbout.demo2 .infotxt .p{ line-height:24px;}
.HomeNav{ padding-top:20px; padding-bottom:20px;}
.HomeNav li { text-align:center;}
.HomeNav li .ico{ margin:0px auto; float:none;}
.HomeNav li .tits{ line-height:16px;}
.HomeBusiness li{width:50%;}
.HomeBusiness li .info .tithead{ font-size:14px; line-height:20px; padding-top:56%;}
.HomeBusiness li .imgbox{ padding-top:120%;}
.HomeHydtsdemo2 ul{ margin-top:-18px;}
}




/*模板3*/
.demo3body{ background:#fff;}
.Header.demo3 .MainNav li:hover span a,.Header.demo3 .MainNav li.onnav span a,.Header.demo3 .MainNav li span a.sele{ color:#bb9855;}
.Header.demo3 .MainNav .line{top:auto; bottom:21px; height:2px; background:#bb9855;}
.Header.demo3 .NavPull{ width:140px; left:-30px;}
.Header.demo3 .Searchbox .icon{ margin-top:35px; width:30px; height:30px;background: #bb9855 url(../images/demo2/searchbtn.png) center center no-repeat; border-radius:50%;}
.Header.demo3 .Search a.close,.Header .Search a.close2{ background-color:#bb9855; width:30px; height:30px; border-radius:50%; top:-50px;}

.bottom3{ background:#f0f0f0; padding:2.6% 0 0px;}
.bottom3 .sitemap{ padding-bottom:4%;}
.bottom3 .sitemap dl{ float:left; padding-right:0px; width:12.5%; line-height:27px;}
.bottom3 .sitemap dl dt{ line-height:51px;color:#222222; font-size:16px;}
.bottom3 .sitemap dl dd a{ color:#777777; font-size:14px;}
.bottom3 .sitemap dl dd a:hover{ color:#b92e32;}
.bottom3 .sitemap dl.d3{ width:541px;}
.bottom3 .sitemap dl.d3 p{ float:left; min-width:180px;}
.bottom3 .sitemap dl.d8{ padding-right:0;}
.bottom3 .copyright{ clear:both; background:#fff; padding:20px 0px; color:#222222;}
.bottom3 .copyright a{color:#a1a1a1;}.bottom3 .copyright a:hover{color:#cc0000;}
.bottom3 .ewm{ float:left;}
.bottom3 .ewm .img{ float:left; margin-right:10px;}
.bottom3 .ewm .img img{ width:74px; height:74px;}
.bottom3 .ewm .txt{ padding-top:14px; color:#a2a2a2; width:144px; float:left;}
.bottom3 .ewm .txt span{ font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.1em; color:#b19255; font-size:24px; font-weight:bold; display:block;}
.bottom3 .info{ float:right; text-align:right; color:#a1a1a1; padding-top:12px;}

.HomeNewsdemo3{ padding:40px 0 47px;}
.HomeNewsdemo3 .tithead{ padding-bottom:18px;}
.HomeNewsdemo3 .first{ width:47%; margin-right:3%; padding-right:4%; float:left; border-right:1px solid #e7e7e7;}
.HomeNewsdemo3 .first .tit{ margin-bottom:9px; font-size:16px;}
.HomeNewsdemo3 .first .p{ height:72px; color:#888888;-webkit-line-clamp: 3;}
.HomeNewsdemo3 .li{ width:34%; float:left; height:20px; line-height:20px; margin-bottom:11px; padding-left:91px; position:relative;}
.HomeNewsdemo3 .li .date{ position:absolute; left:0px; top:0px; color:#b6b6b6;}

.HomeBusiness2{ background:#f8f8f8; padding:43px 0px;}
.HomeBusiness2 ul{ margin-left:-2px;}
.HomeBusiness2 li{ width:17%; float:left;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBusiness2 li .box{ margin-left:2px; position:relative;}
.HomeBusiness2 li .imgbox{ height:370px;}
.HomeBusiness2 li .info{ position:absolute; width:95%; left:0px; top:0px; height:95%; padding:15% 0 0 5%; background:rgba(0,0,0,0.4); z-index:2;}
.HomeBusiness2 li .info .t{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:relative; color:#fff; padding-left:41px;}
.HomeBusiness2 li .info .t span{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; font-size:20px; width:23px; display:block; text-align:center; line-height:22px; padding-bottom:30px; background:url(../images/demo2/more.png) center bottom no-repeat;}
.HomeBusiness2 li .info .t em{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute; left:-55px; top:59%; text-align:left; display:block;text-transform:uppercase;-webkit-transform: rotate(90deg); opacity:0.5; font-size:16px;
-moz-transform: rotate(90deg);
transform: rotate-90deg);}
.HomeBusiness2 li .info .p{ opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.HomeBusiness2 li.on{ width:49%;}
.HomeBusiness2 li.on .info{ width:47%; height:auto; padding:3%; bottom:0px; top:auto; background:rgba(187,152,85,0.9); text-align:left;}
.HomeBusiness2 li.on .info .t{ padding-left:0px;}
.HomeBusiness2 li.on .info .t em{ display:none;}
.HomeBusiness2 li.on .info .t span{ width:auto; padding-bottom:4px; text-align:left; background:none;}
.HomeBusiness2 li.on .info .p{ opacity:0.6; color:#fff;}


@media ( max-width:998px){
.Header.demo3 .Searchbox .icon{ margin-top:5px;}
.bottom3 .sitemap{ display:none;}
.bottom3 .ewm{ float:none; width:230px; margin:0px auto;}
.bottom3 .info{ float:none; text-align:center; clear:both; line-height:18px; font-size:12px;}
}
@media ( max-width:810px){
.HomeNewsdemo3{ padding:20px 0 20px;}
.HomeNewsdemo3 .first{ width:auto; margin:0 0 15px 0; padding:0 0 15px 0; float:none; border-right:0px; border-bottom:1px solid #e7e7e7;}
.HomeNewsdemo3 .first .tit{ margin-bottom:9px; font-size:16px;}
.HomeNewsdemo3 .first .p{ height:48px; color:#888888;-webkit-line-clamp: 2;}
.HomeNewsdemo3 .li{ width:auto; float:none;margin-bottom:5px; padding-left:91px;}
.HomeBusiness2{padding:25px 0px;}
.HomeBusiness2 li{ width:25%;}
.HomeBusiness2 li.on{ width:25%;}
.HomeBusiness2 li .imgbox{ height:auto; height:220px;}
.HomeBusiness2 li .info .t{ padding-left:20px;}
.HomeBusiness2 li .info .t em{ font-size:12px; top:50%; left:-45px; line-height:10px;}
.HomeBusiness2 li .info .t span{font-size:14px; padding-bottom:19px;}
.HomeBusiness2 li.on .info .t em{ display:block;}
.HomeBusiness2 li.on .info{ position:absolute; width:95%; left:0px; top:0px; height:95%; padding:15% 0 0 5%; background:rgba(0,0,0,0.4); z-index:2;}
.HomeBusiness2 li.on .info .t{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:relative; color:#fff; padding-left:41px;}
.HomeBusiness2 li.on .info .p{ display:none;}
.HomeBusiness2 li.on .info .t span{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;  width:23px; display:block; text-align:center; line-height:22px; padding-bottom:30px; background:url(../images/demo2/more.png) center bottom no-repeat;}
}


.Hrtit{ font-size:16px; color:#333333; padding:25px 0px 10px 15px; background:#fff; position:relative;}
.Hrtit a.backs{ position:absolute; right:5px; top:px; font-size:14px; color:#333; font-weight:normal;}

.JobForm{ color:#666666; margin:0px 0px 0px 0%;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:20%; float:left;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:9.7%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}

.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#972f35; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}


/***商学院 s***/
.xyimg{ width:45%; float:left;}
.xyinfo{ width:52%; font-size:16px; float:right; padding-top:2%; color:#4c4c4c; line-height:30px;}
.xyinfo .tithead{ font-size:24px; color:#222222; margin-bottom:30px;}
.xytithead{ clear:both; font-size:24px; text-align:center; color:#222222; margin-bottom:30px; padding-top:65px;}
.xylist{ margin:0 0 0 -2.33333%;}
.xylist li{ width:31%; float:left; text-align:center; font-size:16px; margin:0 0 3% 2.33333%;}
.xylist li .imgbox{ padding-top:69%; margin-bottom:10px;}

@media ( max-width:640px){
.xyimg{ width:auto; float:none;}
.xyinfo{ width:auto; font-size:14px;float:none;line-height:24px;}
.xyinfo .tithead{ font-size:20px;margin-bottom:15px;}
.xytithead{ font-size:20px;margin-bottom:15px; padding-top:20px;}
.xylist{ margin-left:-2%;}
.xylist li{ width:48%;font-size:14px; margin-left:2%;}

}


/* 在线留言 */
/*Form002219*/
.Form002219{ padding-bottom:5%;}
.Form002219 dl{ width:48%; float:left;box-sizing: border-box; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;}
.Form002219 dl.odd{ margin-left:4%;}
.Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;}
.Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;}
.Form002219 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219 textarea{box-sizing: border-box; border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px; padding:10px; color:#5b5b5b;}
.Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;}
.Form002219 .submitbtn{ color:#fff; background-color:#972f35;} 
@media(max-width:640px){
.Form002219 dl{ float:none; width:100%; margin-left:0 !important;}	
.Form002219 textarea{ height:250px;}
}
@media(max-width:480px){
.Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}	
}