@charset "UTF-8";
/* CSS Document */

body.overflow, html.overflow { overflow-y: hidden }
html::-webkit-scrollbar { display:  none; }

html { height: 100%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; color: #666; background: #fff }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1 }
p { margin: 0 }
address { margin-bottom: 1.125rem; font-style: normal; line-height: inherit }
dd, dl, ol, ul { margin: 0; padding: 0; list-style: none }
a { color: inherit; text-decoration: none }
i { font-style: inherit }
ul, li, ol { list-style: none;}
figure { margin: 0 }
img { vertical-align: top; border: 0 none }
img::-moz-selection { background: 0 0 }
img::selection { background: 0 0 }
hr { visibility: visible; height: 1px; margin: 0; background: #eee; border: 0 none }
svg { width: 100%; height: 100% }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
.clearfix:after{ display: block;clear:both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom: 1;}
:focus { outline: 0 none }
.fl {float: left;}
.fr {float: right;}
.container{ width: 1300px; margin: 0 auto;}
.fixedImg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-66{padding-bottom: 66%;}
.rect-67{padding-bottom: 67%;}
.rect-100{padding-bottom: 100%;}
.rect-137{padding-bottom: 137%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.header{ width: 100%; position: fixed; top:0; left: 0; height: 90px; background: #fff; z-index: 999;box-shadow: 0 0 5px rgba(0,0,0, 0.3);  }
.header .logo{ position: relative;height: 60px; margin: 15px 0;}
.header .nav li{ display: inline-block; }
.header .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 90px; }
.header .nav .nLi:hover .sua{ color: #1c4ca0; font-weight: bold;}
.header .nav .nLi.active{ color:#1c4ca0;   }
.header .nav .nLi.active .sua{ color: #1c4ca0; font-weight: bold;}
.header .nav li .sua{ margin:0 28px; line-height: 90px; font-size: 16px; color: #333; display: block;position: relative; font-weight: bold; }
.header .nav li .sua .icon{ width: 16px; height: 16px; background: #333 url(../images/language.gif) no-repeat center; float: left;border-radius: 100%; -moz-border-radius: 100%;  -webkit-border-radius: 100%;  -o-border-radius: 100%; background-size: cover; margin-top: 37px; margin-right: 10px;}
.header .nav li:hover .sua .icon{background: #1c4ca0 url(../images/language.gif) no-repeat center;border-radius: 100%; -moz-border-radius: 100%;  -webkit-border-radius: 100%;  -o-border-radius: 100%; background-size: cover;}
.header .nav li .sua::before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #1c4ca0;}
.header .nav li:hover .sua::before{ width: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.header .nav li.active .sua::before{ width: 100%;}
.header .nav .sub{ display:none; width:100%; left:0; top:90px; z-index: 9999;  position:absolute; background:rgba(0,0,0,0.5);  line-height:40px; padding:10px 0;} 
.header .nav .sub li{ zoom:1;   display: inline-block; margin: 0 20px;}
.header .nav .sub a{ display:block; color: #fff;  font-size: 15px; line-height: 40px; margin: 0;}
.header .nav .sub a:hover{ color:#1c4ca0;  font-weight: bold; }

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center; overflow:hidden;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;background: #fff; border-radius:6px; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd .on{background:#1c4ca0;}
.banner .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:43px;height:43px;background:url(../images/jt_prev.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;right:8%;z-index:1;width:43px;height:43px;background:url(../images/jt_next.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}


.InAbout{ width: 100%; position: relative; padding: 60px 0 0; background: url(../images/Abo_bg.jpg) center no-repeat;}
.InAbout .Top{ width: 100%; position: relative; margin: 0 auto; text-align: center;}
.InAbout .Top .T{font-size: 34px; color: #fff; font-weight: bold; line-height: 1;}
.InAbout .Top .Tc{ font-size: 20px; color: #fff; font-weight: bold;margin-top: 15px; margin-bottom: 15px; line-height: 1;}
.InAbout .Top .cn{ font-size: 15px; color: #fff; line-height: 34px; width: 82%; margin: 0 auto;}
.InAbout .more { text-align: center; position: relative; width: 90px; height: 90px; background: #ffc602; border-radius: 50%; margin: 100px auto 0;}
.InAbout .more:hover{ background: #dbaa03;}
.InAbout .more::before{ content: ''; position: absolute; width: 130px; height: 130px; border: 1px solid rgba(255,198,2, 0.6); border-radius: 50%; left: 50%;margin-left: -65px; top: 50%; margin-top: -65px;}
.InAbout .more::after{ content: ''; position: absolute; width: 180px; height: 180px; border: 1px solid rgba(255,198,2, 0.4); border-radius: 50%; left: 50%;margin-left: -90px; top: 50%; margin-top: -90px;}
.InAbout .more a{ display: block; font-size: 15px; color: #fff;position: relative; line-height: 90px; z-index: 22;}
.InAbout .more a::before{ content: ''; position: absolute; width: 18px; height: 10px; background: url(../images/more_jt.png) center no-repeat; left: 50%; margin-left: -9px; bottom: 20px;}
.InAbout .Abol{ width: 100%; background: #fff; margin-top: 130px;}
.InAbout .Abol .item{ width: 33.333%; float: left;position: relative;  height: 180px;}
.InAbout .Abol .item::before{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eee;}
.InAbout .Abol .item .cover{ padding:30px 50px; display: block;}
.InAbout .Abol .item .t{ font-size: 22px; color: #333; font-weight: bold; }
.InAbout .Abol .item .c{ font-size: 17px; color: #999; margin-top: 10px; margin-bottom: 20px;}
.InAbout .Abol .item .icon1{ width: 50px; height: 40px; float: right; background: url(../images/Abo_ico1.png) center no-repeat;}
.InAbout .Abol .item .icon2{ width: 50px; height: 40px; float: right; background: url(../images/Abo_ico2.png) center no-repeat;}
.InAbout .Abol .item .icon3{ width: 50px; height: 40px; float: right; background: url(../images/Abo_ico3.png) center no-repeat;}
.InAbout .Abol .item:hover .t{ color: #1c4ca0;}
.InAbout .Abol .item:hover .icon{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}



.InNews{ width: 100%; position: relative; padding: 60px 0; background: #f5f5f5;}
.InNews .Top{ width: 100%; position: relative;}
.InNews .Top .Tl{ float: left;}
.InNews .Top .Tl dd{ font-size: 34px; color: #333;}
.InNews .Top .Tl dt{ font-size: 18px; color: #999;}
.InNews .Top .more{ width: 200px; height: 50px; border:2px #666 solid; text-align: center; float: right; position: relative; line-height: 46px;}
.InNews .Top .more::before{ content: ''; position: absolute; width: 14px; height: 12px; right: 30px; top: 50%; margin-top: -6px; background: url(../images/news_m.png) center no-repeat;}
.InNews .Top .more a{display: block; font-size: 15px; color: #666;}
.InNews .Top .more:hover{ background: #1c4ca0; border: 2px #1c4ca0 solid;}
.InNews .Top .more:hover::before{ background: url(../images/news_mh.png) center no-repeat;}
.InNews .Top .more:hover a{color: #fff;}
.InNews .NewsList{ width: 100%; position: relative; margin-top: 40px;} 
.InNews .NewsList .Newsl{ width: 34%; float: left;}
.InNews .NewsList .Newsl .NewsTit{ background: #fff;}
.InNews .NewsList .Newsl .NewsTit .cover{ padding: 30px 20px;}
.InNews .NewsList .Newsl .NewsTit .date{ font-size: 15px; color: #999;}
.InNews .NewsList .Newsl .NewsTit .Tibox{ margin-top: 20px;}
.InNews .NewsList .Newsl .NewsTit .Tibox .T{ width: 68%; float: left; font-size: 18px; color: #333; font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 32px;height: 64px;}
.InNews .NewsList .Newsl .NewsTit .Tibox b{ width: 38px; height: 38px; float: right; border: 1px #999 solid; border-radius: 50%; background: url(../images/news_m.png) center no-repeat; margin-top: 15px;}
.InNews .NewsList .Newsl .NewsTit:hover .Tibox .T{ color: #1c4ca0;}
.InNews .NewsList .Newsl .NewsTit:hover .Tibox b{  border: 1px #1c4ca0 solid;  background:#1c4ca0 url(../images/news_mh.png) center no-repeat; box-shadow: 0 0 20px rgba(0,0,0, 0.2);}
.InNews .Newsr{ width: 63%; float: right; background: #fff;}
.InNews .Newsr .cover{ padding: 45px 35px;}
.InNews .Newsr .date{ width: 15%; float: left; text-align: center; position: relative;}
.InNews .Newsr .date::before{ content: ''; position: absolute;width: 2px; height: 100%; background: #ebebeb; right: 0; top: 0;}
.InNews .Newsr .date .day{ font-size: 40px; color: #666; font-weight: bold;}
.InNews .Newsr .date .year{ font-size: 15px; color: #666; margin-top: 5px;}
.InNews .Newsr .NewsTit{ padding: 25px 0; position: relative;}
.InNews .Newsr .NewsTit::before{ content: '';position: absolute; width: 100%; height: 2px; background: #ebebeb; bottom: 0; left: 0;}
.InNews .Newsr .item:first-child .NewsTit{ padding-top: 0;}
.InNews .Newsr .item:last-child .NewsTit{ padding-bottom: 0;}
.InNews .Newsr .item:last-child .NewsTit::before{ display: none;}
.InNews .Newsr .NewsTit .Tibox{ width: 80%; float: right;}
.InNews .Newsr .NewsTit .Tibox .T{ width: 68%; float: left; }
.InNews .Newsr .NewsTit .Tibox .T dd{font-size: 18px; color: #333; font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.InNews .Newsr .NewsTit .Tibox .T dt{font-size: 14px; color: #666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 26px; margin-top: 15px;}
.InNews .Newsr .NewsTit .Tibox b{ width: 38px; height: 38px; float: right; border: 1px #999 solid; border-radius: 50%; background: url(../images/news_m.png) center no-repeat; margin-top: 15px;}
.InNews .Newsr .NewsTit:hover .Tibox .T dd{ color: #1c4ca0;}
.InNews .Newsr .NewsTit:hover .Tibox b{  border: 1px #1c4ca0 solid;  background:#1c4ca0 url(../images/news_mh.png) center no-repeat; box-shadow: 0 0 20px rgba(0,0,0, 0.2);}

.InProduct{ width: 100%; position: relative; padding: 60px 0;}
.InProduct .left{ width: 25%; float: left;}
.InProduct .left .Top dd{font-size: 34px; color: #333; font-weight: bold;}
.InProduct .left .Top dt{ font-size: 14px; color: #666; line-height: 28px; margin-top: 45px;}
.InProduct .left .ProRx{ position: relative; margin-top: 60px;}
.InProduct .left .ProRx dd{ font-size: 20px; color: #333; font-weight: bold;}
.InProduct .left .ProRx dt{ margin-top: 15px;}
.InProduct .left .ProRx dt a{ width: 48%; height: 38px; line-height: 36px; font-size: 15px;  font-weight: bold; color: #555; border: 2px #555 solid; float: left; margin-right: 4%; text-align: center; margin-bottom: 15px;}
.InProduct .left .ProRx dt a:nth-child(2n){ margin-right: 0;}
.InProduct .left .ProRx dt a:hover{ background: #1c4ca0; border: 2px #1c4ca0 solid; color: #fff;}
.InProduct .left .ProRx .more{ position: relative; margin-top: 30px;}
.InProduct .left .ProRx .more a{ padding-left: 50px; background: url(../images/p_more.png) left center no-repeat; font-size: 16px; color: #333; line-height: 44px; display: block;}
.InProduct .left .ProRx .more a:hover{background: url(../images/p_moreh.png) left center no-repeat;  color: #1c4ca0;}
.InProduct .right{ width: 72%; float: right; position: relative; overflow: hidden;}
.InProduct .right .bd li{ margin-right: 10px; width: 32.6%; float: left; position: relative;}
.InProduct .right .bd li .txt_box{ width: 100%; height: 100%; position: absolute; z-index: 1; top: 26%; left: 0;moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; }
.InProduct .right .bd li .txt_box .cover{ padding: 68% 30px 0;}
.InProduct .right .bd li .txt_box .name{font-size: 22px; color: #fff; font-weight: bold;}
.InProduct .right .bd li .txt_box .miao{font-size: 15px; color: #fff; margin-top: 30px; opacity: 0;moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .right .bd li .txt_box .more{ margin-top: 30%; opacity: 0; moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .right .bd li .txt_box .more a{ font-size: 14px; color: #fff;moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .right .bd li:hover .txt_box{background: rgba(1,127,188, 0.8); top:0;}
.InProduct .right .bd li:hover .txt_box .miao,.InProduct .right .bd li:hover .txt_box .more{opacity: 1;}
.InProduct .right .bd li .txt_box .more:hover a{ margin-left: 10px;}
.InProduct .right .hd{ text-align: center; margin: 30px auto 0;}
.InProduct .right .hd ul{ overflow:hidden; zoom:1;}
.InProduct .right .hd ul li{width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; display: inline-block; background: #ffc602; border-radius: 6px;}
.InProduct .right .hd ul li.on{ background:#1c4ca0; width: 30px; }



/* footer */
.footer{ width: 100%; background: #f5f5f5; position: relative;}
.footer .Top{border-bottom:1px #eee  solid; width: 100%; height: 90px; display: none;}
.footer .share{ padding: 30px 0; }
.footer .share li{ float: left; margin-left: 15px; }
.footer .share li img{ width: 30px; }
.footer .share li .img1{ display: none; }
.footer .share li:hover img{ display: none; }
.footer .share li:hover .img1{ display: inline-block; }
.footDiv{ width: 100%; padding: 40px 0;}
.footDiv .footNav{ width: 54%; float: left; position: relative;}
.footDiv .footNav dl{ width: 25%; float: left;}
.footDiv .footNav dl dt{ font-size: 17px; color: #333; font-weight: bold;}
.footDiv .footNav dl dd{ margin-top: 20px;}
.footDiv .footNav dl dd a{ width: 100%; font-size: 14px; color: #666; line-height: 28px; display: block;}
.footDiv .footNav dl dd a:hover{ color: #1c4ca0;}
.footDiv .foot_l{ float: left; width: 28%;}
.footDiv .foot_l dl{ width: 100%; position: relative;}
.footDiv .foot_l dl dt{ font-size: 17px; color: #333; font-weight: bold;}
.footDiv .foot_l dl dd{ margin-top: 20px;}
.footDiv .foot_l dl dd p{font-size: 14px; color: #666; line-height: 35px; display: block;}
.footDiv .foot_l dl dd .icon{ width: 21px; height: 16px; float: left; margin: 7px 10px 0 0;}
.footDiv .foot_l dl dd .ico1{ background: url(../images/fico1.png) center no-repeat;}
.footDiv .foot_l dl dd .ico2{ background: url(../images/fico2.png) center no-repeat;}
.footDiv .foot_l dl dd .ico3{ background: url(../images/fico3.png) center no-repeat;}
.footDiv .foot_l dl dd .c{ float: left;}
.footDiv .ewm{ width: 10%; float: right;}
.footDiv .ewm dd{ margin-bottom: 10px; width: 100%; float: left;}
.footDiv .ewm .img{ float: left;    margin-right: 10px;}
.footDiv .ewm p{ float: left; font-size: 13px; color: #999; height: 105px; text-align: center;display: flex;}
.footDiv .ewm p span{display: inline-block;  height: 100%; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/}
.copy{ width: 100%; height: 60px; background: #f9f9f9; line-height: 60px; font-size: 14px; color: #666;border-top:1px #eee  solid;}
.copy a{font-size: 14px; color: #666;}
.copy a:hover{color: #1c4ca0;}


/* page_banner */
.Pagebanner{width: 100%; position: relative; height: 360px;  overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2; background: url(../images/grid_bg.png) top left repeat;}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute;top: 0; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .xc_b{position: absolute;top: 125px;left: 0; z-index: 99; width: 100%;}
.Pagebanner .xc_b .cover{ width:35%; float: left;}
.Pagebanner .xc_b h1{font-size: 38px;font-weight: bold;color: #ffffff;margin-bottom: 20px;}
.Pagebanner .xc_b p{ font-size: 16px; color: #fff;}

.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; background: #f1f1f1;}
.PageNav .home{float: left;width: 65px;line-height: 65px;text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.PageNav .home .icon{display: inline-block; vertical-align: middle; width: 17px; height: 15px; background: url(../images/home.png) no-repeat center;}
.PageNav .NavList{ float: left;}
.PageNav .NavList ul{font-size: 0;}
.PageNav .NavList li{position: relative;display: inline-block;width: auto;vertical-align: top;}
.PageNav .NavList li::before{ position: absolute; content: ''; right: 0; top:50%; margin-top: -10px; width: 1px; height:20px; background: #ccc;}
.PageNav .NavList li:hover::after{ position: absolute; content: ''; bottom: 0; left:0; width: 100%; height:3px;}
.PageNav .NavList li a{position: relative;font-size: 17px;  height: 65px;line-height: 65px;color: #333;display: block;transition: 0.3s ease 0s; padding: 0 40px;}
.PageNav .NavList li.select::after,.PageNav .NavList li:hover::after{ position: absolute; content: ''; bottom: 0; left:50%; margin-left:-30%; width: 60%; height:3px; background: #1c4ca0; display:none;}
.PageNav .NavList li:hover a{ color: #1c4ca0;font-weight: bold; }
.PageNav .NavList li.select a{ color: #1c4ca0; font-weight: bold;}
.Crumbs{ position: relative;width: 100%; margin-top: 60px; font-size: 18px; font-weight: bold; color: #fff;}
.Crumbs .crumbs{ float: left; font-size: 15px; font-weight: 400; color: #fff;}
.Crumbs .crumbs .fangzi{display: inline-block; width: 15px; height: 15px;  background: url(../images/fangzi.png); margin-bottom: -1px;}
.Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #fff; margin: 0 5px;}
.Crumbs .crumbs a:hover{color: #eee; }

.PageCon{ width: 100%; position: relative; padding: 60px 0;}
.PageCon .con{ font-size: 15px; line-height: 30px; color: #666; }




.PageNews{ width: 100%; position: relative; padding: 60px 0;}
.PageNews .NewsList{ width: 100%; position: relative; }
.PageNews .NewsList li{ width: 49%; float: left;  margin-right: 2%; margin-bottom: 25px;}
.PageNews .NewsList li:nth-child(2n){ margin-right: 0;}
.PageNews .NewsList li a{ display: block; background: #f7f7f7; padding: 30px 4%; position: relative; perspective: 300px; -webkit-perspective: 300px; }
.PageNews .NewsList li a:before{content: "";width: 100%;height: 100%;background: #1c4ca0;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;transform: rotateX(-60deg);-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);}
.PageNews .NewsList li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.PageNews .NewsList li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #1c4ca0; position: relative; z-index:9;}
.PageNews .NewsList li .news_text{margin-top: 11px; position: relative; z-index:9;}
.PageNews .NewsList li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin: 0 20px 0 0;}
.PageNews .NewsList li .news_text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .NewsList li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold;  transition: 0.35s;}
.PageNews .NewsList li .news_fix p{ color: #666; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList li .news_more{ width: 55px; height: 55px; background: #1c4ca0; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s; z-index:9;}
.PageNews .NewsList li .news_more:before{ content: ""; width: 16px; height: 16px; background: url(../images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.PageNews .NewsList li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .NewsList li a:hover .news_fix h3{ color: #fff;}
.PageNews .NewsList li a:hover time{ color:#fff;border-left: 7px solid #fff;}
.PageNews .NewsList li a:hover .news_more{ background: #1c4ca0;}
.PageNews .NewsList li a:hover .news_more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.PageNews .NewsList li a:hover .news_fix p{ color:#fff;}

.detailT{ width: 100%; position: relative;}
.detailT .Img{ width: 48%; float: left;}
.detailT .detailY{width: 48%;}
.detailT .detailY .title{ font-size: 20px; color: #1c4ca0; font-weight: bold; line-height: 30px;}
.detailT .detailY .x{ margin: 15px 0; width: 100%; height: 2px; background: #ccc;}
.detailT .detailY .titmd{ font-size: 16px; color: #666; line-height: 32px;}


.pageNewsT{ width:100%; margin:0 auto; font-size:20px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}

.TalentList .pageNewsT{ width:100%; margin:0 auto; font-size:24px; text-align:left; color:#333; font-weight:bold; border-bottom: dashed 1px #999; padding-bottom: 10px;}
.TalentList .pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.TalentList .pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.TalentList .pageNewsD img{ max-width:100%; margin:5px 0;}


.Pagecourse{ width: 100%; position: relative;  padding: 60px 0;}
.Pagecourse .courseb{width: 100%; position: relative;}
.Pagecourse .courseList {width: 100%; position: relative;}
.Pagecourse .courseList:before{content: "";width: 24px; height: 12px; background-image: url(../images/hjt.png);bottom: -.5rem;left: 50%; margin-left: -12px;transform: rotate(180deg); position: absolute;}
.Pagecourse .courseList:after{content: ""; width: 24px;height: 12px; background-image: url(../images/hjt.png);top: -.5rem;left: 50%; margin-left: -12px; position: absolute;}
.Pagecourse .courseList ul{width: 100%; position: relative;z-index: 2;}
.Pagecourse .courseList ul li{ width: 100%; height: 245px;}
.Pagecourse .courseList ul li .left{ width: 50%; height: 100%; float: left; text-align: right; padding-right: 75px;}
.Pagecourse .courseList ul li .left .tit-36{ line-height: 1.8; font-size: 36px;}
.Pagecourse .courseList ul li .left .tit-18{line-height: 1.8; font-size: 16px; }
.Pagecourse .courseList ul li .right{width: 50%; height: 100%; float: left; position: relative;}
.Pagecourse .courseList ul li .right img{width: 360px;position: absolute; left: 75px; z-index: 7;}
.Pagecourse .courseList ul li:nth-child(2n) .left{ float: right; text-align: left; padding-right: 0; padding-left: 75px;}
.Pagecourse .courseList ul li .right .bot { width: 30px; height: 30px; background-color: #fff; border-radius: 50%; position: absolute; left: -15px; top: 16%; z-index: 5;}
.Pagecourse .courseList ul li .right .bot:before { content: ""; width: 60px; height: 2px; background-color: #949494; left: 30px; top: 50%; position: absolute; margin-top: -1px;}
.Pagecourse .courseList ul li .right .bot:after {content: ""; width: 15px; height: 15px; background-color: #949494; border-radius: 50%; position: absolute; left: 0;  top: 50%; margin-top: -7.5px; margin-left: -7.5px; left: 50%; z-index: 22;}
.Pagecourse .courseList ul li:nth-child(2n) .right .bot { left: auto; right: -15px;}
.Pagecourse .courseList ul li:nth-child(2n) .right .bot:before { left: auto;right: 30px;}
.Pagecourse .courseList ul li:nth-child(2n) .right img { left: auto; right: 75px;}
.Pagecourse .courseList .line { position: absolute; width: 6px; height: calc(100% - 2rem); background-color: #949494; left: 50%; margin-left: -3px; border-radius: 5px; top: 50%; transform: translateY(-50%);}


.PageTalent{width: 100%; position: relative;  padding: 60px 0;}
.PageTalent .TalentList{width: 100%; position: relative;}
.PageTalent .TalentList li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 2%;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.PageTalent .TalentList li a{ display: block;}
.PageTalent .TalentList li .news_text{ padding: 6%; background: #f9f9f9;}
.PageTalent .TalentList li .news_text h3{ font-size: 20px; color: #333; margin: 0 0 15px; line-height: 1.2;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageTalent .TalentList li .news_text p{ font-size: 15px; color: #666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px;}
.PageTalent .TalentList li:hover .news_text{ background: #1c4ca0;}
.PageTalent .TalentList li:hover .news_text h3,.PageTalent .TalentList li:hover .news_text p{ color: #fff;}

.PagePro{ width: 100%; position: relative;  padding: 30px 0 60px 0;}
.PagePro .ProList{ position: relative; margin-top:30px;}
.PagePro .ProList li{ background: #fff; margin-bottom: 25px; position: relative; width: 23.5%; margin-right: 2%; float: left;}
.PagePro .ProList li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.PagePro .ProList li:nth-child(4n){ margin-right: 0;}
.PagePro .ProList li .li_box .con{ font-size: 15px; color: #666;line-height: 28px; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PagePro .ProList li .li_box{padding:15px;}
.PagePro .ProList li .li_box .tit{font-size: 18px; font-weight: bold; color: #333; line-height:50px; border-bottom: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PagePro .ProList li .li_box .tit:hover{ color:#1c4ca0;}
.PagePro .tablep{border-bottom: 2px #e7e7e7 solid;   text-align: center;}
.PagePro .tablep li{display: inline-block; margin: 0; height: 60px; line-height: 60px; text-align: center; color: #333333; position: relative;width: auto;vertical-align: top;}
.PagePro .tablep li::before{content: ""; position: absolute; height: 2px; width: 0; left: 35%; bottom: 0; background-color: #1c4ca0; transition: all 0.4s;}
.PagePro .tablep li.active::before,.PagePro .tablep li:hover::before{ width: 30%;}
.PagePro .tablep li a{position: relative;font-size: 17px;line-height: 60px;padding: 0 40px;color: #333;display: block;transition: all 0.4s;} 
.PagePro .tablep li:hover a,.PagePro .tablep li.active a{ color: #1c4ca0;}
.PagePro .tablep li::after{content: ""; position: absolute; width: 1px; height: 40%; right: 0; top: 30%; background-color: #eee;}
.PagePro .tablep li:last-child::after{ display: none;}

.Pagedetail{  width: 100%; position: relative; padding: 60px 0;}
.Pagedetail .detailbox{ padding: 40px; background: #fff; border-bottom: 4px #1c4ca0 solid;}
.Pagedetail .left{width: 48%;float: left; position: relative; margin-right: 2.5%;}
.picFocus{ float:left;  width:100%;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li span{border:2px solid #ddd;}
.picFocus .hd ul li img{ width:100%;  cursor:pointer; margin-right:8px; display:  block;  }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on span{ border-color:#1c4ca0;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .bd li span{border:1px solid #ddd; width: 99%;}
.picFocus .prev{ position:absolute; left:0 ; bottom:30px;}
.picFocus .next{ position:absolute; right:0 ; bottom:30px;}
.Pagedetail .right{width: 48%; float:right ;}
.Pagedetail .right .title{ font-size: 28px; color: #333; font-weight: bold;}
.Pagedetail .right .titmd{ font-size: 16px; line-height: 30px; color: #666; margin-top: 15px; padding: 40px 0; border-top: 1px #ddd solid;}
.Pagedetail .right .btn{padding-left:0; box-shadow:none; margin-top:30px;}
.Pagedetail .right .btn .icon{width:28px; height:23px; background:url(../img/proDetail01.png) no-repeat left; display:inline-block; position:relative; top:5px; margin-right:10px;}
.Pagedetail .right .btn>a{display:inline-block; background:#facd00; transition:.3s ease; font-size:18px; color:#fff; font-weight:bold; line-height:33px; padding:10px 25px;}
.Pagedetail .right .btn>a.order:hover{background:#fabc00;}
.Pagedetail .right .btn .tel .icon{background-position:-28px 0;}
.Pagedetail .right .btn .tel{ background:#1c4ca0; color:#fff;}
.Pagedetail .right .btn .tel:hover{background:#1c4ca0;}
.Pagedetail .detailbox01{ padding: 40px 60px; font-size: 16px; line-height: 30px; color: #333; background: #fff;}
.Pagedetail .detailbox01 img{ max-width: 100%;}
.Pagedetail .detailbox01 table{border-collapse:collapse;width:100%;}
.Pagedetail .detailbox01 table,tr{ font-size: 16px; color: #444; }
.Pagedetail .detailbox01 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}



.PageHonor{ width: 100%; position: relative;  padding: 60px 0; }
.Pageh{ width: 100%; position: relative; }
.Pageh li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.Pageh li:nth-child(4n){ margin-right: 0;}
.Pageh li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.Pageh li:hover .img{border: 2px #1c4ca0 solid;}
.Pageh li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.Pageh li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.Pageh li p{ background:#fff; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Pageh li:hover p{ background: #1c4ca0; color: #fff;}


.PageTact{ width: 100%; position: relative;  padding: 60px 0;}
.PageTact .TactList{ position: relative; width: 100%;}
.PageTact .left{ width: 35%; background:#f3f4f8; float: left;}
.PageTact .left .cn{ padding: 30px;}
.PageTact .left .cn .T{ font-size: 24px; font-weight: bold; color: #1c4ca0; padding-bottom: 20px;border-bottom: 1px solid #dcdde1;}
.PageTact .left .list{ position: relative;}
.PageTact .left .list .item{line-height: 40px; padding: 20px 0; border-bottom: 1px solid #dcdde1;font-size: 16px; color: #616161;}
.PageTact .right{ width: 64%; float: right; height: 432px;}


/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;}
.pages1_l a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_l:hover a{ color:#1c4ca0;}
.pages1_r{ float:left; width:100%; height:40px; }
.pages1_r a{ line-height:40px; color:#666;display:block;font-size: 14px;}
.pages1_r:hover a{ color:#1c4ca0;}

.pages { margin:25px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#1c4ca0;  border:1px solid #1c4ca0;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#1c4ca0;  border:1px solid #1c4ca0;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:35px; line-height:35px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}






/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #0060b6;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #0060b6;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}