@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;

box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;

-ms-box-sizing: border-box; -moz-box-sizing: border-box;}

html {width: 100%; font-weight: normal;

	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;}

body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Microsoft YaHei'; }

ul,ul li,ol,li {list-style: none outside none;}

img {vertical-align: middle;border: none;}

input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial,'Microsoft YaHei';}

a {text-decoration: none;color: inherit;}

a:hover {text-decoration: none;  }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}

.fr {float: right;}

.hide{ display:none;}



.container2{display: block;max-width: 1680px; margin: 0 auto; width:95%;}

.container{display: block;max-width: 1280px; margin: 0 auto; width:85%; }

.hidden{ overflow:hidden;}


.baiback{background-color:#fff;}


.banmain{ overflow:hidden; }

.banmain .banner{height:calc(100vh); height: 100%;}



.bantxt{ color:#ffffff; line-height:1; position:absolute; top:50%; left:0; height:242px; margin-top:-120px; width:100%; z-index:100;}

.bantxt h3{ font-size:50px; margin-bottom:30px;

	position: relative;

	opacity: 0;

	top:-20px;

	-webkit-transition: 0.3s 0.3s ease-in-out;

	-o-transition: 0.3s 0.3s ease-in-out;

	transition: 0.3s 0.3s ease-in-out;

}

.bantxt p{ font-size:24px; margin-bottom:82px; line-height:1.5;

	position: relative;

	opacity: 0;

	top:-20px;

	-webkit-transition: 0.3s 0.5s ease-in-out;

	-o-transition: 0.3s 0.5s ease-in-out;

	transition: 0.3s 0.5s ease-in-out;

}

.bantxt a{ display:block; width:260px; height:54px; border:2px solid #ffffff; padding-left:20px; background:url(../images/banbtn.png) no-repeat right center; background-size:auto 100%; line-height:50px; font-size:16px;

	position: relative;

	opacity: 0;

	top:-20px;

	-webkit-transition: all 0.3s 0.7s ease-in-out,background 0.3s 0s ease-in-out,color 0.3s 0s ease-in-out;

	-o-transition: all 0.53s 0.7s ease-in-out,background 0.3s 0s ease-in-out,color 0.3s 0s ease-in-out;

	transition: all 0.3s 0.7s ease-in-out,background 0.3s 0s ease-in-out,color 0.3s 0s ease-in-out;

}

.banner .swiper-slide-active  .bantxt h3{top: 0;opacity: 1;}

.banner .swiper-slide-active  .bantxt p{top: 0;opacity: 1;}

.banner .swiper-slide-active  .bantxt a{top: 0;opacity: 1;}





.haeder{ height:90px; position: fixed; left:0; z-index:2000; width:100%;background:#ffffff;}

.haeder .container2{ background:#ffffff;}

.haeder .logos{ border-right:1px solid #d9d9d9;}

.haeder .logos img{ height:100%; display:block;}



.nav{ overflow:hidden; margin-left:28px;}

.nav li{ float:left; font-size:18px;color:#242424; line-height:90px;}

.nav li a{ display:block; padding:0 24px; }

.nav li.on,.nav li a:hover{ background:#0f4c83;  color:#ffffff;}

.nav-toggle{ display:none;}

.nav-toggle{display: none;margin-top: 17px;background: none;border: none;outline: none;cursor: pointer; margin-left:10px;}

.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #fff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}

.nav-toggle.close .span2{opacity: 0;}

.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}





.haeder .hrig{background:#0f4c83; padding:0 20px;}

.haeder .en{ height:90px; line-height:90px; padding:0 15px 0 40px; color:#ffffff; font-size:18px; background:url(../images/lang.png) no-repeat 15px center; display:none;}

.haeder .search-btn{height:90px; width:60px;background:url(../images/search-btn.png) no-repeat center center; background-size:auto 23%;cursor:pointer;}



.search{display: none;position: absolute;width: 100%;top:127px; z-index:999;left:0;}

.search .container2{padding: 10px 0px 10px 15px;border: 1px solid #d9d9d9;background-color: #fff;}

.search input[type="text"]{display: block;width: 100%;float: left;height: 30px;border: none;line-height: 30px;z-index: 20;color: #666;}

.search input[type="submit"]{position: relative;display: block;float: left;width: 50px;height: 30px;margin-right: -50px;right: 50px;border: none;background:url(../images/search-btns.png) no-repeat center center;color: #000;z-index: 20;cursor: pointer;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.search input[type="submit"]:hover{opacity: 0.5;}



.banbottom{ position:absolute; left:0; bottom:0; width:100%; z-index:100;}



.notice{ width:22%; background: url(../images/bj02.png); padding:20px; height:174px;}

.notice .notit{ overflow:hidden; line-height:30px;}

.notice .notit h3{ background:url(../images/notit.png) no-repeat left center; background-size:auto 80%; padding-left:25px; color:#ffffff; font-size:22px;}

.notice .notit a{ color:#ffffff; font-size:14px;}

.nolist{ overflow:hidden; margin-top:20px;}

.nolist li{ float:left; line-height:28px; width:100%; overflow:hidden;}

.nolist li a{ float:left; width:80%; color:#ffffff; padding-left:10px; position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.nolist li a:after{ content:""; width:2px; height:2px; background:#ffffff; top:50%; left:0; margin-top:-1px; position:absolute;}

.nolist li span{ float:right; color:#ea9494;}



.shares{ overflow:hidden; background:url(../images/bj01.png); color:#ffffff; padding:25px; height:112px; margin-top:62px;}

.shares li{ float:left; line-height:1; margin:0 32px;}

.shares li .sh01{ font-size:14px;}

.shares li .sh02{ font-family:Kalinga; margin-top:28px; font-size:20px;}

.shares li .sh03{ font-family:Impact; font-size:36px; color:#fa762b; margin-top:12px; background:url(../images/shares.png) no-repeat right center; padding-right:34px;}



.bannum{ position:absolute; bottom:50px; left:0; width:100%;}

.bannum .swiper-pagination{ position:static;  text-align:left; }

.bannum .swiper-pagination .swiper-pagination-bullet{opacity:1; background:#ffffff; width:10px; height:10px; margin-left:14px;}

.bannum .swiper-pagination .swiper-pagination-bullet-active{ background:#fa762b;}



.hkbj{ position:relative;}

.hkbj:after{content:"";position:absolute;background:url(../images/hkbj01.png) no-repeat left top;left:0;top:0;width:540px;height:310px; z-index:-1;}

.hkbj:before{content:"";position:absolute;background:url(../images/hkbj02.png) no-repeat right bottom;right:0;bottom:0;width:540px;height:310px; z-index:-1;}

.zhici{ padding-bottom:90px; overflow:hidden;}

.homenews{ padding-bottom:90px; overflow:hidden;}

.tit{ text-align:center; margin:80px 0 40px 0;}

.tit h3{ color:#2c2c2c; font-size:36px; margin-bottom:10px;}

.tit p{ font-size:16px; line-height:40px; }

.bai h3{ color:#ffffff;}

.bai p{ color:#ffffff;}

.titrig{ text-align:left; padding-right:30px; width:40%;}



.newstag{ color:#565656; font-size:16px; line-height:40px;}

.newstag a{}

.newstag a.on,.newstag a:hover{ color:#fa762b;}

.newstag span{ margin:0 25px;}

.newsban{ position:relative;}

.newsban .newsimg{ width:50%;}

.newsban .newsimg img{ display:block; width:100%;}

.newsban .newstxt{ width:50%; padding:0 5%;}

.newsban .newstxt span{ font-size:14px; display:block; line-height:50px; margin-top:5px;}

.newsban .newstxt span:after{ content:""; display:block; width:26px; height:1px; background:#da2d27;}

.newsban .newstxt h4{ color:#2c2c2c; font-size:24px; font-weight:normal; line-height:1; padding:30px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.newsban .newstxt h4:hover{ color:#fa762b;}

.newsban .newstxt p{ color:#585858; font-size:16px; line-height:1.9;

overflow:hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

word-break: break-all;}

.newsban .newstxt .more{ width:200px; height:52px; line-height:52px; display:block; background:#0f4c83 url(../images/banbtn.png) no-repeat right center; background-size:auto 100%; padding-left:45px; font-size:16px; color:#ffffff; margin-top:65px;}

.newsban .newstxt .more:hover{ background-color:#fa762b;}



.newsban .swiper-button-prev,.newsban .swiper-button-next{ width:50px; height:100px; margin-top:-50px;}

.newsban .swiper-button-prev{ background:url(../images/newsleft.png) no-repeat center center; margin-left:-100px; background-size:100% auto;}

.newsban .swiper-button-next{ background:url(../images/newsright.png) no-repeat center center; margin-right:-100px; background-size:100% auto;}



.hnlist{ overflow:hidden; margin-top:3%;}

.hnlist li{ float:left; margin-right:3%; width:31.33%; background:#f0f0f0; padding:40px;}

.hnlist li span{ font-size:14px; display:block; line-height:1; }

.hnlist li span:after{ content:""; display:block; width:26px; height:1px; background:#2756da;margin-top:20px; }

.hnlist li p{ color:#474747; font-size:18px; line-height:1.7; margin-top:15px;overflow:hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

word-break: break-all;}



.hnlist li:hover{ background:#fa762b;}

.hnlist li:hover span{ color:#ffffff;}

.hnlist li:hover span:after{ background:#ffffff;}

.hnlist li:hover p{ color:#ffffff;}





.habout{ background:url(../images/habout.jpg) no-repeat center center; background-size:cover; overflow:hidden; padding-bottom:90px;}



.alist{ overflow:hidden;}


.alist li{ height:400px; float:left;}

.alist li.w32{ width:50%;}

.alist li.w42{ width:50%;}

.alist li.w26{ width:26%;}

.alist li.bj02{ background:#fa762b;}

.alist li.bj03{background:url(../images/img03.jpg) no-repeat center center;background-size:cover; }

.alist li.bj04{ background:#21619b;}

.alist li.bj05{ background:url(../images/img04.jpg) no-repeat center center;background-size:cover; }

.alist li.bj06{ background:#a3aab8;}



.video-wrap{ position: relative; z-index: 100; display: block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;height:100%;  width: 100%;}

.video-wrap .videos{ display: block;height:100%;  width: 100%; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.video-wrap .videos.show{ opacity: 1;}

.video-wrap .mask{display: block; position: absolute; width: 100%; height:100%; background-color: rgba(0,0,0,0.5); top:0; left:0; z-index: 5;}



.video-wrap .play{display: block; position: absolute; width: 60px; height: 60px;top:50%; margin-top: -30px; left:50%; margin-left: -25px;

 background:url(../images/videos.png) no-repeat center center; background-size:100% 100%;  z-index: 10; outline: none; border: none; cursor: pointer;opacity: 1;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.video-wrap .play:hover{opacity: 1;}



.atxt{ padding:40px 40px 0 40px;overflow: hidden;}

.atxt h4{ color:#ffffff; line-height:1; font-size:24px; margin-bottom:15px;}

.atxt p{ color:#ffffff; font-size:16px; line-height:1.9;}

.atxt .more{ margin-top:25px; display:block;}

.atxt .more img{ display:block;}



.hpord{ background:url(../images/habout.jpg) no-repeat center center; background-size:cover; overflow:hidden; overflow:hidden; padding-bottom:90px;}



.prodtag{ overflow:hidden; width:1000px; margin:0 auto;}

.prodtag li{ border-bottom:8px solid #ffffff; float:left; width:200px; cursor:pointer;}

.prodtag li i{ height:50px; width:50px; margin:0 auto; display:block;}

.prodtag li span{ display:block; line-height:50px; color:#565656; font-size:16px; text-align:center;}



.prodtag li:hover,.prodtag li.on{ border-bottom:8px solid #0e68b0;}

.prodtag li:hover span,.prodtag li.on span{ color:#0e68b0;}



.prodtag li .pico01{ background:url(../images/pico01.png) no-repeat center center; background-size:100% auto;}

.prodtag li:hover .pico01,.prodtag li.on .pico01{ background:url(../images/pico01s.png) no-repeat center center;background-size:100% auto;}

.prodtag li .pico02{ background:url(../images/pico02.png) no-repeat center center;background-size:100% auto;}

.prodtag li:hover .pico02,.prodtag li.on .pico02{ background:url(../images/pico02s.png) no-repeat center center;background-size:100% auto;}

.prodtag li .pico03{ background:url(../images/pico03.png) no-repeat center center;background-size:100% auto;}

.prodtag li:hover .pico03,.prodtag li.on .pico03{ background:url(../images/pico03s.png) no-repeat center center;background-size:100% auto;}

.prodtag li .pico04{ background:url(../images/pico04.png) no-repeat center center;background-size:100% auto;}

.prodtag li:hover .pico04,.prodtag li.on .pico04{ background:url(../images/pico04s.png) no-repeat center center;background-size:100% auto;}

.prodtag li .pico05{ background:url(../images/pico05.png) no-repeat center center;background-size:100% auto;}

.prodtag li:hover .pico05,.prodtag li.on .pico05{ background:url(../images/pico05s.png) no-repeat center center;background-size:100% auto;}


.prodmain{ overflow:hidden; background:#eeeeee;}

.prodmain .prodimg{ width:50%;}

.prodmain .prodimg img{ display:block; width:100%;}

.prodmain .prodtxt{ width:50%; padding:5% 5% 0 5%;}

.prodmain .prodtxt h4{ color:#2c2c2c; font-size:30px; line-height:1; margin-bottom:15px;}

.prodmain .prodtxt p{ color:#565656; font-size:16px; line-height:1.9;}

.hplist{ overflow:hidden; margin-top:25px;}

.hplist li{ float:left; width:31%; margin-right:3.5%;}

.hplist li img{ display:block; width:100%;}

.hplist li span{ color:#565656; font-size:14px; line-height:1; margin-top:20px; display:block; text-align:center;}



.prodmain .prodtxt .more{ width:200px; height:52px; line-height:52px; display:block; background:#0f4c83 url(../images/banbtn.png) no-repeat right center; background-size:auto 100%; padding-left:45px; font-size:16px; color:#ffffff; margin-top:50px;}

.prodmain .prodtxt .more:hover{ background-color:#fa762b;}



.investor{background:#fff; padding:70px 0; overflow:hidden; }



.invmain{ overflow:hidden; width:55%; float:right; }

.inv01{ width:60%; height:330px; background:#fa762b; padding:40px 50px 0 50px;}

.inv02{ width:35%; height:150px; background:#21619b; }

.inv02 a{ display: block; padding:40px 30px 0 30px; height: 100%;}

.inv03{ width:35%; height:150px; margin-top:30px; background:#a3aab8;}

.inv03 a{display: block; padding:40px 30px 0 30px; height: 100%;}



.invtxt{color:#000000;}

.invtxt h4{ font-size:24px; margin-bottom:25px;}

.invtxt p{ font-size:16px; line-height:1.5;}

.invtxt .more{ margin-top:50px; display:block;}

.invtxt .more img{ display:block;}



.links{ overflow:hidden; line-height:36px; padding:25px 0;color:#828282; font-size:14px;}

.links span{ }

.links a{ margin-right:10px;}

.links a:hover{ color:#fa762b;}



/*footer*/

.footer{ background:#383a3f; padding:40px 0 20px 0; overflow:hidden;}

.dbnav{ overflow:hidden; width:80%;}

.dbnav li{ float:left; width:14%;}

.dbnav li.w30{ width:30%;}

.dbnav li span{color:#b9b9b9; line-height:30px; font-size:16px; margin-bottom:10px; display:block;}

.dbnav li p,.dbnav li a{ color:#828282; font-size:14px; line-height:30px; display:block;}

.dbnav li a:hover{ color:#ffffff;}




.wechat{ width:20%; text-align: right;}
.wechat .wxli{ float:left; width:50%;}
.wechat .wxli span{ display:block; text-align:center; line-height:30px; color:#828282; margin-top:10px;}
.wechat .wxli p{ width:100%; display:block;}
.wechat img{ width:90%; max-width:108px; display:block; margin:0 auto;}


.copy{ color:#828282; font-size:14px; background:#2e3033; height:66px; line-height:66px;}







.nyban{ position:relative;}

.nyban img{ width:100%; display:block;}

.banwz{ width:100%; position:absolute; top:55%; left:0; color:#ffffff; line-height:1;}

.banwz h3{ font-size:36px; margin-bottom:20px;}

.banwz p{ font-size:16px;}

.banwz span{ margin:0 5px;}



.nynav{ border-bottom:1px solid #eceaea;}

.navlist{ overflow:hidden;}

.navlist li{ height:68px; line-height:68px; color:#828282; font-size:16px; float:left;}

.navlist li a{ padding:0 30px;display:block;}

.navlist li.on,.navlist li:hover{ background:#0f4c83; color:#ffffff;}





.newsmain{ overflow: hidden; padding:45px 0; }

.newsleft{ width:49.5%; }

.newsbans{ width: 100%; }

.newsbans img{ display: block; width: 100%; }

.newsbans .swiper-slide p{ padding-left:20px; color:#ffffff; font-size:18px; height:66px; width:100%; bottom:0; left:0; position:absolute; line-height:66px; background:rgba(0,0,0,0.6); }

.newsbans .swiper-button-next,.newsbans .swiper-button-prev{ width: 50px; height: 80px; }

.newsbans .swiper-button-next{ background:rgba(0,0,0,0.6) url(../images/nright.png) no-repeat center center; right:0; margin-top:-40px; }

.newsbans .swiper-button-prev{ background:rgba(0,0,0,0.6) url(../images/nleft.png) no-repeat center center; left:0; margin-top:-40px; }



.newsbans .swiper-pagination .swiper-pagination-bullet{ border-radius:3px; width:15px; height:7px; background:#e0dfdd; opacity:1; }

.newsbans .swiper-pagination .swiper-pagination-bullet-active{ width: 25px; background:#fa762b;  }



.newsmain .swiper-container-horizontal > .swiper-pagination-bullets,.newsmain .swiper-pagination-custom,.newsmain .swiper-pagination-fraction{ bottom:21px; text-align: right; right:20px; left:auto; }





.newsright{width:49.5%; }

.nwlist{ overflow:hidden; }

.nwlist li{ float:left; width: 100%; padding:25px; }

.nwlist li .time{ text-align: center; color:#222222;  width: 10%; text-align: center; }

.nwlist li .time span{ display:block; line-height:1; margin:0 auto; font-family:arial;  }

.nwlist li .time .d{ font-weight: bold; font-size: 42px; border-bottom: 1px solid #dddddd; padding:5px 0; margin-bottom:10px;}

.nwlist li .time .ym{ font-size: 14px; }



.nwlist li .content{ width: 86%; }

.nwlist li .content h3{ color:#393939; font-weight: normal; font-size: 22px; line-height:1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.nwlist li .content p{ font-size: 14px; line-height:24px; margin-top:15px; overflow:hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

word-break: break-all;}



.nwlist li:hover{ background:#003c7d;}

.nwlist li:hover .time{ color:#ffffff;}

.nwlist li:hover .content h3{ color:#ffffff;}

.nwlist li:hover .content p{ color:#bddcf2;}



.newslist{ overflow:hidden;} 



.newshbj{ background:#f5f5f5; overflow:hidden; }

.newslist{ overflow: hidden; padding-top:30px; }

.newslist li{ float:left; overflow: hidden; width: 100%; background:#ffffff; margin-top:20px; }

.newslist li .ntxt{ width:68%; padding:4% 3% 0 3%; }

.newslist li .ntxt h3{ margin-bottom:25px; font-size:24px; line-height:1.5; color:#1c1c1c; font-weight: normal; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.newslist li .ntxt h3:hover{ color:#fa762b; }

.newslist li .ntxt p{ color:#737373; font-size:14px; line-height:2; overflow: hidden; 

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

word-break: break-all;}

.newslist li .ntxt .time{display:block; color:#b7b7b7;background:url(../images/time.png) no-repeat left center;padding-left:25px;height: 30px; line-height:30px; margin-top:20px;  }

.newslist li .nimg{ width:32%; }

.newslist li .nimg img{ display: block; width: 100%; }



.page{ overflow:hidden; text-align:center; padding:45px 0 45px 0;}

.page a{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; border:1px solid #e4e7e7; border-radius:50%; margin:0 3px;}

.page a:hover{color:#ffffff; border:1px solid #fa762b; background:#fa762b; }

.page span{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#ffffff; border:1px solid #fa762b; background:#fa762b; border-radius:50%;margin:0 3px;}

.page a.next{ border:none;font-family:SimSun; font-size:18px;}

.page a.next:hover{border:none;color:#fa762b; background: none;}



.page a.prev{ border:none;font-family:SimSun; font-size:18px;}

.page a.prev:hover{border:none;color:#fa762b; background: none;}



.pagebj{background:#eceaea; padding:30px 0 0 0; overflow:hidden;}



.noticelist{ overflow:hidden;}

.noticelist li{ float:left; width:100%; padding:17px 0; border-bottom:1px solid #d4d4d4;}

.noticelist li .time{ height:70px; text-align:right; border-right:1px solid #d4d4d4; padding:0 25px;}

.noticelist li .time .y{ color:#6b6b6b; font-size:16px; line-height:30px;}

.noticelist li .time .md{ color:#343434; font-size:30px; line-height:40px;}

.noticelist li .notname{ margin-left:28px; line-height:70px; color:#343434; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width: 60%;}

.noticelist li a{ line-height:70px; font-size:14px; color:#666666; padding-left:30px; margin:0 20px;}

.noticelist li a:hover{color:#fa762b;}

.noticelist li a:hover .notname{color:#fa762b;}

.notice01{ background:url(../images/notice01.png) no-repeat left center;}

.notice02{ background:url(../images/notice02.png) no-repeat left center;}



.pagabai{ background:#ffffff;}

.organization{ background:#ffffff url(../images/organizationbj01.jpg) no-repeat center bottom; padding:70px 0;}



.otit01{ width:280px; height:54px; line-height:54px; font-size:24px; font-weight:bold; margin:0 auto; text-align:center; background:#fa762b; color:#ffffff;border-radius:27px;}



.xian01{ height:42px; margin:0 auto; width:1px; background:#e0dcdc;}

.xian02{ width:945px; height:1px; margin:0 auto; background:#e0dcdc;}



.olist{ overflow:hidden;}

.olist{ width:1062px; margin:0 auto;}

.olist li{ float:left; width:118px;}



.oname{ width:48px; line-height:48px; height:300px; background:#0f4c83; font-size:14px; color:#ffffff; margin:0 auto;border-radius:24px;writing-mode:vertical-lr;text-align: center;}

.otit02{ position:relative;width:354px; margin-left:-118px;}

.otit02:after{ content:""; width:100%; height:1px; background:#e0dcdc; left:0; top:50%; position:absolute;}

.otit02 span{ display:block; width:82px; position:relative; z-index:10; line-height:28px;border-radius:14px; background:#fa762b; margin:0 auto; text-align:center; color:#ffffff; font-size:14px;}

.olist02{ width:472px; margin-left:-177px; margin-top:-13px;}



.otit03{ position:relative;width:100%;  overflow:hidden;}

.otit03:after{ display: none; content:""; width:100%; height:1px; background:#e0dcdc; left:0; top:50%; position:absolute;}

.otit03:before{ display: none; content:""; width:1px; height:14px; background:#e0dcdc; left:50%; top:0; position:absolute;}

.otit03 span{ display:block; width:82px; position:relative; z-index:10; line-height:28px;border-radius:14px; background:#fa762b; text-align:center; color:#ffffff; font-size:14px;}



.olist03{ width:330px;  margin-left:20px;}

.olist03 li{ width: 100%;  }

.olist03 li .oname{ line-height:48px; height:48px; width: 100%; writing-mode:lr;  }

.olist03 .xian01 { margin: 0 0 0 41px; }

.organization2{ background:url(../images/organizationbj02.jpg) no-repeat center center; background-size:cover; padding:90px 50px 70px 50px; margin-bottom:60px; }

.orglist{ overflow:hidden; color:#ffffff;}

.orglist li{ float:left;}

.orglist li.org01{ width:28%;}

.orglist li.org02{ width:45%; margin:0 2.5%;}

.orglist li.org03{ width:22%;}



.orglist li h3{ color:#ffffff; font-size:24px; margin-bottom:30px; line-height:1;}

.orglist li p{ border:1px solid #ffffff;  line-height:34px;border-radius:18px; padding:0 18px; margin-top:14px;}

.orglist li p.p2{ padding:16px 20px;}



.prodlist{ overflow:hidden; }

.prodlist li{ float:left; margin-right:3.5%; width:31%; background:#ffffff; margin-top:20px;-moz-box-shadow:0 0 10px #cccccc; -webkit-box-shadow:0 0 10px #cccccc; box-shadow:0 0 10px #cccccc;}

.prodlist li .primg{ padding:25px 25px 0 25px;}

.prodlist li .primg img{ display:block; width:100%;}

.prodlist li .prtit{ text-align:center; color:#3e3e3e; font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.prodlist li span{ width:51px; height:29px; display:block; margin:40px auto 0 auto; background:#fa762b url(../images/prmore.png) no-repeat center center;}

.prodlist li:hover span{ background-color:#0f4c83;}



.pshowtop{ overflow:hidden; padding:45px; background:#ffffff;}

.psimg{ width:50%;}

.psimg img{ display:block; width:100%;}

.pstxt{ width:50%; padding:0 0 0 6%;}

.pstxt h1{ color:#3e3e3e; font-size:30px; line-height:58px;}

.pstxt p{ color:#3e3e3e; line-height:2; font-size:15px; margin:15px 0 40px 0;}

.pstxt .tel{ padding-left:60px; width:260px; line-height:52px; background:#0f4c83 url(../images/tel.png) no-repeat 18px center; font-size:24px; font-family:Impact; color:#ffffff;}

.pstxt .consultation{ width:180px; text-align:center; line-height:52px; font-size:20px; color:#ffffff; background:#fa762b; margin-left:18px;}

.pstxt .consultation a{ display:block;}

.pstxt .bshare-custom{ margin-top:35px; color:#333333; }

.pstxt .bshare-custom span{ float:left; line-height:17px;}



.pstit{ position:relative; overflow:hidden;}

.pstit:after{ content:""; width:100%; height:4px; background:#ffffff; position:absolute; bottom:0; left:0;}

.pstit span{ position:relative; z-index:1; float:left; color:#3e3e3e; font-size:22px; padding-right:15px; line-height:60px; padding-top:12px; margin-left:20px; border-bottom:4px solid #0f4c83; }



.prodcontent{ background:#ffffff; overflow:hidden; padding:40px 50px; font-size:18px; line-height:1.8; color:#3e3e3e;}

.prodcontent p{ margin-bottom:30px;}

.prodcontent img{ max-width:100%; height:auto!important;}



.mb70{ margin-bottom:70px;}

.cansu{ width:100%;}

.cansu img{ display:block; width:100%;}



.sociology{ overflow:hidden; margin-top:45px;}

.sociology li{ background:#f6f6f6; width:49.5%; margin-bottom:1%;}

.sociology li .soimg{ width:45%;}

.sociology li .soimg img{ display:block; width:100%;}

.sociology li .sotxt{ width:55%; padding:0 5%;}

.sociology li .sotxt a{ color:#222222; font-size:18px; line-height:2; display:block; margin-top:50px;

overflow:hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

word-break: break-all;}

.sociology li .sotxt a:hover{ color:#fa762b;}

.sociology li .sotxt span{ color:#959595; font-size:14px; line-height:2; margin-top:10px; display:block;}



.idea{ overflow:hidden; color:#ffffff; margin:55px 0; background:url(../images/idea.jpg) no-repeat center center;background-size:cover; padding:90px 110px 150px 110px; }

.idea h1{ font-size:36px; margin-bottom:50px;}

.idea p{ font-size:15px; margin-top:20px;}

.idea p b{ font-size:20px; font-weight:normal;}



.imglist{ overflow:hidden;}

.imglist li{ float:left; margin:2% 2% 0 0; width:32%;}

.imglist li p img{ display:block; width:100%;}

.imglist li span{ line-height:100px; padding:0 10px; color:#1c1c1c; font-size:20px; text-align:center; background:#f5f5f5; display:block;}

.imglist li span a{ display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.imglist li:hover span{ background:#fa762b; color:#ffffff;}



.rectop{ background:url(../images/recruit01.jpg) no-repeat center center;background-size:cover;  padding:100px 45px; margin-bottom:15px;}



.rectag{ color:#ffffff; font-size:24px; font-weight:bold; margin-bottom:30px;}

.rectag span{margin-right:100px; cursor:pointer;}

.rectag .on{ color:#ffbc01;}



.recinfo{ color:#ffffff; font-size:16px; line-height:36px; min-height:108px;}



.pageshow{ overflow:hidden; background:#ffffff; color:#6f6f6f; font-size:14px; margin-bottom:40px; line-height:2; padding:40px;}

.pageshow h1{ font-size:24px; color:#000000;}

.pageshow p{ margin-bottom:20px;}



.clist{ margin:80px 0; overflow:hidden;}

.clist li{ float:left; width:33.33%; text-align:center; color:#2f2f2f; font-size:16px;  padding-top:50px;}

.clist li p{ line-height:20px; padding:10px;}

.clist li.c01{ background:url(../images/cico01.png) no-repeat center top;}

.clist li.c02{ background:url(../images/cico02.png) no-repeat center top; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}

.clist li.c03{ background:url(../images/cico03.png) no-repeat center top;}



.map{ overflow:hidden; margin-bottom:70px;}

.my-map { margin: 0 auto; width: 100%; height: 400px; }

.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }

.my-map .icon-cir { height: 31px; width: 28px; }

.my-map .icon-cir-red { background-position: -11px -5px; }

.amap-info-content h5{ font-size:15px; color:#fa762b;}



.amap-container{height: 100%;}





.aboutbj{ background:#f8f7f7; overflow:hidden;}

.vision{ margin:85px auto;}

.vision h1{ color:#303030; font-size:36px; text-align:center; line-height:1; padding-bottom:50px;}



.vislist{ overflow:hidden;}

.vislist li{ float:left; width:100%; overflow:hidden; background:#ffffff;}

.vislist li .visimg{ width:50%;}

.vislist li .visimg img{ display:block; width:100%;}

.vislist li .vistxt{ width:50%; padding:6% 4% 0 4%;}

.vislist li .vistxt h3{ font-weight:normal; color:#303030; font-size:30px; line-height:1; margin-bottom:25px;}

.vislist li .vistxt p{ color:#797979; font-size:14px; line-height:2;}



.teamlist{ overflow:hidden; margin-bottom:50px;}

.teamlist li{ float:left; width:32%; margin-right:2%; margin-top:20px; background:#ffffff; cursor:pointer;}
.teamlist li a{ display: block; padding:30px; }
.teamlist li h3{ font-size:22px; margin-bottom:5px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.teamlist li p{ color:#707070; font-size:14px; line-height:26px; height:130px;overflow:hidden;
text-align: justify;
display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 5;

word-break: break-all;}



.teamlist li:hover{ background:#0f4c83;}

.teamlist li:hover h3{ color:#ffffff;}

.teamlist li:hover p{ color:#abd0f2;}



.aboutinfo{ padding:30px 0; color:#6e6e6e; font-size:14px; line-height:2;text-align: justify; }



.aboutkuai{ overflow:hidden; height:368px;}

.aboutkuai .avideo{ width:44%; height:100%;}

.aboutkuai .aklist{ width:56%; height:100%;}

.aklist li{ width:50%; height:50%; }

.aklist li.ak01{ background:url(../images/img36.jpg) no-repeat center center;background-size:cover;}

.aklist li.ak02{ background:#fa762b;}

.aklist li.ak03{ background:#0f4c83;}

.aklist li.ak04{background:url(../images/img37.jpg) no-repeat center center;background-size:cover;}

.aklist li .aktit{ color:#ffffff; font-size:20px; font-weight:bold; line-height:1.8; height:100%; padding:0 15%;display: flex;align-items:center;}



.course{ background:url(../images/course.jpg) no-repeat center center;background-size:cover; padding:90px 0;}

.af36{ font-size:36px;}

.coutit{ text-align:right; color:#ffffff;}



.courselist{ color:#ffffff; position:relative;}

.courselist:after{ content:""; position:absolute; top:120px; left:0; width:100%; height:1px; background:rgba(255,255,255,0.5);}

.courselist .swiper-slide{ width:34%; }

.courselist .swiper-slide:after{content:""; width:17px;height:17px; display:block; position:absolute; top:112px; left:0; border-radius:50%; background:#fa762b;}

.courselist h3{ font-family:Impact; font-size:36px; line-height:50px; margin:40px 0 60px 0;}

.courselist b{ font-size:24px; display:block; margin-bottom:20px;}

.courselist p{ font-size:14px; line-height:2; width:80%; }



.address{ padding:80px 0;}

.addtit{ color:#262626; margin-top:20px;}



.addimg{ width:45%; margin-left:0%;}

.addimg img{ display:block; width:100%;}

.addtxt{ width:51%;}

.addinfo{ color:#525252; font-size:15px; line-height:2;}

.addinfo p{ margin-top:30px;}

.addinfo strong{ display:block; margin-top:50px; color:#262626; font-size:24px;}





.honor{ background:url(../images/honorbj.jpg) no-repeat center center;background-size:cover; overflow:hidden; }

.honorlist{ position:relative;padding:110px 0 50px 0;}

.hotit{ color:#262626; position:absolute; top:50px; left:5%;}



.honorlist .swiper-slide{transform:scale(0.8); width:33.33%;}

.honorlist .swiper-slide img{ width:100%;}

.honorlist .swiper-slide-active{transform:scale(1);}

.honorlist .swiper-slide span{ font-size:16px; line-height:30px; text-align:center; display:block; color:#262626; margin-top:30px;}



.honorlist .swiper-button-next,.honorlist .swiper-button-prev{ width: 38px; height: 86px; }

.honorlist .swiper-button-next{ background:#0f4c83 url(../images/nright.png) no-repeat center center; right:-100px; margin-top:-43px; }

.honorlist .swiper-button-prev{ background:#0f4c83 url(../images/nleft.png) no-repeat center center; left:-100px; margin-top:-43px; }



.abbottom{ overflow:hidden; margin:80px auto;}

.abbottom li{ float:left; width:50%; position:relative;}

.abbottom li a>img{ display:block; width:100%;}

.abbottom li .aminfo{ position:absolute; width:100%; height:100%; left:0; top:0; padding:10% 10% 0 10%;}

.abbottom li .aminfo h3{ color:#ffffff;}

.abbottom li .aminfo .more{ margin-top:35px;}

.abbottom li .aminfo .more img{ display:block;}









.shownews{ background:#ffffff; overflow: hidden; padding:20px; margin:0 auto 30px auto;}



.showtop{ text-align:center; margin-top:20px; overflow:hidden;}

.showtop h1{ color:#282828; font-weight:normal; font-size:28px; line-height:1.5; padding:20px 0;}

.showtop p{ color:#8f8e8e; font-size:14px; line-height:2; margin-bottom:20px; }

.showtop p span{ margin:0 10px;}



.newsinfo{ padding:15px 35px; color:#757575; font-size:14px; line-height:24px; background:#f8f8f8; margin:0 0 30px 0;}



.newstxt{ font-size:16px; line-height:1.8; min-height:200px; color:#3d3d3d; padding:0 30px; overflow:hidden; }

.newstxt p{ margin:0 0 30px 0; }

.newstxt img{ max-width:100%; height:auto!important; }



.artpage2{width: 100%; border: 1px solid #eeeeee; overflow: hidden;border-left: none; border-right: none; margin-top:20px; font-size:14px; }

.artpage2 a{color:#828282;}

.artpage2 span{width: 50%;float: left; padding:10px 0px 10px 20px}

.artpage2 span:first-child{border-right: 1px solid #eeeeee}

.artpage2 span:hover a{ text-decoration: underline; color:#ea5413;}



.tuitit{ line-height:80px; margin:20px 0 0 0;}

.tuitit span{ font-weight:bold; color:#282828; font-size:24px;}

.tuilist{ overflow:hidden;  }

.tuilist li{ width:49%; line-height:48px; border-bottom:1px dotted #cccccc; overflow:hidden;}

.tuilist li .title{ float:left; color:#464545; font-size:14px; padding-left:16px; position:relative; width:75%;	text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.tuilist li .title:before{ content:""; width:3px; height:3px; display:block; background:#333333; position:absolute; left:0; top:23px;}

.tuilist li .time{ float:right; color:#999999; font-size:14px;}

.tuilist li:hover .title{ color:#ea5413;}

.tuilist li:hover .title:before{ background:#ea5413;}

.tuilist li:hover .time{ color:#ea5413;}

.videomain{ width: 760px; margin: 0 auto 30px auto; background:#000; }

.videomain video{ display: block; width: 100%; }





/*图集弹窗*/

.case-modal{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 1001;
	font-size: 0;
	text-align: center;
}

.case-modal img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	-webkit-transition: 0.5s 0.3s ease-out;
	-o-transition: 0.5s 0.3s ease-out;
	transition: 0.5s 0.3s ease-out;
}

.case-modal:before{
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.case-modal p{
	position: absolute;
	display: block;
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	bottom:0;
	left:0;
	z-index: 1002;
}

@media screen and (max-width: 640px) {
	.case-modal p{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
}

.case-modal .btn{
	position: fixed;
	display: block;
	width: 40px;
	height: 60px;
	border-radius: 5px;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
	font-family: "Simsun";
	font-weight: 100;
	color: #fff;
	top:50%;
	margin-top: -30px;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	z-index: 1003;
}

@media screen and (max-width: 640px) {
	.case-modal .btn{
		width: 30px;
		height: 46px;
		line-height: 46px;
		font-size: 24px;
	}
}

.case-modal .btn.prev{
	left:10px;
}

.case-modal .btn.next{
	right:10px;
}

.case-modal .close-btn{
	display: block;
	position: fixed;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #333 url(../images/close-white.png) no-repeat center;
	background: rgba(0,0,0,0.6) url(../images/close-white.png) no-repeat center;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	top: 10px;
	right: 10px;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media screen and (max-width: 640px) {
	.case-modal .close-btn{
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
}

.case-modal .close-btn:hover{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.modal-bg-black{display: none;position: fixed;width: 100%;height: 100%;top:0;left:0;bottom:0;right:0;z-index: 1000;background:rgba(0,0,0,0.8);}


.layui-layer .layui-layer-title{ font-size: 18px; font-weight: bold; height: 50px; line-height:50px;  }