/* ==========================================================================
   Global
   ========================================================================== */
    
html {
    font-size: 62.5%;
}

a { color: #333; }
a:hover { color: #1c3f77; }
a:focus { outline:none; -moz-outline:none; } 

body {color: #333; font: 14px/1.7 microsoft yahei, Arial; }

body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 5px;
        background-color: #F5F5F5;
    }



body::-webkit-scrollbar {
        width: 8px;
		height:6px;
        background-color: #F5F5F5;
    }



body::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #bdb9b9;
    }

div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 3px;
    background-color: #F5F5F5;
}



div::-webkit-scrollbar {
    width: 6px;
	height:6px;
    background-color: #F5F5F5;
}



div::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #bdb9b9;
}
    
.wrapper {
    max-width: 1320px;
    /*min-width: 980px; */
    _width: 1320px;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper:after,
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* arrow */

.arrow {
    position: absolute;
    top: 50%;
    margin-top: -4px;
}

.arrow * {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0 dashed transparent;
    overflow: hidden;
}
/* arrow-right */

.arr-r * {
    border-left-style: solid;
    border-width: 4px 0 4px 4px;
}

.arr-r em {
    left: 1px;
}

.arr-r span {
    border-left-color: #3675bb;
}

.tri {
    position: absolute;
    width: 0;
    height: 0;
    border: 0 dashed transparent;
    overflow: hidden;
}
   

   
    /* ==========================================================================
   Content
   ========================================================================== */

.hidden {display: none;}

    /* ==================================
   banner
   ================================== */
    
/*.banner { overflow: hidden;position: relative;margin-top: 100px;}
.banner img{max-width: 100%;}
.banner .mpic{ display: none;}
#owl-banner .owl-nav{margin-top: 0;}
#owl-banner .owl-dots{position: absolute;bottom: 10px;width: 100%;}
#owl-banner .owl-prev,#owl-banner .owl-next{width:41px;top:0; height:100%;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
#owl-banner .owl-prev{position: absolute;left:10px; background:url("../images/bl.png") center no-repeat;}
#owl-banner .owl-next{position: absolute;right:10px;background:url("../images/br.png") center no-repeat;}

#owl-banner .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span {
    background: #ff6a37;border:1px solid #fff;
}
#owl-banner .owl-dots .owl-dot span { width:10px; height: 10px; background: #fff;border:1px solid #fff;}

@media (max-width:768px) {
#owl-banner .owl-prev,#owl-banner .owl-next{filter: Alpha(Opacity=0);opacity: 0;}
}
@media only screen and (max-width: 920px) {
.banner{margin-top: 0;}
}
@media only screen and (max-width: 768px) {
    .banner .mpic{ display: block;margin-top: 60px;}
    .banner .pic{display: none;}    
}*/

.banner{ position: relative; overflow: hidden; text-align: center; margin-top:161px; padding-bottom:40px; }
.banner img{ width: 100%; height: auto; max-width: initial; }
.banner .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 0; }
.banner .pagination .swiper-pagination-switch{ cursor: pointer; width: 12px; height: 12px; display: inline-block; margin: 0 4px; border-radius: 8px; box-sizing: border-box; background: rgba(0,0,0,.3); }
.banner .pagination .swiper-active-switch{ background: #1c3f77; }
.banner .banner-left{ position: absolute; font-size: 25px; color: #333; left: 10px; top: 50%; width: 45px; height: 45px; line-height: 45px; margin-top: -43px; border-radius: 50%; background: rgba(255,255,255,.5); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-left i{ position: relative; top: -1px; left: -1px; }
.banner .banner-right{ position: absolute; font-size: 25px; color: #333; right: 10px; top: 50%; width: 45px; height: 45px; line-height: 45px; margin-top: -43px; border-radius: 50%; background: rgba(255,255,255,.5); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-right i{ position: relative; top: -1px; right: -1px; }
.banner .banner-left:hover,.banner .banner-right:hover{ background: #1c3f77; color: #fff; }
@media only screen and (max-width:920px) {
.banner{ margin-top:60px; padding-bottom:25px; }
.banner .banner-left{ width: 30px; line-height: 30px; height: 30px; font-size: 18px; margin-top: -15px; left: 10px; }
.banner .banner-right{ width: 30px; line-height: 30px; height: 30px; font-size: 18px; margin-top: -15px; right: 10px; }
.banner .pagination{ bottom: 0; }
.banner .pagination .swiper-pagination-switch{ width: 8px; height: 8px; }
}
/* ==========================================================================
   xjnpart01
   ========================================================================== */
.xjnpart01{padding:60px 0;}
.xjnpart01 .row{width: calc(33.33% - 10px); float: left;}
.xjnpart01 .row:nth-child(2){margin:0 15px;}
.Hprofl{border:1px solid #cfd0d9;padding:30px; height: 569px;}
.Hprofl h3{font-size: 30px;height: 40px; line-height: 40px; margin-bottom: 10px;}

.Hpromenu{position: relative; height: auto;text-transform:Uppercase;}
.Hpromenu .level01{width: 100%; float: left;}

.Hpromenu .level01 li{height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;
   text-indent: 50px;position: relative;
 border:1px solid #fff; border-right: 0; border-bottom: 1px solid #e1e1e8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.Hpromenu .level01 li em{width: 40px; height: 40px; display: block;position: absolute; left:10px; top:4px; }
.Hpromenu .level01 li em{background-position: left top;}
.Hpromenu .level01 li:hover em{background-position: left bottom;}
.Hpromenu .level01 li:hover{border-left: 1px solid #e1e1e8;}
.Hpromenu .level01 li:first-child:hover { border-top: 1px solid #e1e1e8;} 
.Hpromenu .level01 li:hover a{color: #1c3f77;}

.Hpromenu .level02{width: 250px;padding:15px;position: absolute;z-index: 1; left: 181px; top: 0;border:1px solid #e1e1e8;background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.Hpromenu .level02 a{width: 100%;height: 50px; text-indent: 30px; line-height: 50px;border-bottom: 1px solid #e1e1e8;
  display: block;position: relative;color: #757681; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Hpromenu .level02 a:last-child {border-bottom: 0;}
.Hpromenu .level02 a:before {
content: "";display: block; top: 50%; left:5px; margin-top: -3px; position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 6px solid #757681;
border-bottom: 6px solid transparent;
}
.Hpromenu .level02 a:hover{color: #1c3f77;}
/*.Hpromenu .level02{display: none;}*/
.Hpromenu1 .level02{ min-height:242px}
.Hpromenu2 .level02{ min-height:312px}
.Hpromenu2 .level02 a {
    height: 38px;
    line-height: 38px;
}

.hsearch{ border: 1px solid #cfd0d9; padding:30px 40px; height:150px;} 
.hsearch h3{font-size: 30px;height: 40px; line-height: 40px; margin-bottom:40px;}
.globalsearch{width:100%;}
.globalsearch .warp{background: #fff;border:2px solid #1c3f77;}
.globalsearch #q{ float: left;   border: 0 none; }
.globalsearch .search-btn { float: right;   border: 0 none; }
.globalsearch #q { width: calc(100% - 130px); height: 18px; padding:11px 10px; line-height: 18px; background: #fff;border:1px solid #fff;font-size: 14px; }
.globalsearch .search-btn { width: 90px;padding:0; text-indent: 10px; margin:0; height: 43px; cursor: pointer; padding-left:15px;
    background:#1c3f77 url("../images/search2.png")/*tpa=http://www.ncepower.com/cn/images/search2.png*/ 15px center no-repeat ; color: #fff;font-size: 16px; }
.hnews{ border: 1px solid #cfd0d9; padding: 40px; height:322px;margin-top: 15px;} 
.hnews h3{font-size: 30px;height: 40px; line-height: 40px; margin-bottom:30px;} 
.hnewsul li{width: 100%;height: 30px; text-indent: 30px; line-height: 30px;position: relative; color: #757681;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hnewsul li:before {
content: "";display: block; top: 50%; left:5px; margin-top: -5px; position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 6px solid #757681;
border-bottom: 6px solid transparent;
}  
.hnewsul li a{color: #191919;font-size: 16px;}
.hnewsul li a:hover{color: #1c3f77;}
.envelope .fa-search{    width: 40px;
    height: 36px;
    line-height: 36px; cursor: pointer;font-size: 24px;color: #1c3f77;}
.envelope{position: absolute;right:20px;}
.globalsearchtop{display: none;-webkit-transition: background 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out, -moz-box-shadow 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;}
.globalsearchtop{position: absolute; top:31px; right:30px;width: 150px;/*padding:15px;*/z-index: 99; background:#1c3f77;    border: 1px solid #ccc;}
.globalsearchtop .warp{background: #fff;}
.globalsearchtop #q{ float: left;   border: 0 none; }
.globalsearchtop .search-btn { float: right;   border: 0 none; }
.globalsearchtop #q { width: calc(100% - 70px); height: 18px; padding: 10px; line-height: 18px; background: #fff;border:1px solid #fff;font: 300 12px/18px microsoft yahei;  }
.globalsearchtop .search-btn { width: 40px;padding:0;margin:0; height: 40px; cursor: pointer; background: url("../images/btn_sertop.png")/*tpa=http://www.ncepower.com/cn/images/btn_sertop.png*/ no-repeat center;}

.headerpc.mini_top .globalsearchtop {top:15px; }
@media only screen and (max-width:1200px) {
.Hprofl h3,.hsearch h3,.hnews h3{font-size: 18px;}
.Hpromenu li .level01{font-size: 16px;height: 50px; line-height: 50px;width: 160px;}
.Hpromenu li .level01 em{top: 5px;}
.Hprofl{padding:20px;height: 350px;}
.hsearch h3,.hnews h3{margin-bottom: 20px;}
.hsearch{padding:20px; height: 120px;}
.hnews{padding:20px;}
.hnewsul li a{font-size: 14px;}
.hnewsul li {text-indent: 20px;}
.xjnpart01 .row:nth-child(1){position: relative;z-index: 3;}
}

@media only screen and (max-width:920px) {
.Hpromenu li .level01{font-size: 14px;}
}



@media only screen and (max-width:768px) {
.xjnpart01 .row{width:100%; float: none;}
.xjnpart01 .row:nth-child(2){margin:15px 0;}
.Hprofl{height: auto;background-size: auto 130px!important;}
.Hpromenu li .level02{display: block;position: relative;left: 0;width: calc(100% - 20px); 
 padding: 0;border:0;box-shadow:none;padding-bottom: 10px;border-bottom: 1px solid #e1e1e8;padding-left: 20px;}
.Hpromenu li .level01{width: 100%;border: 0;}
.Hpromenu li .level02 a{font-size: 12px;border-bottom: none;height: 30px; line-height: 30px;}
.xjnpart01{padding:20px 0;}
.Hpromenu li .level01,.Hpromenu li .level02{background-color: rgba(255, 255, 255, .0);}
.hsearch,.hnews{background-size: auto 80px!important;height: auto;}
.Hprofl h3,.hsearch h3,.hnews h3{font-size: 16px;margin-bottom: 10px;}
.hnewsul li a{font-size: 12px;}
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer { color: #fefefe;background:#494a4f;padding:30px 0; font-size: 14px; line-height: 24px;}
footer a { color: #fefefe; }
footer a:hover { text-decoration: underline;color: #fff; }
footer .address{float: left; max-width:330px; }
footer .copyright{float: right; max-width:370px;}
footer .copyright span:first-child {display: block;}
footer .fewm{ float:left; width:500px; margin-left:70px; margin-bottom:20px; }
footer .fewm .li{ width:25%; float:left; padding:0 8px; box-sizing: border-box; }
footer .fewm .li .pic img{ width:100%; height:auto; }
footer .fewm .li .tit{ text-align:center; }
footer .fewm .clean{ clear:both;}
@media only screen and (max-width: 1284px) { footer .fewm{ float:right; } }
@media only screen and (max-width: 920px) {  
  footer{font-size: 14px;}
  footer .fewm .li{ padding:0 5px; }
}

@media only screen and (max-width: 768px) { 
footer{padding:20px 0;font-size: 12px;}
footer .copyright { float: left;}
footer .copyright span:first-child {display: inline-block;}
footer .fewm{ float:none; width:auto; margin:20px 0; clear: both; }
footer .address{ float:none; }
}

.toggle-btn { display: none;}

@media only screen and (max-width: 768px) {
    .toggle-btn {
        display: block;
        position: absolute;
        right: 20px;
        top: 10px;
        transition: all 0.5s;
    }    
    .inner-cont > p img {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }    
   .gn-item:hover .toggle-btn {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.tishi {
    font-size: 14px;
    margin: 30px 0;
    text-align: center;
}