@charset "utf-8";
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
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:12px; 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;}
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; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;} 
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1200{max-width:1200px; min-width:320px; margin:0px auto;}
.relative{position: relative;}
.wow{visibility: hidden;}

.f_red{color:#e60122;}

@media ( max-width:1200px){
.w1200{padding:0 15px;}
}

.pdf{background-image: url(../images/pdf.gif)}

/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban{position: relative;}
.Ban img{display: block; width: 100%;}
.Ban .txt{position: absolute; width: 100%; left: 0px; top: 50%; margin-top: -48px; text-align: center; color: #fff;}
.Ban .txt h3{font-size: 40px; line-height: 60px;}
.Ban .txt p{font-size: 16px; line-height: 36px;}

.Title02{text-align: center;}
.Title02 h3{font-size: 36px; line-height: 50px; margin-bottom: 18px; color: #333333;}
.Title02 p{font-size: 16px; line-height: 24px; color: #808080;}
.whitetxt h3,.whitetxt p{color: #fff;}

.Menus{border-bottom: 1px solid #e6e6e6;}
.Menus a{display: inline-block; font-size: 16px; color: #666666; line-height: 64px; border-bottom: 2px solid #fff; margin-right: 4%;}
.Menus a.on,.Menus a:hover{color: #00459a; border-bottom: 2px solid #00459a;}

.ProMenus .w1200{position: relative;}
.ProMenus .slides li{text-align: center;}
.ProMenus .slides li a{display: inline-block;; color: #666666; font-size: 16px; line-height: 64px; border-bottom: 2px solid #fff;}
.ProMenus .slides li.on a{color: #00459a; border-bottom: 2px solid #00459a;}
.ProMenus .flex-direction-nav a{position:absolute; width:19px; height:19px; margin-top: -5px; top:50%; line-height:1000px; text-indent:99999em; overflow:hidden; z-index:9; opacity: 1; border-radius: 50%; background-repeat: no-repeat; background-position: center center;}
.ProMenus .flex-direction-nav .flex-prev{background-image:url(../images/left2.png); left:-20px;}
.ProMenus .flex-direction-nav .flex-next{background-image:url(../images/right2.png); right:-20px;}

/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:34px; padding-bottom:40px}
.Pages a{display:inline-block; padding:0px 15px; border: 1px solid #e6e6e6; color:#666666; margin:0px 4px;}
.Pages .a_prev,.Pages .a_next{display:inline-block;}
.Pages .num a:hover{color:#fff; background:#00459a; border: 1px solid #00459a;}
.Pages .current{color:#fff; background:#00459a; border: 1px solid #00459a; padding:6px 15px; margin:0px 4px; }

.Pages .p_count{padding: 0px 6px; border: 1px solid #e6e6e6; display: inline-block; margin-left: 4px;}
.Pages .i_text{border: 1px solid #ddd;width: 40px;height: 25px;}
.Pages .i_button {  width:32px; height:20px; cursor:pointer; border:none;    background: #00459a;color:#fff;width:50px;height:36px;} 
/*pages end*/

@media ( max-width:1024px){
    .ProMenus .flex-direction-nav .flex-prev{left: 10px;}
    .ProMenus .flex-direction-nav .flex-next{right:10px;}
}

@media ( max-width:1024px){
    .Title02 h3{font-size: 25px;}
    .Ban .txt h3{font-size: 25px; line-height: 40px;}
    .Menus{text-align: center;}
    .Menus .w1200{padding: 0;}
    .Productbody .Menus a{margin: 0 1%; width: auto;}
}

@media ( max-width:768px){
    .Ban .txt{display: none;}
    .Title02 h3{font-size: 20px;}
    .Title02 h3{line-height: 30px; margin-bottom: 10px;}
    .Menus a{line-height: 48px;}
    
}

@media ( max-width:640px){
    .Title02 p{font-size: 14px; line-height: 20px;}
    .Menus a{margin: 0 1.5%;}
}

@media ( max-width:480px){
    .Menus a{margin: 0; width: 20%; font-size: 14px;}
    .Productbody .Menus a{line-height: 40px;}
    .Pages{line-height: 26px; font-size: 12px;}
    .Pages a{padding: 0px 6px;}
}




/*Top*/
.Header{padding-bottom: 12px; background:#F3F3F3;}
.Top{position:relative;}
.toptxt{line-height: 24px; text-align: right; padding-right: 100px;}
.toptxt a{display: inline-block; margin: 0px 12px; position: relative;}
.toptxt img{display: inline-block; vertical-align: middle;}
.toptxt .t1{padding-left: 23px; background: url(../images/t1.png) no-repeat left center; font-size: 14px; color: #808080;}
.toptxt .weixin{display: none; position: absolute; top: 100%; left: 50%; width: 120px; margin-left: -60px; z-index: 9;}
.toptxt .t2:hover .weixin{display: block;}
.Logo{width:400px; float:left; padding:20px 0px 0px 0px;}
.Logo img{display:block;}
.Search{position:absolute; top:100%; right:0px; text-align: left; background:#fff; border:2px solid #005bab; width:220px; display:none; z-index:999;}
.Search .input{width:150px; padding:0px 10px; height:28px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:28px; width:50px; text-align:center; font-size:14px; color:#fff; background:#005bab; position:absolute; top:0px; right:0px;}
.Nav{float:right; width:730px; padding-top:15px}
.Nav li{float:left; padding: 0px 17px 0px 17px; background:url(../images/navline.png) no-repeat left center; position:relative;}
.Nav li.xx{ padding:32px 0px 0px 0px;}
.Nav li:nth-last-child(3){padding-right: 0;}
.Nav li:first-child{background: none;}
.Nav li.en{position: absolute; top: 0px; right: 0px;}
.Nav li.en img{ vertical-align: middle}
.Nav li.en .am{color: #999; font-size: 14px; line-height: 24px;}
.Nav li .am{display:block; font-size:16px; line-height:75px; color:#4c4c4c;}
.Nav li .foldbtn{position: absolute; display: none; width: 70px; height: 70px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{color:#005bab;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; background:url(../images/opacity.png) repeat; padding:15px 0px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#005bab;}


.Banner .slides img{display:block; width:100%;}
.Banner .flex-control-nav{height:10px; line-height:10px; bottom:30px;}
.Banner .flex-control-paging li{margin:0px 6px;}
.Banner .flex-control-paging li a{width:10px; height:10px; background:#fff; border-radius:50%;}
.Banner .flex-control-paging li .flex-active{background:#3eb9f2; border-radius:10px; width: 40px;}



@media ( max-width:1300px){
    .Tright{width:88%;}
}

@media ( max-width:1190px){
    .Header{padding-bottom: 0;}
    .toptxt a{display: none;}
    .toptxt .sbtn{display: block; position: absolute; right: 70px; top: 50%; height: 14px; line-height: 14px; margin-top: -7px;}
    .Logo{padding: 15px 0px;}
}


@media ( max-width:1024px){
    .Tright{width:auto; margin-right:80px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; background:rgba(0,0,0,.95); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:100%; text-align:left; padding: 0; background: none;}
    .Nav li.en{position: static;}
    .Nav li .am,.Nav li.en .am{padding:10px 0px; color:#fff; line-height:50px; font-size:20px; padding-left:40px;}
    .Nav li:hover .am, .Nav li.active .am{background:none;}
    .Nav li .foldbtn{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; font-size: 16px;}
    .Nav li.on .foldbtn{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}
    .Banner .flex-control-nav{bottom: 15px;}
}

@media ( max-width:850px){
    .Logo{width:400px;}
    .Tright .sbtn{margin-top:30px;}
}

@media ( max-width:480px){
    .Logo{width: 200px;}
    .Showbox{width: 100%;}
}
 

/*bottom*/
.Footerbg{background: #f6f4f7;}
.Footer{border-bottom: 1px solid #e6e6e6; padding: 3% 0 2%;}
.Sitepath{width: 69%; float: left; background: url(../images/line3.png) no-repeat right 20px;}
.Sitepath dl{width: 16.66666%; float: left;}
.Sitepath dl dt{font-size: 16px; line-height: 50px; color: #4c4c4c; background: url(../images/line4.png) no-repeat left bottom; margin-bottom: 7px;}
.Sitepath dl dd a{display: block; line-height: 32px; color: #808080;}

.BContact{width: 312px; float: right; margin-top: 20px;}
.BContact .txt{width: 168px; float: left; color: #4c4c4c;}
.BContact .txt p{font-size: 14px; line-height: 14px;}
.BContact .txt .num{display: block; margin: 10px 0px 20px; font-size: 22px;  font-family: Arial;}
.BContact .txt i{display: none; width: 30px; height: 2px; background: #fe0e00;}
.BContact .txt .share{line-height: 24px; margin-top: 14px; color: #808080; display: none;}
.BContact .txt .share a{display: inline-block; vertical-align: middle; margin: 0px 5px; width: 24px; height: 24px;}
.BContact .txt .share a.b1{background-image: url(../images/b1.png);}
.BContact .txt .share a.b2{background-image: url(../images/b2.png);}
.BContact .txt .share a.b1:hover{background-image: url(../images/bon1.png);}
.BContact .txt .share a.b2:hover{background-image: url(../images/bon2.png);}
.BContact .weixin{width: 120px; float: right;}
.BContact .weixin img{display: block; width: 100%;}
.BContact .weixin .name{display: block; line-height: 24px; margin-top: 6px; color: #808080; text-align: center;}

.Bottom{padding: 2% 0; line-height: 30px; color: #808080;}
.Bottom i{padding: 0px 20px; color: #ccc;}
.Bottom a{color: #808080;}
.Bottom .Bmenu{float: left;}
.Bottom .txt{float: right;}

@media ( max-width:1024px){
.Footer{display: none;}
.Bottom .Bmenu,.Bottom .txt{width: 100%; float: none; text-align: center;}
}

@media ( max-width:640px){
    .Bottom{padding: 20px 0px; line-height: 26px;}
    .Bottom i{padding: 0px 10px;}
}


/*index*/
.p3{padding: 3% 0;}
.p33{padding: 3% 0 0 0;}
.p4{padding: 4% 0;}
.Title01{position: relative; padding-left: 40px;}
.Title01 h3{display: block; font-size: 26px; color: #333333; line-height: 36px; font-weight: bold;}
.Title01 p{display: block; font-size: 16px; line-height: 22px; color: #b2b2b2; font-family: Arial;}
.Title01 i{position: absolute; left: 0px; top: 16px; width: 20px; height: 5px; background: #2b5fa1;}
.Title01 .more{float: right; width: 120px; line-height: 36px; margin-top: 10px; font-size: 14px; text-align: center; background: #005DAD; background-size: cover; color: #fff; border-radius: 25px; box-shadow: 0px 0px 10px #ADC7E1;}

.HomeNews .hd{width: 50%; text-align: right; position: absolute; right: 0px; top: 10px;}
.HomeNews .hd li{width: 118px; line-height: 34px; border: 1px solid #e6e6e6; font-size: 14px; border-radius: 20px; margin-left: 20px; display: inline-block;}
.HomeNews .hd li a{display: block; text-align: center; color: #808080;}
.HomeNews .hd li.on a{background: #005DAD; background-size: cover; color: #fff; border-radius: 20px; }

.NewsBox{margin-top: 3%;}
.NewsBox .more{display: block; width: 198px; line-height: 42px; margin: 3% auto 0; border: 1px solid #e6e6e6; font-size: 16px; color: #999999; text-align: center; border-radius: 25px;}
.NewsBox .more:hover{background: url(../images/libg.png) repeat-y center center; background-size: cover; color: #fff; border-radius: 25px; box-shadow: 0px 0px 30px #b5d8ef;}
.NewsBox .date{position: absolute; width: 55px; top: 0px; font-family: Arial; line-height: 26px; text-align: center; background-image: url(../images/line1.png); background-repeat: no-repeat;}
.NewsBox .date span{display: block; font-size: 36px; color: #dedede;}
.NewsBox .date em{display: block; font-size: 14px; color: #cccccc;}
.NewsBox .txt .name{display: block; font-size: 18px; color: #4c4c4c; line-height: 18px; margin-bottom: 15px; height: 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.NewsBox .txt .info{font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; color: #b2b2b2;}

.NewsBox .newstop{width: 48.333%; float: left;}
.NewsBox .newstop .pic img{display: block; width: 100%;}
.NewsBox .newstop .box{margin-top: 24px; padding-left: 96px;}
.NewsBox .newstop .date{padding-right: 22px; background-position: right center; left: 0px;}

.NewsBox .list{width: 48%; float: right;}
.NewsBox .list li{position: relative; right: 0px; padding-right: 95px; margin-bottom: 7.5%;}
.NewsBox .list li:last-child{margin-bottom: 0;}
.NewsBox .list .date{right: 0px; background-position: left center; padding-left: 12px;}

.EleList li{width: 18.4%; float: left; margin: 0 2% 1% 0;}
.EleList li:nth-child(5n){margin-right: 0;}
.EleList li .effect-img{border: 1px solid #e6e6e6;}
.EleList li .effect-img img{display: block; width: 100%; height: 235px;}
.EleList li .name{display: block; font-size: 14px; color: #4c4c4c; height: 48px; line-height: 48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center;}

.HomePlan{background: #f6f4f7; padding: 2.5% 0;}
.PlanSlider{margin-top: 2%; position: relative; padding-bottom: 44px;}
.PlanSlider li{position: relative; overflow: hidden;}
.PlanSlider li .effect-img img{display: block; width: 100%;}
.PlanSlider li .box{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 9;}
.PlanSlider li .txt{position: absolute; left: 6%; right: 6%; bottom: -50px; height: 133px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.PlanSlider li .txt h3{font-size: 20px; line-height: 32px; color: #fff;}
.PlanSlider li .txt p{font-size: 16px; line-height: 26px; font-family: Arial; color: rgba(255,255,255,.7);}
.PlanSlider li .txt .more{display: block; opacity: 0; margin-top: 35px;}
.PlanSlider li:hover .txt{bottom: 50%; margin-bottom: -66px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.PlanSlider li:hover .txt .more{opacity: 1;}
.PlanSlider .flex-control-nav{height:14px; line-height:14px; bottom:0px;}
.PlanSlider .flex-control-paging li{margin:0px 3px;}
.PlanSlider .flex-control-paging li a{width:14px; height:14px; background:url(../images/arrow.png) no-repeat left top;}
.PlanSlider .flex-control-paging li .flex-active{background:url(../images/arrow.png) no-repeat left bottom;}

.HomeAbout{background-image: url(../images/aboutbg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center;}
.HomeAbout h2{font-size: 40px; color: #fff; line-height: 40px; padding-top:50px}
.HomeAbout .info{margin: 4% 0; font-size: 16px; line-height: 30px; color: #fff;}
.HomeAbout dl{background-image: url(../images/lines.png); background-repeat: repeat-x; background-position: left center; margin-top:100px; margin-bottom:50px}
.HomeAbout dl dd{float: left; min-width: 180px; color: #fff; padding: 0px 0px 37px 0px; text-align: left; background-image: url(../images/dot.png); background-position: left bottom; background-repeat: no-repeat;}
.HomeAbout dl dd:nth-child(2n){margin-top: 95px; background-position: left top; padding: 40px 0px 0px 0px;}
.HomeAbout dl dd .con{margin-left: 13px; padding-left: 18px; height: 89px; background-image: url(../images/lines2.png); background-repeat: no-repeat; background-position: left top;}
.HomeAbout dl dd .con .icon{display: inline-block;}

.HomeAbout dl dd .name{font-size: 16px; line-height: 30px;}
.HomeAbout dl dd .name i{font-size: 12px; font-weight: bold; padding-right: 5px;}

.HomeProduct .Title01{display: none;}
.HomeProduct{background: #f6f4f7; padding-top: 0.1%;}
.HomeProduct .list{margin-top: 2%;}
.HomeProduct li{width: 25%; float: left; background: #fff; position: relative; border-bottom: 1px solid #e6e6e6;}
.HomeProduct li a{display: block; border-right: 1px solid #e6e6e6; }
.HomeProduct li:nth-child(4n) a{border-right: 1px solid #fff;}
.HomeProduct li .effect-img img{display: block; width: 100%; height: 239px;}
.HomeProduct li .name{position: relative; z-index: 5; display: block; line-height: 53px; height: 53px; overflow: hidden;  font-size: 14px; color: #4c4c4c; text-align: center;}
.HomeProduct li .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,91,171,0.6); z-index: 2; opacity: 0; display:none;}
.HomeProduct li:hover .name{color: #fff; background:#005DAD;}
.HomeProduct li:hover .mask{opacity: 1;}


.HomeProduct2 .Title01{ margin-top:50px}
.HomeProduct2{background: #f6f4f7; padding-top: 0.1%;}
.HomeProduct2 .list{margin-top: 2%;}
.HomeProduct2 li{width: 330px; float: left; background: #fff; position: relative; border-bottom: 1px solid #e6e6e6;;}
.HomeProduct2 li a{display: block; border-right: 1px solid #e6e6e6; }
.HomeProduct2 li:nth-child(4n) a{border-right: 1px solid #fff;}
.HomeProduct2 li .effect-img img{display: block; width: 100%; height: 239px;}
.HomeProduct2 li .name{position: relative; z-index: 5; display: block;line-height: 53px; height: 53px; overflow: hidden; margin-bottom:0px; font-size: 14px; color: #4c4c4c; text-align: center;}
.HomeProduct2 li .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,91,171,0.6); z-index: 2; opacity: 0; display:none}
.HomeProduct2 li:hover .name{color: #fff; background:#005DAD;}
.HomeProduct2 li:hover .mask{opacity: 1;}



.HomeWebsite{background: #0b3366;}
.HomeWebsite h2{font-size: 26px; color: #fff; line-height: 30px;}
.HomeWebsite .box{position: absolute; top: 20px; right: 30px; padding-left: 60px; width: 240px;}
.HomeWebsite .box .line{position: absolute; left: 0px; bottom: 25px; width: 60px; height: 42px; background-image: url(../images/line2.png); background-repeat: no-repeat; background-position: center center;}
.HomeWebsite .box .txt{padding: 15px 20px 20px; min-height: 105px; color: #fff; background-image: url(../images/txtbg.png); background-repeat: no-repeat;}
.HomeWebsite .box .txt .address{text-align: center; display: block; font-size: 16px; line-height: 24px;}
.HomeWebsite .box .txt .name{display: block; font-size: 14px; line-height: 34px; border-bottom: 1px dashed rgba(255,255,255,.6);}
.HomeWebsite .box .txt .info{margin-top: 6px; font-size: 12px; line-height: 20px;}

.HomeBox li{float: left; width: 38%; position: relative;}
.HomeBox li.i2{width: 24%;}
.HomeBox li .effect-img img{display: block; width: 100%;}
.HomeBox li .box{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.HomeBox li .box .txt{position: absolute; top: 50%; margin-top: -16px; width: 94%; padding: 0 3%; color: #fff; float: none; text-align: center; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBox li.i1 .box .txt{right: 0px; width: 44%;}
.HomeBox li.i2 .box .txt{left: 0px;}
.HomeBox li.i3 .box .txt{left: 0px; width: 44%;}
.HomeBox li .box .txt .name{line-height: 32px; font-size: 24px;}
.HomeBox li .box .txt .info{margin: 18px 0px 28px; font-size: 14px; height: 48px; overflow: hidden; line-height: 24px; display: none;}
.HomeBox li .box .txt .more{display: block; width: 156px; line-height: 36px; border: 2px solid #fff; margin: 0 auto; font-size: 14px; display: none;}
.HomeBox li:hover .box .txt{margin-top: -84px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBox li:hover .box .txt .info,.HomeBox li:hover .box .txt .more{display: block;}

@media ( max-width:1600px){
.HomeBox li.i1 .box .txt,.HomeBox li.i3 .box .txt{width: 75%;}
}

@media ( max-width:1200px){
    .HomeAbout dl{background-image: none;}
    .HomeAbout dl dd,.HomeAbout dl dd:nth-child(2n){background-image: none; padding: 0; width: 32%; margin: 0 2% 2% 0;}
    .HomeAbout dl dd:nth-child(3n){margin-right: 0;}
}

@media ( max-width:1024px){
    .HomeAbout h2,.HomeWebsite h2,.Title01 h3{font-size: 22px;}
    .HomeProduct li .effect-img img{height: 180px;}
    .NewsBox .txt .name{font-size: 16px;}
    .NewsBox .list li{margin-bottom: 5.5%;}
    .NewsBox .date span{font-size: 30px;}
    .HomeBox li:hover .box .txt{margin-top: -16px;}
    .HomeBox li:hover .box .txt .info,.HomeBox li:hover .box .txt .more{display: none;}
    .PlanSlider li .txt h3{font-size: 16px;}
    .PlanSlider li .txt p{font-size: 12px;}
    .HomeWebsite .box{right: 0px;}
    .EleList li .effect-img img{height: 194px;}
}

@media ( max-width:768px){
    .HomeAbout h2,.HomeWebsite h2,.Title01 h3{font-size: 18px;}
    .NewsBox .newstop,.NewsBox .list{width: 100%; float: none;}
    .NewsBox .list{margin-top: 20px;}
    .HomeNews .hd{position: static; width: 100%; text-align: center; margin-top: 3%;}
    .HomeAbout .info{font-size: 14px; margin: 3% 0;}
    .HomeAbout dl dd .name{font-size: 14px;}
    .HomeProduct li .effect-img img{height: 134px;}
    .NewsBox .more{width: 136px; line-height: 36px;}
    .HomeBox li .box .txt .name{font-size: 18px;}
    .HomeWebsite .box .line{display: none;}
    .EleList li .effect-img img{height: 143px;}
}

@media ( max-width:640px){
    .EleList li .effect-img img{height: 118px;}
    .HomeAbout dl dd{width: 48%; margin-right: 0;}
    .HomeAbout dl dd:nth-child(2n){float: right; width: 48%;}
    .HomeAbout dl dd .con{padding-left: 0; margin-left: 0; background-image: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.8);}
    .HomeProduct li .effect-img img{height: 110px;}
}

@media ( max-width:480px){
    .p3{padding: 5% 0;}
    .Title01 p{font-size: 14px; line-height: 18px;}
    .Title01 .more{width: 100px; line-height: 30px;}
    .HomeNews .hd li{width: 100px; margin: 0px 3px; line-height: 30px;}
    .NewsBox .newstop .date{padding-right: 10px;}
    .NewsBox .newstop .box{padding-left: 75px;}
    .NewsBox .list li{padding-right: 75px;}
    .NewsBox .txt .name{margin-bottom: 5px;}
    .HomePlan{padding: 5% 0;}
    .HomeAbout dl dd,.HomeAbout dl dd:nth-child(2n){width: 100%; float: none; text-align: center;}
    .HomeProduct li{width: 50%;}
    .HomeProduct li:nth-child(2n) a{border-right: 1px solid #fff;}
    .HomeProduct li .effect-img img{height: 125px;}
    .HomeBox li,.HomeBox li.i2{width: 100%; float: none;}
    .HomeBox li.i1 .box .txt, .HomeBox li.i3 .box .txt{width: 100%;}
    .HomeWebsite .box{position: static; margin: 15px auto 0px; padding-left: 0;}
    .EleList li{width: 48%; margin-right: 0;}
    .EleList li:nth-child(2n){float: right;}
    .EleList li .effect-img img{height: 175px;}
}

/* 走进中科 */
.AboutPage{margin-top: -14%; position: relative; z-index: 9;}
.AboutPage .box{margin-top: 3%; background: #333333; position: relative;}
.AboutPage .box .con{width: 35%; float: left;}
.AboutPage .box .con .txt{padding: 15% 6%; color: #fff;}
.AboutPage .box .con .txt .name{font-size: 32px; line-height: 40px;}
.AboutPage .box .con .txt .info{font-size: 14px; line-height: 26px; max-height: 156px; overflow: hidden; margin-top: 5%;}
.AboutPage .box .pic{width: 65%; height: 100%; position: absolute; right: 0px; top: 0px; background-size: cover; background-position: center center;}
.AboutPage .box .pic .list{background: rgba(0, 69, 154, 0.5); position: absolute; width: 50%; height: 100%; left: 0px; top: 0px; color: #fff; text-align: center;}
.AboutPage .box .pic .list .con{height: 268px; position: absolute; width: 100%; left: 0px; top: 50%; margin-top: -134px;}
.AboutPage .box .pic .list dl{padding: 0 10%; margin-bottom: 32px;}
.AboutPage .box .pic .list dl:last-child{margin-bottom: 0;}
.AboutPage .box .pic .list dl dt{font-size: 60px; line-height: 74px; font-family: Arial; border-bottom: 1px solid #fff;}
.AboutPage .box .pic .list dl dd{font-size: 16px; line-height: 42px;}

.HistoryPage{padding-top: 3%;}
.HistoryBox{background: #efefef; margin-top: 3%; padding: 3% 0;}
.HistoryBox .Hishd{background: url(../images/hdbg.png) no-repeat center 55px; margin-bottom: 3%; position: relative;}
.HistoryBox .Hishd .item a{display: block; font-size: 20px; font-weight: bold; line-height: 47px; color: #333333; text-align: center; padding-bottom: 36px; background: url(../images/line5.png) no-repeat center bottom;}
.HistoryBox .Hishd .item.on a{color: #00459a;}
.HistoryBox .Hisbd{padding: 0px 0px 40px 40px; background-image: url(../images/boxbg.png); background-position: left bottom; background-repeat: no-repeat;}
.HistoryBox .Hisbd .box{background: #fff; padding: 4%;}
.HistoryBox .Hisbd .box .pic{width: 31.89%; float: left;}
.HistoryBox .Hisbd .box .pic img{display: block; width: 100%;}
.HistoryBox .Hisbd .box .txt{width: 64%; float: right; padding-top: 3%;}
.HistoryBox .Hisbd .box .txt h3{font-size: 24px; color: #00459a; line-height: 30px;}
.HistoryBox .Hisbd .box .txt .info{font-size: 14px; line-height: 26px; color: #4c4c4c; margin-top: 3%;}
.HistoryBox .Hishd .owl-buttons .owl-prev,.HistoryBox .Hishd .owl-buttons .owl-next{position:absolute; width:50px; height:50px; top:50%; margin-top:-2px; line-height:100px; text-indent:99999em; overflow:hidden; z-index:9; background-size:100% 100%;}
.HistoryBox .Hishd .owl-buttons .owl-prev{background-image:url(../images/left.png); left:-80px;}
.HistoryBox .Hishd .owl-buttons .owl-next{background-image:url(../images/right.png); right:-80px;}
.HistoryBox .Hishd .owl-buttons .owl-prev:hover{background-image:url(../images/lefton.png);}
.HistoryBox .Hishd .owl-buttons .owl-next:hover{background-image:url(../images/righton.png);}

.EnterBox li{width: 50%; float: left; position: relative;}
.EnterBox li .pic img{display: block; width: 100%;}
.EnterBox li .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.EnterBox li .txt{color: #fff; text-align: center; position: absolute; width: 94%; padding: 0 3%; height: 76px; left: 0px; top: 50%; margin-top: -38px;}
.EnterBox li .txt .name{display: block; font-size: 32px; line-height: 36px; margin-bottom: 16px;}
.EnterBox li .txt .info{font-size: 14px; line-height: 24px;}
.EnterBox li.e1 .mask{background: rgba(0,0,0,.2);}
.EnterBox li.e4 .mask{background: rgba(63,192,150,.6);}
.EnterBox li.e2{background: #e06f14;}
.EnterBox li.e3{background: #00459a;}
.EnterBox li.e2 .txt,.EnterBox li.e3 .txt{width: 44%;}
.EnterBox li.e2 .pic,.EnterBox li.e3 .pic{width: 50%;}
.EnterBox li.e2 .pic{float: left;}
.EnterBox li.e3 .pic{float: right;}
.EnterBox li.e2 .txt{right: 0px; left: auto;}
.EnterBox li.e3 .txt{left: 0px;}

@media ( max-width:1200px){
    .HistoryBox .Hishd .owl-buttons .owl-prev{left:0px;}
    .HistoryBox .Hishd .owl-buttons .owl-next{right: 0px;}
}

@media ( max-width:1024px){
    .AboutPage .box .pic .list dl dt{font-size: 36px;}
    .AboutPage .box .con .txt .name,.EnterBox li .txt .name{font-size: 25px;}
}

@media ( max-width:768px){
    .AboutPage{margin-top: 3%;}
    .AboutPage .whitetxt h3{color: #333;}
    .AboutPage .whitetxt p{color: #808080}
    .AboutPage .box .pic .list dl dt{font-size: 26px;}
    .AboutPage .box .con .txt .name, .EnterBox li .txt .name{font-size: 18px;}
    .HistoryBox .Hisbd .box .txt{padding-top: 0;}
    .HistoryBox .Hisbd .box .txt h3{font-size: 18px;}
    .AboutPage .box .con{width: 100%; float: none;}
    .AboutPage .box .con .txt{padding: 5%;}
    .AboutPage .box .pic{position: relative; width: 100%; height: 300px;}
    .HistoryBox .Hisbd{padding: 0px 0px 20px 20px;}
    .HistoryBox .Hisbd .box .pic,.HistoryBox .Hisbd .box .txt{width: 100%; float: none;}
    .HistoryBox .Hisbd .box .txt{margin-top: 20px;}
}

@media ( max-width:640px){
    .HistoryBox .Hishd .owl-buttons .owl-prev, .HistoryBox .Hishd .owl-buttons .owl-next{width: 30px; height: 30px; margin-top: 6px;}
}

@media ( max-width:480px){
    .EnterBox li{width: 100%; float: none;}
}

/* 关于中科 */
.About{font-size: 16px; line-height: 30px; color: #4c4c4c;}
.About .Title03{width: 31%; float: left; text-align: left;}
.About .Title03 i{margin: 12px 0px 0px;}
.Title03{text-align: center;}
.Title03 h2{font-size: 30px; color: #00459a; line-height: 40px;}
.Title03 p{font-size: 14px; color: #999999; line-height: 22px; font-family: Arial; text-transform: uppercase; letter-spacing: 0.45em;}
.Title03 i{width: 25px; height: 2px; margin: 12px auto 0px; background: #cccccc; display: block;}

.About .list{padding: 3% 0;}
.About .list dd{width: 32.333333%; margin-right: 1.5%; float: left;}
.About .list dd:nth-child(3n){margin-right: 0;}

@media ( max-width:1024px){
    .About .title h2{font-size: 25px;}
}

@media ( max-width:768px){
    .About .Title03,.About .info{float: none !important; width: 100%;}
    .About .Title03{margin-bottom: 15px; text-align: center;}
    .About .Title03 i{margin: 10px auto 0px;}
    .Title03 h2{font-size: 20px; line-height: 30px;}
}

@media ( max-width:480px){
    .About .list dd{width: 100%; margin: 5px 0px;}
}

/* 中科精神 */
.SpiritBox{background: #fafafa;}
.SpiritBox .list{margin-top: 3%;}
.SpiritBox .list dd{width: 18.8%; float: left; margin-right: 1.5%; background: #fff; box-shadow: 0px 0px 20px #ccc;}
.SpiritBox .list dd:nth-last-child(2){margin-right: 0;}
.SpiritBox .list dd .box{padding: 32px 20px 0px; height: 288px; position: relative;}
.SpiritBox .list dd .box .icon{position: absolute; right: 12px; bottom: 20px; width: 68px;}
.SpiritBox .list dd .box .titie span{display: block; font-size: 26px; line-height: 38px; color: #333333;}
.SpiritBox .list dd .box .titie i{display: block; width: 74px; height: 1px; margin: 23px 0px 0px; background: #e5e5e5;}
.SpiritBox .list dd .box .info{margin-top: 24px; font-size: 16px; line-height: 32px;}

.MeanBox{background-color: #00459a; background-image: url(../images/line6.png); background-repeat: repeat-y; background-position: center center;}
.MeanBox dl dd{width: 25%; float: left;}
.MeanBox dl dd .box{padding: 8%;}
.MeanBox dl dd .box .name{font-size: 26px; color: #fff; line-height: 30px;}
.MeanBox dl dd .box .info{font-size: 15px; line-height: 32px; color: rgba(255,255,255,.6); margin-top: 8%;}

@media ( max-width:1200px){
    .MeanBox{background-image: none;}
}

@media ( max-width:1024px){
    .SpiritBox .list dd .box .titie span,.MeanBox dl dd .box .name{font-size: 20px;}
}

@media ( max-width:768px){
    .SpiritBox .list dd{width: 32.333%; margin-bottom: 10px;}
    .SpiritBox .list dd:nth-child(3n){margin-right: 0;}
    .MeanBox dl dd .box .info{font-size: 14px; line-height: 24px;}
}

@media ( max-width:640px){
    .SpiritBox .list dd .box .titie span, .MeanBox dl dd .box .name{font-size: 18px;}
    .MeanBox dl dd{width: 100%; float: none;}
    .MeanBox dl dd .box{padding: 3% 0;}
    .MeanBox dl dd .box .info{margin-top: 15px;}
}

@media ( max-width:480px){
    .SpiritBox .list{margin-top: 5%;}
    .SpiritBox .list dd{width: 48%; margin-right: 0;}
    .SpiritBox .list dd:nth-child(2n){float: right;}
    .SpiritBox .list dd .box{height: 258px; padding: 15px;}
    .SpiritBox .list dd .box .icon{width: 40px;}
    .SpiritBox .list dd .box .info{font-size: 14px; line-height: 26px;}
}

/* 品牌文化 */
.Title04{color: #00459a;}
.Title04 em{display: block; font-size: 50px; line-height: 66px; text-transform: uppercase; font-family: Arial; font-weight: bold;}
.Title04 .name{font-size: 36px; line-height: 66px; display: block;}
.Title04 p{font-size: 16px; line-height: 20px;}
.ThreeCulture,.BrandCulture{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ThreeCulture .list{padding: 4% 0 10%; width: 60%;}
.ThreeCulture .list dd{margin-bottom: 3%; color: #00459a; font-size: 14px; line-height: 24px;}
.ThreeCulture .list dd h3{font-size: 18px;}
.ThreeCulture .list dd .info{margin-top: 10px;}

.DetailCulture{padding: 5% 0; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/culturebg2.jpg);}
.DetailCulture .pic{width: 41.666%; float: left;}
.DetailCulture .pic img{display: block; width: 100%;}
.DetailCulture .txt{width: 52%; float: right; padding-top: 2%;}
.DetailCulture .txt .info{font-size: 16px; line-height: 30px ;color: #4c4c4c; margin-top: 3%;}

.BrandCulture{padding: 10% 0 15%;}
.BrandCulture .Title04{color: #fff;}
.BrandCulture .info{font-size: 16px; line-height: 30px ;color: #fff; margin-top: 2%;}


@media ( max-width:1024px){
    .Title04 .name{font-size: 25px; line-height: 40px;}
    .Title04 em{font-size: 30px; line-height: 40px;}
}

@media ( max-width:768px){
    .Title04 .name{font-size: 20px; line-height: 30px;}
    .Title04 em{font-size: 25px; line-height: 30px;}
    .ThreeCulture .list{width: 100%;}
}

@media ( max-width:640px){
    .DetailCulture .pic,.DetailCulture .txt{width: 100%; float: none;}
    .DetailCulture .txt{padding-top: 20px;}
}

@media ( max-width:480px){
    .Title04 .name{font-size: 18px;}
    .Title04 em{font-size: 20px;}
    .ThreeCulture .list dd h3{font-size: 16px;}
    .BrandCulture .info{margin-top: 4%;}
}

/* 企业资质 */
.HonnorBox{margin-top: 4%;}
.HonnorBox .Horbd{position: relative;}
.HonnorBox .Horbd li{text-align: center; margin: 0px 10px;}
.HonnorBox .Horbd li .effect-img img{max-width: 100%; width: auto; height: 110px; display: inline-block;}
.HonnorBox .Horbd li .name{display: block; font-size: 14px; line-height: 26px; color: #4c4c4c; margin-top: 15px;}
.HonnorBox .Horbd .owl-buttons .owl-prev,.HonnorBox .Horbd .owl-buttons .owl-next{position:absolute; width:19px; height:32px; top:50%; margin-top:-35px; line-height:100px; text-indent:99999em; overflow:hidden; z-index:9; background-size:100% 100%;}
.HonnorBox .Horbd .owl-buttons .owl-prev{background-image:url(../images/prev.png); left:0px;}
.HonnorBox .Horbd .owl-buttons .owl-next{background-image:url(../images/next.png); right:0px;}

.HonnorBox .Horhd{margin-top: 3%; background: url(../images/line7.png) repeat-x left 53px; position: relative; display: none;}
.HonnorBox .Horhd .item{text-align: center;}
.HonnorBox .Horhd .item .icon{display: inline-block; margin-bottom: 10px; opacity: 0;}
.HonnorBox .Horhd .item span{display: block; padding-top: 20px; line-height: 27px; font-size: 16px; color: #969696; background-repeat: no-repeat; background-position: center top; background-image: url(../images/arr1.png);}
.HonnorBox .Horhd .item.on span{background-image: url(../images/arr2.png); color: #333;}
.HonnorBox .Horhd .item.on .icon{opacity: 1;}
.HonnorBox .Horhd .owl-buttons .owl-prev,.HonnorBox .Horhd .owl-buttons .owl-next{position:absolute; width:19px; height:19px; top:0; margin-top:44px; line-height:100px; text-indent:99999em; overflow:hidden; z-index:9; background-size:100% 100%;}
.HonnorBox .Horhd .owl-buttons .owl-prev{background-image:url(../images/left2.png); left:0px;}
.HonnorBox .Horhd .owl-buttons .owl-next{background-image:url(../images/right2.png); right:0px;}

@media ( max-width:480px){
    .HonnorBox{margin-top: 8%;}
    .HonnorBox .Horhd{margin-top: 5%;}
}

/* 发展历程 */
.HistoryList{background: url(../images/hisbg.jpg) no-repeat center center; height: 442px; position: relative;}
.HistoryList li{width: 126px; text-align: center; position: absolute;}
.HistoryList li .year{line-height: 86px; width: 100px; height: 86px; margin: 0 auto; background-image: url(../images/hbg1.png); color: #fff; font-size: 14px;}
.HistoryList li .year span{font-family: Impact; font-size: 30px;}
.HistoryList li .info{font-size: 15px; line-height: 24px; height: 48px; margin-top: 20px; color: #4c4c4c;}
.HistoryList li:hover .year{background-image: url(../images/hbg2.png);}
.HistoryList li:hover .info{color: #00459a;}
.HistoryList li.s1{left: 0px; top: 199px;}
.HistoryList li.s2{left: 137px; top: 230px;}
.HistoryList li.s3{left: 329px; top: 149px;}
.HistoryList li.s4{left: 460px; top: 59px;}
.HistoryList li.s5{left: 629px; top: -30px;}
.HistoryList li.s6{left: 710px; top: 139px;}
.HistoryList li.s7{right: 192px; top: 180px;}
.HistoryList li.s8{right: 60px; top: 112px;}

@media ( max-width:1240px){
    .HistoryList{height: auto; margin: 3% 0 0; background: none;}
    .HistoryList li{position: static; width: 23%; padding: 0 1%; float: left; max-width: none; margin-bottom: 20px;}
}

@media ( max-width:768px){
    .HistoryList li .year span{font-size: 25px;}
}

@media ( max-width:640px){
    .HistoryList li{width: 48%; padding: 0%;}
    .HistoryList li:nth-child(2n){float: right;}
}

/* 基层党建 */
.PartyList li{margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px dashed #e6e6e6; position: relative; padding-left: 140px;}
.PartyList li.first{padding-left: 0;}
.PartyList li .pic{width: 46.66666%; float: left;}
.PartyList li .pic img{display: block; width: 100%;}
.PartyList li .txt{width: 48.3333%; float: right; padding-top: 3%;}
.PartyList li .txt .time{display: block; line-height: 36px; font-size: 14px; color: #666666;}
.PartyList li .txt .name{display: block; font-size: 24px; color: #333333; line-height: 36px; height: 36px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.PartyList li .txt .info{font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; color: #666666; margin: 3% 0 6%;}
.PartyList li .txt .more{display: block; line-height: 28px; font-size: 16px; color: #666666;}
.PartyList li .txt .more img{display: inline-block; margin-right: 12px;}
.PartyList li .date{position: absolute; left: 0px; top: 0px; width: 110px; height: 110px; font-family: Arial; background: #f6f4f7; text-align: center;}
.PartyList li .date span{display: block; padding-top: 30px; font-size: 36px; line-height: 34px; color: #666;}
.PartyList li .date em{display: block; font-size: 14px; line-height: 20px; color: #808080;}
.PartyList li .con .name{display: block; font-size: 18px; line-height: 28px; height: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; font-weight: bold;}
.PartyList li .con .time{display: block; font-size: 14px; line-height: 21px; color: #999999;}
.PartyList li .con .info{display: block; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; margin-top: 8px; color: #999999;}
.PartyList li:hover .name{color: #00459a;}
.PartyList li:hover .date{background: #00459a;}
.PartyList li:hover .date span,.PartyList li:hover .date em{color: #fff;}

@media ( max-width:1024px){
    .PartyList li .txt .name{font-size: 20px;}
}

@media ( max-width:768px){
    .PartyList li{padding-left: 0;}
    .PartyList li .txt{padding-top: 0;}
    .PartyList li .txt .name{font-size: 16px; line-height: 30px; height: 30px;}
    .PartyList li .date{display: none;}
    .PartyList li .con .name{font-size: 16px;}
}

@media ( max-width:480px){
    .PartyList li{padding-bottom: 5%; margin-bottom: 5%;}
    .PartyList li .pic,.PartyList li .txt{width: 100%; float: none;}
    .PartyList li .txt{margin-top: 15px;}
}

/* 联系我们 */
.ContactBox{margin-top: 3%;}
.ContactBox .txt{width: 42.5%; float: left; background: #f7f7f7;}
.ContactBox .txt dl{padding: 9.5% 8%;}
.ContactBox .txt dl dd{position: relative; min-height: 42px; padding-left: 66px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #e6e6e6;}
.ContactBox .txt dl dd .icon{width: 45px; position: absolute; left: 0px; top: 10px;}
.ContactBox .txt dl dd .con .name{display: block; font-size: 16px; color: #333333; line-height: 30px;}
.ContactBox .txt dl dd .con .info{font-size: 16px; line-height: 26px; color: #808080;}

.ContactBox .Map{width: 55%; float: right; border: 1px solid #e6e6e6;}
.ContactBox .Map img{display: block; width: 100%;}

@media ( max-width:1024px){
    .ContactBox .txt,.ContactBox .Map{width: auto; float: none;}
    .ContactBox .txt dl{padding: 5%;}
    .ContactBox .Map{margin-top: 20px;}
}

@media ( max-width:480px){
    .ContactBox{margin-top: 5%;}
    .ContactBox .txt dl dd{padding-left: 46px;}
    .ContactBox .txt dl dd:last-child{margin-bottom: 0; border-bottom: none;}
    .ContactBox .txt dl dd .icon{width: 30px;}
}

/* 新闻动态 */
.TopNews{padding-bottom: 4%; margin-bottom: 4%; border-bottom: 1px dashed #e6e6e6;}
.TopNews li{width: 48.333%; float: left; position: relative;}
.TopNews li:nth-child(2n){float: right;}
.TopNews li .effect-img img{display: block; width: 100%;}
.TopNews li .name{position: absolute; width: 100%; left: 0px; bottom: 0px; background: rgba(0,0,0,.7); z-index: 9;}
.TopNews li .name span{display: block; font-size: 16px; padding: 0px 20px; line-height: 44px; height: 44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #fff;}

.NewsList{margin-top: 3%;}
.NewsList li{padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px dashed #e6e6e6;}
.NewsList li .effect-img{width: 18.333%; float: left;}
.NewsList li .effect-img img{display: block; width: 100%;}
.NewsList li .txt{width: 79.166%; float: right;}
.NewsList li .txt .name{display: block; line-height: 34px; height: 34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: bold; font-size: 18px; color: #333333;}
.NewsList li .txt .date{display: block; padding-left: 20px; font-size: 14px; color: #999; background: url(../images/time.png) no-repeat left center;}
.NewsList li .txt .info{margin-top: 12px; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; color: #999999;}
.NewsList li:hover .txt .name{color: #00459a;}

.ZkdlbBox ul{padding-bottom: 2%;}

@media ( max-width:768px){
    .NewsList li .txt .name{font-size: 16px;}
}

@media ( max-width:480px){
    .TopNews li{width: 100%; float: none; margin: 10px 0px;}
    .NewsList li{margin-bottom: 20px; padding-bottom: 20px;}
    .NewsList li .effect-img,.NewsList li .txt{width: 100%; float: none;}
    .NewsList li .txt{padding-top: 15px;}
}



.NewsList2{margin-top: 3%;}
.NewsList2 li{padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px dashed #e6e6e6;}
.NewsList2 li .txt{width: 100%; float: right;}
.NewsList2 li .txt .name{display: block; line-height: 34px; height: 34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: bold; font-size: 18px; color: #333333;}
.NewsList2 li .txt .date{display: block; padding-left: 20px; font-size: 14px; color: #999; background: url(../images/time.png) no-repeat left center;}
.NewsList2 li .txt .info{margin-top: 12px; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; color: #999999;}
.NewsList2 li:hover .txt .name{color: #00459a;}

@media ( max-width:768px){
    .NewsList2 li .txt .name{font-size: 16px;}
}

@media ( max-width:480px){
    .TopNews li{width: 100%; float: none; margin: 10px 0px;}
    .NewsList2 li{margin-bottom: 20px; padding-bottom: 20px;}
    .NewsList2 li .effect-img,.NewsList2 li .txt{width: 100%; float: none;}
    .NewsList2 li .txt{padding-top: 15px;}
}


/* 视频中心 */
.VideoList ul{padding-bottom: 2%;}
.VideoList li{width: 32%; float: left; margin: 0 2% 2% 0;}
.VideoList li:nth-child(3n){margin-right: 0;}
.VideoList li .effect-img{position: relative;}
.VideoList li .effect-img img{display: block; width: 100%; height: 283px;}
.VideoList li .play{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.6); background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center;}
.VideoList li .txt .date{display: block; margin: 14px 0px 5px; color: #999999;}
.VideoList li .txt .name{display: block; font-size: 16px; line-height: 26px; height: 26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #4c4c4c;}

@media ( max-width:1024px){
    .VideoList li .effect-img img{height: 234px;}
}

@media ( max-width:768px){
    .VideoList li .txt .name{font-size: 14px;}
    .VideoList li .effect-img img{height: 174px;}
}

@media ( max-width:640px){
    .VideoList li{width: 48%; margin-right: 0;}
    .VideoList li:nth-child(2n){float: right;}
    .VideoList li .effect-img img{height: 216px;}
}

@media ( max-width:480px){
    .VideoList li,.VideoList li:nth-child(2n){width: 100%; float: none; margin-bottom: 20px;}
    .VideoList li .effect-img img{height: auto;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px; font-size:15px}
.PrevNextBox li{font-size:14px; line-height:33px;}
.PrevNextBox li b{color:#000; font-weight:normal;}
.PrevNextBox li a{color:#666666; font-size:15px}
.ContentAbout video{width: 100%; height: 600px; background: #000;}

@media ( max-width:768px){
    .ContentAbout video{height: 300px;}
}

@media ( max-width:480px){
    .ActiveContent .Atit h2{font-size:16px;}
}

/* 产品详情 */
.ProductList li{width: 31.333%; margin: 0 3% 3% 0; float: left; position: relative;}
.ProductList li:nth-child(3n){margin-right: 0;}
.ProductList li a{display: block; padding: 19px; border: 1px solid #e6e6e6;}
.ProductList li .effect-img img{display: block; width: 100%; height: 285px;}
.ProductList li .txt {margin-top: 20px;}
.ProductList li .txt .name{display: block; font-size: 18px; color: #4c4c4c; line-height: 30px; height: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ProductList li .txt p{color: #999999;}
.ProductList li .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,69,154,.6); display: none; text-align: center;}
.ProductList li .mask .con{position: absolute; width: 100%; height: 106px; margin-top: -53px; left: 0px; top: 50%;}
.ProductList li .mask .con h3{font-size: 24px; line-height: 24px; height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #fff;}
.ProductList li .mask .con .more{display: block; width: 180px; line-height: 50px; background: #fff; color: #00459a; font-size: 16px; margin: 30px auto 0px;}
.ProductList li:hover .mask{display: block;}

@media ( max-width:1024px){
    .ProductList li .mask .con h3{font-size: 20px}
    .ProductList li .effect-img img{height: 230px;}
}

@media ( max-width:768px){
    .ProductList li:hover .mask{display: none;}
    .ProductList li .txt .name{font-size: 16px;}
    .ProductList li .effect-img img{height: 162px;}
}

@media ( max-width:640px){
    .ProductList li{width: 48%; margin-right: 0;}
    .ProductList li:nth-child(2n){float: right;}
    .ProductList li .effect-img img{height: 214px;}
}

@media ( max-width:480px){
    .ProductList li,.ProductList li:nth-child(2n){width: 100%; float: none; margin-bottom: 15px;}
    .ProductList li .effect-img img{height: auto;}
}

/* 单篇 */
.SinglePage{margin-top: 3%; font-size: 16px; color: #666; line-height: 30px;}

@media ( max-width:480px){
    .SinglePage{margin-top: 5%;}
}

/* 营销网络 */
.WebsiteBox .Title03 h2,.WebsiteBox .Title03 p{color: #fff;}
.WebsiteBox .Title03 i{background: #fff;} 
.WebsiteBox .WebMap{margin-top: 5%;}

@media ( max-width:480px){
    .WebsiteBox .WebMap{margin-top: 10%;} 
}

/* 项目案例 */
.ThreeMenu{text-align: center; margin: 4% 0;}
.ThreeMenu a{display: inline-block; width: 148px; line-height: 40px; font-size: 16px; color: #666666; border: 1px solid #e6e6e6; border-radius: 20px; margin: 0px 5px;}
.ThreeMenu a.on,.ThreeMenu a:hover{background: #00459a; border: 1px solid #00459a; color: #fff;}

.CaseList{position: relative; margin-bottom: 5%; padding-bottom: 43px;}
.CaseList .slides li a{display: block; margin: 0px 20px;}
.CaseList .slides li .effect-img img{display: block; width: 100%;}
.CaseList .slides li .name{display: block; padding: 0px 10px; font-size: 18px; color: #4c4c4c; text-align: center; line-height: 53px; height: 53px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.CaseList .slides li:hover .name{color: #00459a;}
.CaseList .flex-control-nav{bottom: 0px; height: 10px; line-height: 10px;}
.CaseList .flex-control-paging li a{width: 10px; height: 10px; background: #d9d9d9;}
.CaseList .flex-control-paging li a:hover{background: #d9d9d9;}
.CaseList .flex-control-paging li a.flex-active{background: #00459a;}
.CaseList .flex-direction-nav .flex-prev,.CaseList .flex-direction-nav .flex-next{width: 32px; height: 7px; position: absolute; top: auto; margin: 0; opacity: 1; line-height: 9999px; overflow: hidden; bottom: 5px;}
.CaseList .flex-direction-nav .flex-prev{left: 30%; background: url(../images/left4.png) no-repeat;}
.CaseList .flex-direction-nav .flex-next{right: 30%; background: url(../images/right4.png) no-repeat;}

@media ( max-width:1024px){
    .ThreeMenu a{width: auto; padding: 0px 15px;}
    .CaseList .slides li .name{font-size: 16px; line-height: 50px; height: 50px;}
    .CaseList .slides li a{margin: 0px 5px;}
}

@media ( max-width:768px){
    .CaseList .slides li .name{font-size: 14px;}
}

@media ( max-width:640px){
    .ThreeMenu a{font-size: 14px; line-height: 32px;}
}

@media ( max-width:480px){
    .ThreeMenu a{margin-bottom: 5px;}
    .CaseList .flex-direction-nav .flex-prev{left: 5%;}
    .CaseList .flex-direction-nav .flex-next{right: 5%;}
}

/* 问题答疑 */
.Question ul{margin: 3% 0;}
.Question li{padding: 23px 38px; background: #f5f5f5;}
.Question li:nth-child(2n){background: #fff;}
.Question li a{display: block; padding-left: 20px; background-image: url(../images/arr3.png); background-repeat: no-repeat; background-position: left 12px;}
.Question li .name{display: block; font-size: 18px; line-height: 32px; height: 32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333333;}
.Question li .info{font-size: 14px; color: #999999; line-height: 26px; height: 26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


@media ( max-width:768px){
    .Question li{padding: 15px;}
    .Question li .name{font-size: 16px;}
}

/* 人才理念 */
.Jobidea li{background: #e15f45; color: #fff;}
.Jobidea li .effect-img{width: 51%; float: left;}
.Jobidea li .effect-img img{display: block; width: 100%;}
.Jobidea li .box{width: 49%; float: right;}
.Jobidea li .box .txt{padding: 6% 5%;}
.Jobidea li .box .txt h3{font-size: 24px; line-height: 30px; margin: 0 0 3%;}
.Jobidea li .box .txt .info{font-size: 14px; line-height: 24px;}
.Jobidea li:nth-child(2n){background: #f5942b;}
.Jobidea li:nth-child(2n) .effect-img{width: 58%; float: right;}
.Jobidea li:nth-child(2n) .box{width: 42%; float: left;}



@media ( max-width:1024px){
    .Jobidea li .box .txt h3{font-size: 20px; line-height: 26px;}
}

@media ( max-width:768px){
    .Jobidea li .effect-img,.Jobidea li .box,.Jobidea li:nth-child(2n) .effect-img,.Jobidea li:nth-child(2n) .box{width:100%; float: none;}
    .Jobidea li .box .txt{padding: 4%;}
    .Jobidea li .box .txt h3{font-size: 18px; margin-bottom: 10px;}
}

@media ( max-width:640px){
    .Jobidea li .box .txt{padding: 5.5% 4%;}
    .Jobidea li .box .txt h3{font-size: 16px;}
}

/* 岗位招聘 */
.jobSearch{background: #f5f5f5; padding: 25px 20px; margin-bottom: 20px;}
.jobSearch .input{width: 25%; padding: 0 2%; height: 50px; font-size: 14px; color: #333; background: #fff;}
.jobSearch .input::placeholder{color: #808080;}
.jobSearch select{width: 29%; padding: 0 1.5%; background: #fff; height: 50px; margin-left: 1.5%; font-size: 14px; color: #808080;}
.jobSearch .btn{width: 8.333%; float: right; height: 50px; background-color: #00459a; background-image: url(../images/btn2.png); background-position: center center; background-repeat: no-repeat;}

.JobList li.First .Titname{height: 50px; line-height: 50px; background:#b4b4b4; color: #fff; font-size: 16px;}
.JobList li .Titname{display:block; float:left; width:20%; text-align:center; color:#4c4c4c; font-size:14px; overflow:hidden; line-height:60px; height:60px; border-bottom: 1px solid #f0f0f0;}
.JobList li .Titname a{color:#4c4c4c;}
.JobList li.lion .Titname,.JobList li.lion .Titname a{color:#00459a;}
.JobList li .Con{ display:none; padding:2.5% 6%; background: #f5f5f5;}
.JobList li .Con ul{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6;;}
.JobList li .Con ul li{width: 25%; float: left; font-size: 14px; color: #4c4c4c; line-height: 30px;}
.JobList li .Con ul li .name{color: #808080;}
.JobList li .Con dl{line-height:30px; font-size:14px; color:#808080;}
.JobList li .Con dl dt{font-size:16px; color:#4c4c4c; margin-bottom: 15px;}
.JobList li .Con .apply{display: block; width:140px; line-height:40px; background:#00459a; color:#fff; margin-top: 20px; text-align:center; font-size:16px;}

@media ( max-width:768px){
    .jobSearch{padding: 15px;}
    .jobSearch .input,.jobSearch select,.jobSearch .btn{height: 40px;}
    .JobList li .Con ul li{width: 50%;}
}

@media ( max-width:480px){
    .jobSearch .input{width: 96%; float: none;}
    .jobSearch select{width: 100%; float: none; margin: 5px 0px 0px;}
    .jobSearch .btn{width: 100%; float: none; margin-top: 10px;}
    .JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(4){display: none;}
    .JobList li .Titname{width: 33.3333%;}
    .JobList li .Con{padding: 6%;}
    .JobList li .Con ul li{width: 100%; float: none;}
}

/*应聘表单*/
.recruitform .list{margin:0 auto; width:580px;}
.recruitform .list li{margin-bottom:20px; line-height: 40px;}
.recruitform .list li span{ display:block; float:left; margin-right:3%; color:#4d4d4d; font-size:16px;}
.recruitform .list li input.txt{ border:1px solid #e6e6e6; height:38px; line-height:38px; padding-left:10px; font-size:14px; width:468px;}
.recruitform .list li label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform .list li label input.radio{ margin-right:8px; }
.recruitform .list li textarea{ border:1px solid #e6e6e6; height:148px; padding:10px; font-size:14px; width:458px;}
.recruitform .list li.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0;}
.recruitform .list li.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform .list li.btn input.submit{background:#00459a;}
.recruitform .list li.btn input.reset{background:#ccc;}

@media ( max-width:480px){
.recruitform .list{width:100%;}
.recruitform .list li input.txt{width:72%;}
.recruitform .list li textarea{width:70%;}
}

/* 19-06-24 */
.Left{width: 19.1666%; float: left;}
.subtit{background: #00459a; padding: 20px 30px 16px; border-bottom: 4px solid #2a6ec1; margin-bottom: 8px;}
.subtit em{display: block; font-size: 32px; line-height: 33px; font-family: Arial; color: rgba(255,255,255,.2);}
.subtit h2{font-size: 24px; line-height: 35px; color: #fff;}
.Left .Menus{text-align: left; border-bottom: none; background: #f0f0f0;}
.Left .Menus a{display: block; margin-right: 0; line-height: 50px; padding-left: 60px; border-bottom: none; width: auto; font-size: 16px; color: #666666;}
.Left .Menus a.on,.Left .Menus a:hover{border-bottom: none; background: #00459a; color: #fff; background-image: url(../images/arrs.png); background-repeat: no-repeat; background-position: 30px center;}
.Right{width: 77.5%; float: right;}

@media ( max-width:768px){
    .Left,.Right{width: 100%; float: none;}
    .Left{margin-bottom: 20px;}
    .subtit{padding: 10px 20px;}
    .subtit em{display: none;}
    .subtit h2{line-height: 24px; font-size: 20px; background-image: url(../images/arrs2.png); background-repeat: no-repeat; background-position: right center;}
    .Left .Menus{display: none;}
}

/* 19-06-28 */
/* 企业荣誉 */
.HonnorList li{width: 32%; float: left; margin: 0 2% 3% 0;}
.HonnorList li:nth-child(3n){margin-right: 0;}
.HonnorList li .effect-img{border: 2px solid #eee; background: #f9f9f9;}
.HonnorList li .effect-img img{display: block; width: 100%; height: 259px;}
.HonnorList li .name{display: block; height: 28px; line-height: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 16px; font-size: 16px; color: #4c4c4c; text-align: center;}

@media ( max-width:1024px){
    .HonnorList li .effect-img img{height: 214px;}
}

@media ( max-width:768px){
    .HonnorList li .effect-img img{height: 158px;}
}

@media ( max-width:640px){
    .HonnorList li .effect-img img{height: 130px;}
}

@media ( max-width:480px){
    .HonnorList li{width: 48%; margin-right: 0;}
    .HonnorList li:nth-child(2n){float: right;}
    .HonnorList li .name{margin-top: 5px; font-size: 14px;}  
    .HonnorList li .effect-img img{height: 110px;}
}

/* 产业布局 */
.LayoutBox{position: relative; padding-left: 338px;}
.LayoutBox .txt{position: absolute; left: 0px; width: 275px; top: 15%;}
.LayoutBox .txt .Title03{text-align: left;}
.LayoutBox .txt .Title03 i{margin: 12px 0px 0px;}
.LayoutBox .txt .info{margin-top: 50px;}
.LayoutBox .txt .info dd{font-size: 16px; line-height: 40px; color: #4c4c4c; background: url(../images/arr4.png) no-repeat left center; padding-left: 40px;}
.LayoutBox .pic{margin-top: 3%; text-align: center;}
.LayoutBox .pic img{display: inline-block;}

@media ( max-width:768px){
    .LayoutBox{padding-left: 0;}
    .LayoutBox .txt{position: static; width: 100%;} 
    .LayoutBox .txt .Title03{text-align: center;}
    .LayoutBox .txt .Title03 i{margin: 12px auto 0px;}
    .LayoutBox .txt .info{display: none;}
}

/* 科技研发 */
.Technology .list1{position: relative; height: 860px;}
.Technology .list1 li{position: absolute; width: 48%; height: 50%;}
.Technology .list1 li a{display: block;}
.Technology .list1 li.t1{height: 100%; left: 0px; top: 0px;}
.Technology .list1 li.t2{width: 26%; left: 48%; top: 0px;}
.Technology .list1 li.t3{width: 26%; right: 0px; top: 0px;}
.Technology .list1 li.t4{width: 52%; right: 0px; bottom: 0px;}
.Technology li{background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #333;}
.Technology li .mask{position: absolute; width: 100%; left: 0px; top: 0px; height: 100%; z-index: 3; background: rgba(0,0,0,.5);}
.Technology li .mask .con{padding: 55px 15px 0px; text-align: center;}
.Technology li .mask .con h3{font-weight: normal; font-size: 26px; line-height: 46px; color: #fff;}
.Technology li .mask .con p{font-size: 16px; line-height: 35px; color: rgba(255,255,255,.6);}
.Technology .list1 li.t1 h3{font-size: 40px;}
.Technology .list1 li.t4 h3{font-size: 36px;}
.Technology .list1 li.t4 .con{width: 340px; text-align: left; padding-left: 55px;}
.Technology li:hover .mask{display: none;}

.Technology .list2 li{width: 33.3333333333%; float: left; height: 400px; position: relative;}

@media ( max-width:1440px){
    .Technology li .mask .con h3{font-size: 20px;}
    .Technology .list1 li.t1 h3,.Technology .list1 li.t4 h3{font-size: 26px;}
    .Technology .list1 li.t4 .con{width: 100%;}
    .Technology .list2 li{height: 300px;}
}

@media ( max-width:1024px){
    .Technology .list1{height: 660px;}
    .Technology li .mask .con h3{font-size: 18px; line-height: 30px; height: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .Technology .list1 li.t1 h3,.Technology .list1 li.t4 h3{font-size: 20px;}
}

@media ( max-width:768px){
    .Technology .list1{height: 400px;}
    .Technology li .mask .con h3{font-size: 16px;}
    .Technology li .mask .con p{font-size: 14px; line-height: 26px; max-height: 52px; overflow: hidden;}
    .Technology .list2 li{height: 250px;}
}

@media ( max-width:640px){
    .Technology .list1{height: 300px;}
    .Technology li .mask .con{padding: 20px 10px;}
}

@media ( max-width:480px){
    .Technology .list1{height: auto;}
    .Technology .list1 li{position: relative; left: 0 !important; top: 0 !important; width: 100% !important;}
    .Technology .list1 li,.Technology .list2 li{width: 100%; float: none; height: 300px !important;}
}

/* 中科掠影 */
#shengkuang{width:100%; position:relative; left:0px; top:0px; max-width:1920px;}
#shengkuang .images .img{width:100%; height:100%;} 
#shengkuang .images .name{position: absolute; z-index: 9; width: 100%; left: 0px; bottom: 0px; line-height: 58px; height: 58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; color: #fff; text-align: center;}
#shengkuang .img_1{width:319px; height:205px; left:0px; position:absolute;  top:0px; z-index:2; }
#shengkuang .img_2{width:639px; height:416px; left:320px; position:absolute;  top:0px; z-index:2;}
#shengkuang .img_3{width:319px; height:205px; left:960px;  position:absolute;  top:0px; z-index:2; }
#shengkuang .img_3 .flag{width:130px; height:115px; position:absolute; z-index:5; left:95.5px; top:45px;}
#shengkuang .img_4{width:320px; height:205px; left:1280px; position:absolute;  top:0px; z-index:2; }
#shengkuang .img_5{width:319px; height:205px; left:1601px; position:absolute;  top:0px;  z-index:2;}
#shengkuang .img_6{width:319px; height:210px; left:0px; position:absolute; top: 206px; z-index:2;}
#shengkuang .img_7{width:640px; height:416px; left:961px; position:absolute; top:206px; z-index:2;}
#shengkuang .img_8{width:319px; height:210px; left:1601px; position:absolute;  top:206px; z-index:2;}
#shengkuang .img_9{width:319px; height:205px; left:0px; position:absolute; top:417px; z-index:2;}
#shengkuang .img_10{width:319px; height:205px; left:320px; position:absolute; top:417px; z-index:2;}
#shengkuang .img_11{width:319px; height:205px; left:640px; position:absolute; top:417px; z-index:2;}
#shengkuang .img_12{width:319px; height:205px; left:1601px; position:absolute; top:417px; z-index:2;}
#shengkuang .img_13{width:640px; height:400px; left:0; position:absolute; top:623px; z-index:2;}
#shengkuang .img_14{width:640px; height:400px; left: 640px; position:absolute; top:623px; z-index:2;}
#shengkuang .img_15{width:640px; height:400px; left: 1280px; position:absolute; top:623px; z-index:2;}
#shengkuang .img_16{width:1920px; height:600px; left: 0px; position:absolute; top:1021px; z-index:2;}
#shengkuang .images .mask{width:100%; height:100%; background-color:#000; opacity:0.5; position:absolute; z-index:3; left:0px; top:0px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#shengkuang .images .auto_resize_div:hover .mask{display:none;} 
@media screen and (max-width:1600px){ 
    #shengkuang .video_play{width:80px; height:80px;  top:45%; }
    #shengkuang .images .name{font-size: 16px;}
}
@media screen and (max-width:1366px){ 
	#shengkuang .video_play{width:60px; height:60px;  top:45%; }

}
@media screen and (max-width:1000px){ 
    #shengkuang .video_play{width:60px; height:60px;  top:45%; }
    #shengkuang .images .name{font-size: 14px; line-height: 40px; height: 40px;}
}
@media screen and (max-width:480px){ 
    #shengkuang{min-height: 500px; height: auto !important; height: 500px;}
    #shengkuang .images .auto_resize_div,#shengkuang .images{position: static !important; height: auto !important; width: 100% !important;}
    #shengkuang .images .mask{display: none;}
    #shengkuang .images .name{position: static; color: #333; display: block;}
}

/* 产品样本 */
.DownList{margin-top: 3%;}
.DownList ul li{background: #f0f0f0; width: 48%; float: left; line-height: 60px; height: 60px; margin-bottom: 20px; overflow: hidden; position: relative;} 
.DownList ul li:nth-child(2n){float: right;}
.DownList ul li .icon{position: absolute; left: 0px; top: 0px; width: 60px; height: 100%; background-color: #999; background-image: url(../images/arr5.png); background-repeat: no-repeat; background-position: center center;}
.DownList ul li .name{display: block; padding: 0px 139px 0px 85px; font-size: 16px; color: #333333;}
.DownList ul li .down{position: absolute; right: 0px; top: 0px; width: 139px; line-height: 58px; border: 1px solid #e6e6e6; text-align: center; background: #fff; font-size: 14px; color: #333333; border-left: none;}
.DownList ul li .down img{display: inline-block; margin: 18px 8px 0px 0px;}
.DownList ul li:hover .icon{background-color: #00459a;}
.DownList ul li:hover .name{color: #00459a;}

@media ( max-width:768px){
.DownList ul li{height: 50px; line-height: 50px; float: none; width: 100%;}
.DownList ul li .icon{width: 50px;}
.DownList ul li .name{padding: 0px 60px;}
.DownList ul li .down{width: 50px; height: 48px;}
.DownList ul li .down img{margin-right: 0px; margin-top: 15px;}
.DownList ul li .down span{display: none;}
}

@media ( max-width:480px){
.DownList,.DownList ul{margin-top: 5%;}
.DownList ul li .name{font-size: 14px;}
}

/* 19-07-16 */
.FrameBox{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/opacity2.png) repeat; z-index: 999; display: none;}
.FrameBox .whitebg{width: 460px; height: 310px; border-radius: 15px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -150px 0px 0px -230px;}
.FrameBox .close{position: absolute; width: 28px; height: 28px; top: 20px; right: 20px; background: url(../images/close.png) no-repeat;}
.FrameBox .con{padding: 34px 50px 0px;}
.FrameBox .con h3{font-size: 28px; line-height: 38px; color: #333333; text-align: center; font-weight: normal;}
.FrameBox .con .input{margin: 41px 0px; display: block; border: 1px solid #ccc; height: 58px; padding: 0px 15px; width: 328px;}
.FrameBox .con .btns{text-align: center;}
.FrameBox .con .btns input{width: 120px; height: 44px; margin: 0px 10px; border-radius: 10px; font-size: 16px; color: #fff; background: #cccccc;}
.FrameBox .con .btns input.sure{background: #00459a;}