body{ margin:0px;  font-family:"微软雅黑",Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px; text-align:justify; text-justify:inter-ideograph; }
ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,a,img{ margin:0; padding:0; border:0px; list-style-type:none; text-decoration:none; }
a,i{ transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; text-decoration:none;}
a:hover{text-decoration:underline; } 
.clear{clear:both;}
.overflowHide{ overflow: hidden; position: relative;  z-index: 0;}
.transition{ transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; -moz-transition:all 0.2s; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; }
.ellipsis1{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.ellipsis2{ overflow:hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.container{ position:relative; width:1360px; margin:0px auto auto auto;}

.panel0{ width:100%; min-width:1360px; height:100px; border-bottom:solid 1px #efefef; }
.panel0 .container{ position:relative; padding-top:30px; height:48px;}
.panel0 .logo{ position:relative; float:left; display:inline-block; width:80%; height:48px;}
.panel0 .logo img{width:188px; height:48px;}
.panel0 .logo .name{ position:absolute; left:206px; top:7px; padding-left:15px; font-size:24px; color:#333333; font-weight:600; border-left:solid 1px #e0e0e0;}
.panel0 .group{ position:absolute; right:0px; bottom:12px; line-height:22px;}
.panel0 .group a{ padding-left:25px; font-size:14px; color:#666666; background:url(../images/icon-18.png) 0px 2px no-repeat;}

.panel1{ width:100%; min-width:1360px; height:40px; padding:10px 0px;}
.panel1 .menu{ float:left; display:inline; width:1200px; font-size:16px; text-align:left;}
.panel1 .menu li{ position:relative; display:inline-block; line-height:40px; padding:0px 30px;}
.panel1 .menu li a{ color:#333333;}
.panel1 .menu li a:hover{ color:#0062ac; text-decoration:none;}
.panel1 .menu li i{ position:absolute; top:12px; right:0px; width:1px; height:15px; background-color:#e8e8e8;}
.panel1 .menu li div{ position:absolute; left:0px; bottom:-10px; width:100%; height:3px; text-align:center;}
.panel1 .menu li div i{ display:none;}
.panel1 .menu li.activate div i{position:relative; top:auto; right:auto; display:inline-block;  width:60px; height:3px;  background-color:#0062ac; }
.panel1 .company{ float:right; display:inline;  height:40px; line-height:40px;  background-color:#0083e3; font-size:15px; border-radius:4px;}
.panel1 .company a{ display:inline-block; height:40px; line-height:40px; padding-left:55px; padding-right:30px;  color:#ffffff; background:url(../images/icon-17.png) 28px 10px no-repeat;}
.panel1 .company a:hover{ text-decoration: none;}
.panel2{ width:100%; min-width:1360px; height:200px; background:url(../images/banner1.jpg) top center no-repeat;}

.panel3{ width:100%; min-width:1360px; height:500px; background:url(../images/cbg2.jpg) top center no-repeat;}
.panel3 .container{ padding-top:80px;}
.panel3 .left-img{ position:relative; float:left; display:inline; width:400px; height:260px;}
.panel3 .left-img .about-head{ position:absolute; left:46px; top:140px; width:192px; height:152px; padding:24px; background-color:#0083e3;}
.panel3 .left-img .about-head p{ padding:20px 0px; font-size:24px; font-weight:500; color:#ffffff;}
.panel3 .left-img .about-head i{ display:block; width:140px; height:1px; background-color:#339ce9;}
.panel3 .right-con{ float:right; display:inline; width:880px;}
.panel3 .right-con .head{ position:relative; height:60px; border-bottom:solid 1px #e8e8e8; }
.panel3 .right-con .head span{ font-size:30px; font-weight:800; color:#333333;}
.panel3 .right-con .head i{ position:absolute; left:0px; bottom:0px; width:40px; height:2px; background:url(../images/icon-4.jpg) no-repeat;}
.panel3 .content{ padding-top:50px; font-size:15px; color:#333333; line-height:34px;}
.panel3 .more{ float:right; margin-top:20px; width:140px; height:40px; line-height:40px; padding-left:40px; background:url(../images/icon-16.png) 122px 15px no-repeat #0083e3; border-radius:20px; font-size:14px; color:#ffffff;}

.panel4{ width:100%; min-width:1360px; height:640px; background-color:#ffffff;}
.panel4 .container{ padding-top:60px;}
.panel4 .head{ position:relative; height:60px; border-bottom:solid 1px #e8e8e8; }
.panel4 .head span{ font-size:30px; font-weight:800; color:#333333;}
.panel4 .head i{ position:absolute; left:0px; bottom:0px; width:40px; height:2px; background:url(../images/icon-4.jpg) no-repeat;}
.panel4 .head a{ position:absolute; top:12px; right:0px; width:56px; font-size:14px; color:#999999; background:url(../images/icon-8.jpg) right 0px no-repeat;}
.panel4 .news-list{ padding-top:40px; }
.panel4 .news-list ul{ margin-left:-40px;}
.panel4 .news-list li{ float:left; display:inline; width:270px; height:360px; padding:20px; margin-left:40px; cursor:pointer; background-color:#f5f7fa; border-radius:4px;}
.panel4 .news-list li .data{ padding-top:24px; font-size:13px; color:#0083e3;}
.panel4 .news-list li .img{ width:270px; height:180px; padding-top:20px;}
.panel4 .news-list li .img img{ width:270px; height:180px; border-radius:4px;}
.panel4 .news-list li .title{ padding-top:25px; height:56px; line-height:28px; text-align:left; font-size:15px; font-weight:500;}
.panel4 .news-list li .title a{ color:#333333;}
.panel4 .news-list li .arrow{ position:relative; height:7px; padding-top:20px;}
.panel4 .news-list li .arrow i{ display:block; position:absolute; left:0px; bottom:0px; width:28px; height:7px; background:url(../images/icon-14.png) no-repeat;}
.panel4 .news-list li:hover{ background-color:#0083e3;}
.panel4 .news-list li:hover .data{ color:#ffffff;}
.panel4 .news-list li:hover .title a{ color:#ffffff;}
.panel4 .news-list li:hover .arrow i{ left:120px; background:url(../images/icon-15.png) no-repeat;}

.panel5{ width:100%; min-width:1360px; height:480px; background:url(../images/cbg1.jpg) top center no-repeat;}
.panel5 .container{ padding-top:60px;}
.panel5 .contact-wrap{ width:320px; height:280px; padding:40px; background-color:#ffffff;}
.panel5 .contact-wrap .head{ position:relative; height:50px; margin-bottom:35px;}
.panel5 .contact-wrap .head span{ font-size:24px; font-weight:800; color:#333333;}
.panel5 .contact-wrap .head i{ position:absolute; left:0px; bottom:0px; width:40px; height:2px; background:url(../images/icon-4.jpg) no-repeat;}
.panel5 .contact-wrap .con{ line-height:30px; font-size:14px; font-weight:600; color:#333333;}

.panel6{ width:100%; min-width:1360px; background-color:#282c35;}
.panel6 .container{ padding:40px 0px;}
.panel6 .bottom-wrap{ position:relative; padding:35px 0px; border-bottom:solid 1px #33373f;}
.panel6 .logo{ float:left; width:200px;}
.panel6 .logo img{ width:160px; height:48px;}
.panel6 .bottom-nav{ float:right; padding-top:12px; text-align:right;}
.panel6 .bottom-nav a{ position:relative; display:inline-block; padding:0px 15px; font-size:13px; font-weight:500; color:#ffffff;}
.panel6 .bottom-nav a i{ position:absolute; top:3px; right:0px; width:1px; height:13px; background-color:#484b53;}
.panel6 .copy{ height:30px; padding-top:30px; font-size:14px; color:#b8becc;}
.panel6 .copy a{ color:#b8becc;}
.panel6 .copy .left{ float:left;}
.panel6 .copy .right{ float:right;}

.news-wrap{ width:100%; min-width:1360px; background:url(../images/icon-23.jpg) 0px -11px repeat-x;}
.news-wrap .container{ padding-bottom:60px;}
.news-wrap .head-wrap{ width:1240px; height:120px; padding:40px 60px 0px; }

.news-wrap .head-wrap .head{ position:relative; height:58px; border-bottom:solid 1px #e8e8e8;}
.news-wrap .head-wrap .head span{ font-size:30px; font-weight:800; color:#333333;}
.news-wrap .head-wrap .head i{ position:absolute; left:0px; bottom:-1px; width:40px; height:2px; background:url(../images/icon-4.jpg) no-repeat;}

.news-wrap .news-title-head{ position:relative; height:120px; border-bottom:solid 1px #e8e8e8;}
.news-wrap .news-title-head .left-data{ float:left; display:inline-block; width:83px; height:83px; border:solid 1px #c1dff8; text-align:center; color:#0083e3;}
.news-wrap .news-title-head .day{ padding-top:6px; font-size:40px;}
.news-wrap .news-title-head .year{  font-size:13px;}
.news-wrap .news-title-head .title{ float:left; padding-left:35px; width:80%;}
.news-wrap .news-title-head .title h2{ font-size:32px; color:#333333;}
.news-wrap .news-title-head .title .subtitle{ padding-top:15px; font-size:16px; color:#333333;}
.news-wrap .news-title-head .title .subtitle span{ margin-right:18px;  } 
.news-wrap .news-title-head .title .subtitle .num{ padding-left:22px; font-size:13px; color:#c0c0c0; background:url(../images/icon-21.png) 0px 3px no-repeat;}
.news-wrap .news-title-head .location{ position:absolute; right:0px; bottom:-10px; height:20px; line-height:20px; padding-left:58px; background:url(../images/icon-22.png) 36px 2px no-repeat #ffffff; font-size:13px; color:#999999;}
.news-wrap .news-title-head .location a{ color:#999999;}

.news-wrap .con-wrap{ width:1240px; margin:0px auto auto auto;}

.img-news-list{  width:100%; margin-top:-40px;}
.img-news-list li{ float:left; display:inline-block; width:100%; padding:40px 0px; border-bottom:solid 1px #e8e8e8; }
.img-news-list li .left-img{ float:left; display:inline-block; width:28%; height:200px; }
.img-news-list li .left-img img{ width:300px; height:200px; }
.img-news-list li .right-con{ float:right; width:70%; }
.img-news-list li .right-con .title{ line-height:36px; font-size:22px; }
.img-news-list li .right-con .title a{ color:#333333;}
.img-news-list li .right-con .des{ line-height:28px; padding-top:20px; font-size:14px; }
.img-news-list li .right-con .des a{ color:#666666; }
.img-news-list li .right-con a:hover{ color:#0083e3;}
.img-news-list li .right-con .date{ padding-top:20px; }
.img-news-list li .right-con .date span{ margin-right:18px; font-size:13px; color:#c0c0c0; }
.img-news-list li .right-con .date .day{ padding-left:20px; background:url(../images/icon-20.png) 0px 1px no-repeat;}
.img-news-list li .right-con .date .num{ padding-left:22px; background:url(../images/icon-21.png) 0px 3px no-repeat;}
.img-news-list li .noimg{ width:100%;}

.news-detail{ float:left; width:100%; line-height:36px; padding-top:50px; font-size:17px; font-weight:400; color:#333333;}
.news-detail p{ padding-bottom:20px;}

.single-page{ width:100%; line-height:36px; font-size:17px; font-weight:400; color:#333333;}
.single-page p{ padding-bottom:20px;}

.right-news{ float:right; display:inline-block; width:318px; padding:30px 0px; border:solid 1px #e8e8e8;}
.right-news .news-head{ width:240px; margin:0px auto auto auto; font-size:18px; font-weight:800; color:#333333;}
.right-news .news-list{ padding-top:10px; width:240px; margin:0px auto auto auto;}
.right-news .news-list li{ width:100%; padding:20px 0px;}
.right-news .news-list li img{ width:240px; height:160px;}
.right-news .news-list li .title{ width:100%; line-height:26px; padding-top:10px; text-align:left; font-size:14px; font-weight:500;}
.right-news .news-list li .title a{ color:#333333;}
.right-news .news-list li .title a:hover{ color:#0083e3;}
.right-news .news-list li .date{ padding-top:10px; }
.right-news .news-list li .date span{ margin-right:18px; font-size:13px; color:#c0c0c0; }
.right-news .news-list li .date .day{ padding-left:20px; background:url(../images/icon-20.png) 0px 1px no-repeat;}
.right-news .news-list li .date .num{ padding-left:22px; background:url(../images/icon-21.png) 0px 3px no-repeat;}

/*分页*/
.pagination { padding-top: 40px;}
.pagination li{ width: auto; }
.pagination .el-pagination button{ width: 40px; height:40px; line-height:40px;}
.pagination .el-pagination span:not([class*=suffix]){ height:40px; line-height:40px;}
.pagination .el-pagination__editor.el-input .el-input__inner{ height:38px;}
.pagination .el-pager li{ width: 40px; height:40px; line-height:40px;}