﻿@charset "utf-8";
body{ margin:0px; padding:0px 0px 0px; margin:0px auto; font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#333333; width:100%; min-width:1240px; width:expression((documentElement.clientWidth < 1240) ? "1240px" : "100%" );}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
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,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
table,td{border:1px #000 solid;border-collapse: collapse;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#333333; 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:#0b55a1;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tc{ text-align:center;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.Contain{ width:calc(100% - 20px);max-width:1280px;  margin:0px auto;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a9a9a9;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a9a9a9;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a9a9a9;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a9a9a9;
}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; border-top: 1px solid #eaeaea; padding-top:35px;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px 0px 3px; border-radius:4px; border:1px solid #dddddd; line-height:28px; color:#666666;}
.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; width:64px; text-align:center; vertical-align:middle;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#000;}
.Pages .p_page .num a{ display:inline-block; text-align:center; width:28px; margin-right:5px; vertical-align:middle;}
.Pages .p_page .num a:hover{ color:#fff; background:#003d97;}
.Pages .p_page .num a.a_cur{ background:#0e71b6; border:1px solid #0e71b6; color:#fff;}
/*pages end*/


/*Top*/
.top{ background: #fff; width:100%; position:fixed; left:0px; top:0px;}
.Toper{ text-align:right; color:#c0c0c0; line-height:39px; background:#383838;}
.Toper i{ width:36px; text-align:center; display:inline-block; height:39px; vertical-align:top;}
.Toper a.person{ margin-right:4px; display:inline-block; width:18px; height:16px; background:url(../images/person.png);filter:alpha(opacity=80);-moz-opacity: 0.8;opacity:0.8;}
.Toper a:hover.person{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.Header{width:calc(100% - 20px);max-width:1280px; margin:0px auto; height:113px; position:relative;}
.Header .Logo{ padding-top:34px; float:left;}
.Header .Search{ float:right; margin-top:40px; width:166px; height:28px; background:#f1f1f1; padding:5px 0px 0px 5px;}
.Header .Search .input{ float:left; width:135px; height:24px; line-height:24px; background:transparent; border:0px;}

.MainNav{ float:right; padding:12px 15px 0px 0px;}
.MainNav li{ float:left; margin-right:22px; position:relative; z-index:999;}
.MainNav li span a{ display:block; line-height:88px; height:88px; font-weight:bold; padding:0px 10px; font-size:16px;}
.MainNav li span a:hover{color:#0b55a1;}
.MainNav li span .sele{color:#0b55a1;}
.MainNav li.onnav span a{color:#0b55a1;}
.SubNav{ display:none; position:absolute; top:88px; left:-20px;width:148px; }
.SubNav .arr{ margin:0px auto; height:9px; background:url(../images/navarr.gif); width:16px;}
.SubNav dl{ padding:20px 10px 20px; border-top: 4px solid #0b55a1; background:#fff; line-height:30px;}
.SubNav dd{text-align:left;}
.SubNav dd a{ color:#666666; }
.SubNav dd a:hover{ color:#0b55a1;}
.SubNav.all{ width:572px;}
.SubNav.all .arr{ margin-left:44px;}
.SubNav.all dd{ padding-left:9px; width:265px; float:left;}
.SubNav.pro{width: 250px;}
.SubNav.pro dd{ padding-left:15px; text-align:left;}

/*Top*/

/*Bottom*/
.Footerbg{ background:#e5e5e5; padding:22px 0px 19px 0px;}
.Sitemap dl{ float:left;width:150px;}
.Sitemap dl dt{ line-height:26px; padding:29px 0px 10px; color:#333333; font-weight:bold;}
.Sitemap dl dd{line-height:28px;}
.Sitemap dl dd a{ color:#555555;}
.Sitemap dl dd a:hover{ color:#0b55a1; margin-left:6px;}
.Sitemap .Share{ background:url(../images/linebg.gif) 0px top repeat-y; width:230px; height:278px; padding-left:35px;}
.Sitemap .Share .sharebox{ padding-top:16px; width:150px;}
.Sitemap .Share .sharebox span{ display:block; padding-left:0px; line-height:44px;}
.Sitemap .Share .sharebox a{ position:relative; display:inline-block; margin:5px 15px 0px 8px; width:24px; height:24px;filter:alpha(opacity=22);-moz-opacity: 0.22;opacity:0.22;}
.Sitemap .Share .sharebox a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Sitemap .Share .sharebox a.sina{ background:url(../images/share.png) 0px top no-repeat;}
.Sitemap .Share .sharebox a.wx{ background:url(../images/share.png) -24px top no-repeat;}
.Sitemap .Share .sharebox a.qone{ background:url(../images/share.png) -48px top no-repeat;}
.Sitemap .Share .sharebox a.fb{ background:url(../images/share.png) -72px top no-repeat;}
.Sitemap .Share .sharebox a.in{ background:url(../images/share.png) -96px top no-repeat;}
.Sitemap .Share .sharebox a.tw{ background:url(../images/share.png) -120px top no-repeat;}
.Sitemap .Share .sharebox .ewm{ display:none; position:absolute; bottom:25px; left:-41px;}
.Sitemap .Share .sharebox a:hover .ewm{ display:block; border:5px solid #fff; width:100px; height:100px;}

.Sitemap .Share .ewmbox{ padding-top:10px;}
.Sitemap .Share .ewmbox .tit{ line-height:46px;}
.Sitemap .Share .ewmbox .img img{ display:block; width:72px; height:72px;   float:left; margin-right:4px;}

.Sitemap .Contact{ height:278px;background:url(../images/linebg.gif) 0px top repeat-y; float:right; width:316px; padding-left:61px;}
.Sitemap .Contact .company{ line-height:64px; font-size:24px; }
.Sitemap .Contact p{ margin-top:7px; padding:0px 0px 12px 41px;line-height:19px;}
.Sitemap .Contact .add{ background:url(../images/add.gif) 0px top no-repeat;}
.Sitemap .Contact .mail{ background:url(../images/mail.gif) 0px top no-repeat;}
.Sitemap .Contact .tel{ background:url(../images/tel.gif) 0px top no-repeat;}

.Bottom{ background:#383838; border-top: 1px solid #464646; height:37px; line-height:37px; color:#aaaaaa;}
.Bottom a{color:#aaaaaa;}.Bottom a:hover{color:#ffcc00;}
/*Bottom*/

/*首页*/
.HomeBan{ min-width:1200px; max-width:100%;position:relative; height:400px; margin-bottom:70px; overflow:hidden; margin-top:152px;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important;}
.HomeBan .bd li{ width:100% !important; height:400px;background-size: cover !important;}
.HomeBan .bd li a{ height:400px; display:block;}
.HomeBan .hd{ width:100%;position:absolute; z-index:2; bottom:30px; left:0; height:7px; line-height:7px; text-align:center;}
.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0px 5px;overflow:hidden;line-height:9999px; background:#fff; border-radius:50%;}
.HomeBan .hd ul .on{ background:#3761ac;}
.HomeBan .prev,
.HomeBan .next{ position:absolute;  left:15px; top: 50%; margin-top:-20px; display:none; width:40px; height:40px; overflow:hidden; background:url(../images/banarr.png) 0px top no-repeat; cursor:pointer;}
.HomeBan .next{ left:auto; right:15px; background-position:-40px 0; }
.HomeBan:hover .prev{ display:block;}
.HomeBan:hover .next{ display:block;}

.HomeTit{ width:308px; position:absolute; left:0px; top:0px;}
.HomeTit .en{ text-transform:uppercase; font-size:18px; color:#d1d1d1; line-height:22px; display:block; padding-top:9px;}
.HomeTit .cn{ line-height:32px; font-size:24px;}
.HomeTit .cn i{ color:#0f71b7;}
.HomeTit .line{ width:44px; margin:0px 0px 0px 3px; height:27px; border-bottom:2px solid #cccccc;}
.HomeTit a.more{ display:block; margin:73px 0px 0px 5px; width:302px; height:131px; background: #e7e7e7 url(../images/more.png) center center no-repeat;}
.HomeTit a:hover.more{background: #0f71b7 url(../images/more.png) center center no-repeat;}

.HomePro{position:relative; padding-left:301px;}
.HomePro li{ width:calc(100% / 3 - 22px); position:relative; float:left; margin:0px 0px 35px 20px; display:inline; text-align:center;border: 1px solid rgba(0,0,0,0);transition: all 0.3s;}
.HomePro li a{display: block;position:relative;}
.HomePro li .img{ width:100%; height:288px; display:flex;border:1px solid #eeeeee;align-items: center;justify-content: center;transition: all 0.3s;}
.HomePro li .img img{max-width: 100%;max-height: 288px;transition: all 0.3s;}
/* .HomePro li .info{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute; top:0; left:0px;height:100%; width:100%; background:rgba(0,0,0,0.3);display: flex;justify-content: center;align-items: center;} */
.HomePro li .info{padding-bottom: 10px;}
.HomePro li .info .tit{ line-height:29px; font-size:14px; padding:12px 0px 10px 11px;text-align: center;font-weight: bold;transition: all 0.3s;}
.HomePro li .info p{ display:none;}
.HomePro .more{font-size: 12px;display: block;text-align: center;color: #b2b2b2;width: 98px;line-height: 28px;border: 1px solid #cbcbcb;margin: 0px auto;transition: all 0.3s;}


.HomePro li:hover{ border:1px solid #eeeeee; background:#fff;}
.HomePro li:hover .img{border: 1px solid rgba(0,0,0,0);}
.HomePro li:hover .img img{transform: scale(0.85);}
.HomePro li:hover .more{ color:#fff; background:#0e71b6;}
.HomePro li:nth-child(3n+1){clear: both;}

/* .HomePro li:hover .info{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/filter82.png);flex-direction: column;} */
/* .HomePro li:hover .info .tit{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; line-height:56px; height:56px; overflow:hidden; font-size:20px; font-weight:bold; padding-top:15px; color:#fff;}
.HomePro li:hover .info p{ display:block; height:71px; padding:0px 35px;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6; color:#fff;}
.HomePro li:hover .info .more{ display:block; width:57px; height:20px; margin:0px auto; background:url(../images/more2.png);} */
.HomePro li:hover:hover  .tit{color: #0f71b7;}

.HomeIndustry{position:relative; padding-left:301px;}
.HomeIndustry ul{ padding-top:14px;}
.HomeIndustry li{ width:calc(100% / 3 - 20px); margin:0px 0px 20px 20px; float:left; display:inline; position:relative;}
.HomeIndustry li img{width: 100%;}
.HomeIndustry li .icon{ width:55px; height:62px; display:inline-block; vertical-align:top; margin-right:10px; position:relative;display: none;}
.HomeIndustry li a{ display:block; color:#333; font-size:16px; text-align:center; line-height:30px;}
.HomeIndustry li a:hover{ background:url(../images/filter82.png);}

.HomeIndustry li a .i1,.HomeIndustry li a .i2{ display: none; width: 55px; height: 62px; position: absolute; left:0%;top: 0px;}
.HomeIndustry li .i1{ transition: 400ms;}
.HomeIndustry li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeIndustry li .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeIndustry li .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); }
.HomeIndustry li:hover{ background:#0f71b7;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeIndustry li:hover a{ color:#fff;}

.Homebg{background:#f2f2f2; padding-bottom:28px;}
.Homebg .Contain{ position:relative; }
.Homebg .line{ width:500px; background:url(../images/linebg2.gif) 0px center repeat-x; position:absolute; left:-530px; top:19px; height:151px;}
.HomeNews{ width:821px; float:left; padding-top:19px;}
.HomeNews .thead{ background:url(../images/linebg2.gif) 0px center repeat-x; height:151px; line-height:151px;}
.HomeNews .thead i{ display:inline-block; padding-right:35px; background:#f2f2f2; font-size:28px;}
.HomeNews .hd{ height:79px; margin-left:7px;}
.HomeNews .hd li{ line-height:40px; float:left; width:107px; text-align:center; font-size:18px; cursor:pointer;}
.HomeNews .hd li a{ color:#333; display:block; background:url(../images/navline.gif) right center no-repeat;}
.HomeNews .hd li.on a{ color:#fff; font-weight:bold; background:#0e71b6;}
.HomeNews .hd li:last-child a{ background:none;}
.HomeNews .hd li.on:last-child a{ background:#0e71b6;}
.HomeNews .bd li{ height:106px; padding-left:168px; position:relative;}
.HomeNews .bd li .img{ position:absolute; left:0px; top:0px;}
.HomeNews .bd li .img img{ display:block; width:135px; height:87px;}
.HomeNews .bd li .tit{ font-weight:normal; line-height:30px; padding-bottom:10px; font-size:16px;}
.HomeNews .bd li .p{ padding-left:62px; position:relative; line-height:18px; color:#898989;}
.HomeNews .bd li .date{ position:absolute; text-align:center; width:50px; display:block; left:0px; top:2px; line-height:16px; font-size:12px; color:#7393d7;}
.HomeNews .bd li .date b{ display:inline-block; width:42px; line-height:21px; background:#c3c3c3; color:#fff; font-size:24px;}
.HomeNews .bd li:hover .tit a{ font-weight:bold;color:#0e71b6;}
.HomeNews .bd li:hover .date b{ background:#0e71b6;}
.HomeRight{ width:361px; float:right; padding-top:81px;}
.HomeRight .Ewm{ padding:16px 0px 0px 12px; height:97px; border:1px solid #bbbbbb; margin-bottom:16px; display:none;}
.HomeRight .Ewm .img{ margin-left:7px; display:inline; float:left; width:67px; line-height:22px; color:#666666; padding:22px 0px 0px 97px; position:relative;}
.HomeRight .Ewm .img img{ position:absolute; left:0px; top:0px; border:6px solid #fff; width:77px; height:77px;}
.HomeRight .othernav{ width:373px; margin-left:-12px;}
.HomeRight .othernav li{ text-align:center; border:1px solid #bbbbbb; width:172px; float:left; display:inline; height:67px; margin:0px 0px 14px 12px;}
.HomeRight .othernav li{ text-align:center; border:1px solid #bbbbbb; width:172px; height:67px; margin:0px 0px 14px 12px;}
.HomeRight .othernav .icon{ width:36px; height:34px; display:inline-block; vertical-align:top; margin-right:13px; position:relative;}
.HomeRight .othernav a{ display:block; color:#666666; font-size:16px; text-align:center; padding-top:16px; line-height:34px; height:51px;}
.HomeRight .othernav a .i1,.HomeRight .othernav a .i2{ display: block; width: 36px; height: 34px; position: absolute; left:0%;top: 0px;}
.HomeRight .othernav li .i1{ transition: 400ms;}
.HomeRight .othernav li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeRight .othernav li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeRight .othernav li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); }
.HomeRight .othernav li:hover{ background:#0f71b7;}
.HomeRight .othernav li:hover a{ color:#fff;}

.HomeRight .video{ background:url(../images/vbg.png) no-repeat center; height:292px; cursor:pointer; clear:both; position:relative;}
.HomeRight a.play{ width:100%; height:292px; position:absolute; left:0px; top:0px; z-index:1;}
.HomeRight a.play span{ background:url(../images/filter52.png); display:block; height:300px; width:100%; left:0px; top:0px; position:absolute;}
.HomeRight a.play i{ display:block; background:url(../images/play.png) center center no-repeat; width:100%; height:300px; position:absolute; left:0px; top:0px;}
.HomeRight a:hover.play i{ background:url(../images/playon.png) center center no-repeat;}
.HomeRight .video video{object-fit: fill;background:url(../images/vbg.png) no-repeat center}

/*栏目页*/
.SubPage{ background:#fff; height:auto !important; height:280px; min-height:280px; padding-bottom:50px;}
.SubBan{ height:280px; margin-top:152px;}

.Current{ line-height:51px; color:#555555; font-size:12px;}
.Current span{color:#0055c9;}
.Current a{ color:#555555;}.Current a:hover{ color:#0055c9;}
.LeftBar{ width:220px; float:left;}
.RightBar{ width:1020px; float:right;}
.ColumnName{ color:#fff; font-size:18px; padding-left:21px; line-height:60px; background:#0e71b6;}
.Columnsname{ background:url(../images/icon.gif) 0px center no-repeat; line-height:59px; border-bottom:1px solid #eaeaea; font-size:20px; color:#0670ba; padding-left:10px;}
.MenuList li{}
.MenuList li a{display:block; padding:10px 38px 10px 30px; position:relative; background:#f6f6f6;line-height:26px;}
.MenuList li a:hover,.MenuList li.onli a{ background:#e8edf1;}
.MenuList li .arr{ position:absolute; background:url(../images/menuarr.png) 0px top no-repeat; width:14px; height:14px; top:18px; display:none; right:15px;}
.MenuList li a:hover .arr,.MenuList li.onli a .arr{ display:block;}
.MenuList.pull li{ margin-bottom:1px;}
.MenuList.pull li span a{ background:#d9e6ef;}
.MenuList.pull li .arr{ display:block;}
.MenuList.pull li a:hover .arr,.MenuList.pull li.onli a .arr{ background:url(../images/menuarr.png) -14px top no-repeat;}

.MenuList .sub{ display:none; background:#f6f6f6; padding:17px 10px 8px 15px;}
.MenuList .sub dd{ line-height:20px;}
.MenuList .sub dd a{ display:block; padding:0px 0px 0px 18px; line-height:20px; background:none;margin:3px 0;}
.MenuList .sub dd a.cur{ color:#0e71b6;}
.MenuList .sub2{ display:none; background:#f6f6f6; padding:17px 10px 8px 15px;}

.MenuList li.onli .sub{ display:block;}

.SinglePage{ word-wrap:break-word; padding-top:22px;}
.SinglePage img{ max-width:1020px;}

@media(max-width:1281px){
    .RightBar{ width:980px;}
}

.HrList{ margin:29px 0px;}
.HrList .thead{ background:#0e71b6; color:#fff; font-weight:bold;}
.HrList .thead td{ line-height:36px; text-align:center; border-left:1px solid #e0e0e0;}
.HrList .item{ color:#222222;}
.HrList .item table{ border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.HrList .item table td{ line-height:26px; padding:5px; text-align:center; font-size:12px; border-right:1px solid #e2e2e2;}
.HrList .item a.detail{ color:#0e71b6; padding-right:13px; background:url(../images/hrarr.gif) right center no-repeat;}
.HrList .item .textcon{ display:none; line-height:25px; font-size:12px; padding:11px 25px 17px 25px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2; border-bottom:1px solid #e0e0e0;}
.HrList .item .textcon .con{ width:460px; float:left; padding:0px 20px 11px 0px;}
.HrList .item .textcon .con .h3{ color:#0e71b6; font-size:12px;}
.HrList .item a.apply{ text-align:center; color:#fff; display:inline-block; font-size:14px; width:91px; line-height:32px; background:#097adc;}
.HrList .item a:hover.apply{ color:#ffcc00;}
.HrList .item.current a.detail{ background:url(../images/hrarr2.gif) right center no-repeat;}
.HrList .item.current .textcon{ display:block;}

.JobForm{ margin:28px 0px 0px 0px;}
.JobForm .f1{ font-size:18px; color:#333333; padding:35px 0px 5px 280px; height:32px;}
.JobForm td{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:300px; height:28px; line-height:28px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:15px; width:110px; height:39px; text-align:center; background:#0e71b6; margin-right:15px; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:15px; width:110px; height:39px; text-align:center; background:#525252; color:#fff; border:0px; cursor:pointer;}

.NewsList { margin:29px 0px 0px 0px;}
.NewsList li{ height:155px; padding-left:202px; position:relative;}
.NewsList li .img{ position:absolute; left:0px; top:0px;}
.NewsList li .img img{ display:block; width:175px; height:113px;}
.NewsList li .tit{ font-weight:normal; line-height:30px; padding-bottom:10px; font-size:16px;}
.NewsList li .p{ padding-left:62px; position:relative; line-height:23px; color:#898989;}
.NewsList li .date{ position:absolute; text-align:center; width:50px; display:block; left:0px; top:5px; line-height:16px; font-size:12px; color:#7393d7;}
.NewsList li .date b{ display:inline-block; width:42px; line-height:21px; background:#c3c3c3; color:#fff; font-size:24px;}
.NewsList li:hover .tit a{ font-weight:bold;color:#0e71b6;}
.NewsList li:hover .date b{ background:#0e71b6;}

.VideoList{ width:1048px; margin:29px 0px 0px -28px; padding-bottom:10px;}
.VideoList li{ text-align:center; position:relative; width:320px; height:310px; margin-left:28px; float:left; display:inline;}
.VideoList img{ display:block; margin-bottom:8px; width:320px; height:260px;}
.VideoList a.play{ width:100%; height:310px; position:absolute; left:0px; top:0px; z-index:1;}
.VideoList a.play span{ background:url(../images/filter52.png); display:block; height:260px; width:100%; left:0px; top:0px; position:absolute;}
.VideoList a.play i{ display:block; background:url(../images/play.png) center center no-repeat; width:100%; height:260px; position:absolute; left:0px; top:0px;}
.VideoList a:hover.play i{ background:url(../images/playon.png) center center no-repeat;}

.ProList{ width:1077px; margin:28px 0px 0px -57px;}
.ProList li{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; width:300px; height:428px; margin:0px 0px 30px 57px; float:left; border:1px solid #fff;}
.ProList li .img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border:1px solid #eeeeee;}
.ProList li .img img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; display:block; width:298px; height:288px;}
.ProList li .tit{ line-height:29px; font-size:14px; padding:12px 0px 0px 11px;}
.ProList li .p{ padding:0px 11px; line-height:18px; height:49px; font-size:12px; color:#787878;}
.ProList li .more{ font-size:12px; display:block; text-align:center; color:#b2b2b2; width:98px; line-height:28px; border:1px solid #cbcbcb; margin:0px auto;}
.ProList li:hover{ border:1px solid #eeeeee; background:#f2f2f2; padding-top:19px; height:409px;}
.ProList li:hover .img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; border:1px solid #eeeeee; margin:0px 19px;}
.ProList li:hover .img img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; display:block; width:258px; height:248px;}
.ProList li:hover .more{ color:#fff; background:#0e71b6;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.ProList li:hover .tit{ padding-left:19px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.ProList li:hover .p{ padding:0px 19px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.Titleinfo{ padding:24px 0px 15px 0px; text-align:center; color:#b8b8b8; margin:0px 0px 5px; border-bottom:1px solid #eaeaea;}
.Titleinfo .tit{ font-weight:normal; font-size:22px; padding-bottom:10px; color:#0e71b6;}
.Titleinfo .date i{ margin:0px 21px;}
.Titleinfo  .share{ display:inline-block; *display:inline; zoom:1;}

.PrevNextBox { border-top:1px solid #e9e6e6; margin:40px 0px 0px 0px; padding-top:16px; border-top:1px dashed #b8b8b8; position:relative; color:#888888;}
.PrevNextBox dl{ padding-left:56px; position:relative; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666;}.PrevNextBox a:hover{ color:#e52613;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}
a.Back{ position:absolute; right:0px; top:18px; width:55px; line-height:26px; background:#aaa; color:#fff; font-size:12px; border-radius:4px; text-align:center; z-index:1;}
a:hover.Back{ color:#ffcc00;}

.Bigimg{ text-align:center;}
.Bigimg img {width:33%;}
.DetailInfo{ margin-top:25px;font-size: 12px;}
.DetailInfo .hd{ border-bottom:2px solid #0e71b6; padding-bottom:2px; height:45px; line-height:45px;}
.DetailInfo .hd li{ float:left; text-align:center; margin-right:2px; cursor:pointer; color:#000000; font-size:16px; padding:0px 30px; background:#f0f0f0;}
.DetailInfo .hd li.on{ color:#fff; background:#0e71b6;}
.DetailInfo .con{ line-height:27px; padding:24px 0px;}
.DetailInfo .con p{ }
.DetailTip{ color:#111111; padding:38px 0px 20px 0px; line-height:30px; font-size:16px;}

.Messages{ position:relative;}
.Messages dl{ padding-bottom:20px; line-height:45px; position:relative; z-index:2;}
.Messages dl dt{ text-align:right; width:100px; padding-right:14px; font-size:14px; float:left;}
.Messages dl dd{ float:left;}
.Messages dl .input{ background:#fff; border:1px solid #e8e8e8; text-indent:1em; width:398px; height:43px; line-height:43px;}
.Messages dl .inputcode{ border:1px solid #e8e8e8; text-indent:1em; width:100px; height:43px; line-height:43px;}
.Messages dl.other{ padding-left:114px;}
.Messages dl .sendbtn{ margin:0px 10px; font-size:16px; color:#fff; cursor:pointer; width:120px; height:45px; background:#0e71b6;}
.Messages dl .resetbtn{ font-size:16px; color:#fff; cursor:pointer; width:120px; height:45px; background:#4a4f53;}
.Messages .img{ position:absolute; bottom:-40px; right:0px;}
.Messages dl.w1{ width:443px; float:left;}
.Messages dl.w1 .input{ width:318px; float:left;}
.Messages dl .textarea{ background:#fff; border:1px solid #e8e8e8; width:761px; height:78px; padding:10px;}
.Messages dl .textarea textarea{ border:0px; width:100%; height:78px;}

.Down{ background:#f8f8f8; line-height:55px; height:55px; font-size:16px; font-weight:bold; color:#0e71b6; margin-top:20px; clear:both;}
.Down a{ font-size:18px; font-weight:normal; color:#fff; float:left; display:block; margin-right:28px; background: #0e71b6 url(../images/down.png) 17px center no-repeat; padding-left:65px; width:135px;}
.Down a:hover{ color:#ffcc00;}

.Downtit{ padding-top:13px; line-height:56px; color:#0e71b6; font-size:20px;}

.DownList{ width:1055px; margin-left:-35px;}

.DownList li{ width:306px; height:65px; float:left; position:relative; margin:0px 0px 20px 45px; background:#f6f6f6;overflow: hidden;}
.DownList li .tit{ padding:10px 100px 0px 10px; font-size:14px;}
.DownList li .down{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color:#6b798e; text-align:center; display:block; position:absolute; right:0px; top:0px; padding-top:34px;height:30px; width:90px; background: #eeeeee url(../images/down.png) center 10px no-repeat;}
.DownList li a{ display:block;}
.DownList li:hover .down{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color:#fff; background: #548dd4 url(../images/down2.png) center 10px no-repeat;}

@media ( max-width:998px){
.DownList{ width:100%; margin:30px 0px 0px 0px;}
.DownList li{ width:33.333%; float:left; position:relative; margin:0px 0px 40px 0px; background:none;overflow: hidden;}
.DownList li .box{background:#f6f6f6; height:90px; margin:0px 10px;}
.DownList li .tit{ padding:34px 100px 0px 10px; font-size:16px;width:65%;display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.DownList li .down{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color:#6b798e; text-align:center; display:block; position:absolute; right:0px; top:0px; padding-top:54px;height:34px; width:90px; background: #eeeeee url(../images/down.png) center 14px no-repeat;}
.DownList li a{ display:block;}
.DownList li:hover .down{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color:#fff; background: #548dd4 url(../images/down2.png) center 14px no-repeat;}
}
@media ( max-width:768px){
.DownList{ width:100%; margin:30px 0px 0px 0px;}
.DownList li{ width:33.333%; float:left; position:relative; margin:0px 0px 40px 0px; background:none;}
.DownList li .box{background:#f6f6f6; height:auto; margin:0px 10px;}
.DownList li .tit{ padding:10px 10px 10px 10px; font-size:16px;width:auto;text-align:center;}
.DownList li .down{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color:#6b798e; text-align:center; display:block; position:static; right:0px; top:0px; padding-top:45px;height:34px; width:auto; background: #eeeeee url(../images/down.png) center 8px no-repeat;}
.DownList li a{ display:block;}
.DownList li:hover .down{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; color:#fff; background: #548dd4 url(../images/down2.png) center 14px no-repeat;}
}

.Hyyy li{height:142px;}
.Hyyy li .date{display:none;}
.Hyyy li .p{padding-left:0;}