@font-face { font-family: 'ITCAvantGardeStd-Demi';
src: url('/cn/css/ITCAvantGardeStd-Demi.eot');
src: url('/cn/css/ITCAvantGardeStd-Demi.eot?') format('embedded-opentype'),
url('/cn/css/ITCAvantGardeStd-Demi.woff') format('woff'),
url('/cn/css/ITCAvantGardeStd-Demi.otf') format('truetype'), url('/cn/css/ITCAvantGardeStd-Demi.svg') format('svg'); }
@font-face { font-family: 'ITCAvantGardeStd-MdCn';
src: url('/cn/css/ITCAvantGardeStd-MdCn.eot');
src: url('/cn/css/ITCAvantGardeStd-MdCn.eot?') format('embedded-opentype'),
url('/cn/css/ITCAvantGardeStd-MdCn.woff') format('woff'),
url('/cn/css/ITCAvantGardeStd-MdCn.otf') format('truetype'), url('/cn/css/ITCAvantGardeStd-MdCn.svg') format('svg'); }
@font-face { font-family: 'DINCond-Medium';
src: url('/cn/css/DINCond-Medium.eot');
src: url('/cn/css/DINCond-Medium.eot?') format('embedded-opentype'),
url('/cn/css/DINCond-Medium.woff') format('woff'),
url('/cn/css/DINCond-Medium.otf') format('truetype'), url('/cn/css/DINCond-Medium.svg') format('svg'); }
@font-face { font-family: 'DIN-Bold';
src: url('/cn/css/DIN-Bold.eot');
src: url('/cn/css/DIN-Bold.eot?') format('embedded-opentype'),
url('/cn/css/DIN-Bold.woff') format('woff'),
url('/cn/css/DIN-Bold.otf') format('truetype'), url('/cn/css/DIN-Bold.svg') format('svg'); }
body {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #000000;
margin-top:100px;
}
.navbar {
position: relative;
margin-bottom: 0px;
border-bottom: 0px solid #BEBCBC;
}
.navbar-inverse {
background-color: #FFFFFF;
border-color: #5F5D5D;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.navbar-brand {
margin-top:0px;
padding:0px;
}
.navbar-nav > li > a {
padding-top: 0px;
padding-bottom: 0px;
padding-left:20px;
padding-right:20px;
line-height: 98px;
}
.nav {
padding-left: 100px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #f08200;
}
a {
color: #333333;
text-decoration: none;
}
a:hover { text-decoration:none; transition: all 300ms ease-in 0ms; color: #333333;}
.navbar-inverse .navbar-nav > li > a {
color: #332c2b;
font-size:16px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #000;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle>span{
display:block;
width: 30px;
height: 4px;
background-color: #043d79;
border-radius: 2px;
margin: 4px auto;
transition: .3s;
transform-origin: left center;
}
.nav-top1{
-webkit-transform: rotateZ(34deg);
-moz-transform: rotateZ(34deg);
-ms-transform: rotateZ(34deg);
-o-transform: rotateZ(34deg);
transform: rotateZ(34deg);
}
.nav-middle1{
opacity: 0;
}
.nav-bottom1{
-webkit-transform: rotateZ(-34deg);
-moz-transform: rotateZ(-34deg);
-ms-transform: rotateZ(-34deg);
-o-transform: rotateZ(-34deg);
transform: rotateZ(-34deg);
}
.navbar-inverse .navbar-nav > li > a::after {
width: 0;
transition: width .3s;
height: 2px;
display: block;
margin: 0 auto;
content: "";
background-color: #eb5a25;
}
.navbar-inverse .navbar-nav > li > a:hover:after{
width:100%;
height:2px;
display:block;
content:"";
transition:width .3s;
background-color:#eb5a25;
}
.menu ul.sub_menu{position:absolute; width:600px; display:none; z-index:999; margin-left:0px;}
.menu ul.sub_menu a{ color:#ffffff;}
.menu ul.sub_menu a:hover{ color:#ffffff; background:none;}
.bg{ background:url(../images/bg.png) repeat; height:40px; display:none; width:100%; z-index:99; position:absolute;}
.menu ul.sub_menu li {
float:left;
width:100px;
line-height: 40px;
list-style-type:none;
background:none;
}
.menu ul.sub_menu li a{
color:#ffffff;
font-size:12px;
}
.kq1 {-webkit-animation-delay: 0.4s;}
.kq2 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;}
.kq3 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;}
.kq4 {-webkit-animation-delay: 1.6s; -webkit-animation-duration: 1.6s;}
.kq5 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;}
.kq6 {-webkit-animation-delay: 2.4s; -webkit-animation-duration: 2.4s;}
.kuanping {
width:1340px;
padding-right: 15px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
}
.kkt {
width:100%;
padding-right: 15px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
}
.yuyan {
width:100px;
line-height:100px;
text-align:center;
}
.yuyan .hover {
color:#f08200;
}
.banner img {
width:100%;
}
.banner .swiper-button-prev {
position: absolute;
top: 50%;
left:10%;
width: 67px;
height: 67px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background:url(../images/zuo.png);
background-size: 67px 67px;
background-position: center;
background-repeat: no-repeat;
}
.banner .swiper-button-next {
position: absolute;
top: 50%;
right:10%;
width: 67px;
height: 67px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background:url(../images/you.png);
background-size: 67px 67px;
background-position: center;
background-repeat: no-repeat;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 106px;
left: 10%;
width: 20%;
}
.banner .swiper-pagination-bullet {
width: 27px;
height: 5px;
display: inline-block;
border-radius: 0;
background: #FFFFFF;
opacity: .2;
}
.banner .swiper-pagination-white .swiper-pagination-bullet-active {
background: #FFFFFF;
opacity: 1;
}
.mokuai {
position:relative;
margin-top:-51px;
height:auto; overflow:hidden;
background-color:#FFFFFF;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
z-index:8;
}
.mokuai li {
list-style-type:none;
width:33.3%;
padding:30px;
float:left;
}
.mkaa {
width:65px;
height:65px;
float:left;
}
.tb1 {
background:url(../images/tb1.png) top; background-repeat:no-repeat;
}
.tb2 {
background:url(../images/tb2.png) top; background-repeat:no-repeat;
}
.tb3 {
background:url(../images/tb3.png) top; background-repeat:no-repeat;
}
.mkbb {
width:264px;
float:left;
margin-left:18px;
font-size:13px;
color:#999999;
}
.mkbb h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:16px;
color:#333333;
margin-top:10px;
margin-bottom:8px;
}
.mokuai li:hover {
background:url(../images/lmbj.jpg);
background-size: 100% 100%;
transition: all 300ms ease-in 0ms;
}
.mokuai li:hover .tb1 {
background:url(../images/tb1.png) bottom; background-repeat:no-repeat;
transition: all 300ms ease-in 0ms;
}
.mokuai li:hover .tb2 {
background:url(../images/tb2.png) bottom; background-repeat:no-repeat;
transition: all 300ms ease-in 0ms;
}
.mokuai li:hover .tb3 {
background:url(../images/tb3.png) bottom; background-repeat:no-repeat;
transition: all 300ms ease-in 0ms;
}
.mokuai li:hover .mkbb {
color:#FFFFFF;
transition: all 300ms ease-in 0ms;
}
.mokuai li:hover .mkbb h2 {
color:#FFFFFF;
transition: all 300ms ease-in 0ms;
}
.abnn {
height:auto; overflow:hidden;
padding-top:70px;
padding-bottom:70px;
}
.abnn-aa {
width:17.5%;
float:left;
}
.abnn-aa h2 {
font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, sans-serif;
font-size:79px;
margin-top:0px;
margin-bottom:20px;
color:#343434;
}
.abnn-aa h3 {
font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, sans-serif;
font-size:20px;
height:auto; overflow:hidden;
margin-top:0px;
margin-bottom:0px;
text-align:right;
color:#212226;
}
.abmore {
width:62px;
float:right;
margin-top:70px;
}
.abnn-bb {
width:68.7%;
line-height:27px;
color:rgba(79,80,86,.6);
float:right;
}
.abnn-bb h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:20px;
color:#212226;
margin-top:18px;
margin-bottom:30px;
}
.ditu {
margin-top:50px;
height:auto; overflow:hidden;
}
.zhiliang {
height:539px;
padding-top:120px;
font-size:14px;
text-align:center;
color:#FFFFFF;
line-height:27px;
background:url(../images/zlbj.jpg) center;
}
.zhiliang h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:29px;
margin-top:0px;
margin-bottom:25px;
color:#FFFFFF;
text-align:center;
}
.zltb {
margin-top:46px;
}
.shuju {
height:auto; overflow:hidden;
background-color:#FFFFFF;
position:relative;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
margin-top:-107px;
}
.shuju li {
list-style-type:none;
width:50%;
padding-top:50px;
padding-bottom:50px;
text-align:center;
color:#4f5056;
background:url(../../m/images/fenge.png) right center; background-repeat:no-repeat;
float:left;
}
.shuju li h2 {
font-family: 'ITCAvantGardeStd-MdCn', Helvetica, Arial, sans-serif;
font-size:51px;
text-align:center;
position:relative;
color:#464646;
margin-top:0px;
margin-bottom:6px;
}
.nian {
position:absolute;
right:30%;
top:0px;
z-index:6;
color:#4f5056;
font-size:12px;
}
.xinwen {
height:auto; overflow:hidden;
margin-top:67px;
}
.xinwen h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:26px;
margin-top:0px;
margin-bottom:36px;
color:#eb5a25;
}
.xwkk {
height:auto; overflow:hidden;
}
.xwkk-zi {
color:rgba(0,0,0,.47);
line-height:24px;
height:auto; overflow:hidden;
padding-top:30px;
padding-bottom:30px;
border-bottom:1px solid #edeeef;
}
.xwkk-zi h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:17px;
color:#212226;
margin-top:0px;
margin-bottom:14px;
}
.xwtime {
height:auto; overflow:hidden;
line-height:65px;
font-size:17px;
color:#888888;
}
.xwkk:hover .xwkk-zi h3 {
color:#eb5a25;
transition: all 300ms ease-in 0ms;
}
.xwkk:hover .xwkk-zi {
border-bottom:1px solid #f39877;
transition: all 300ms ease-in 0ms;
}
.xwkk:hover .xwtime {
color:#eb5a25;
background:url(../images/jt.png) right; background-repeat:no-repeat;
}
.xwkk img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.xwkk:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 500ms ease-in 0ms;
}
.xwkk section {
overflow: hidden;
}
section {
display: block;
}
.hezuo {
height:auto; overflow:hidden;
margin-top:70px;
margin-bottom:50px;
}
.hezuo h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:26px;
color:#eb5a25;
margin-top:0px;
margin-bottom:35px;
}
.hzbd {
border:1px solid #e3e3e3;
}
.bottom {
height:auto; overflow:hidden;
background-color:#f5f7fa;
padding-top:40px;
line-height:37px;
color:#989898;
}
.bottom a {
color:#989898;
}
.bottom a:hover {
color:#eb5a25;
}
.fenxiang {
height:auto; overflow:hidden;
margin-top:25px;
}
.fenxiang li {
list-style-type:none;
width:30px;
float:left;
margin-right:25px;
}
.dihh {
height:auto; overflow:hidden;
margin-top:15px;
}
.dihh li {
list-style-type:none;
width:45%;
float:left;
line-height:37px;
background:url(../images/jtk.png) right; background-repeat:no-repeat;
margin-right:5%;
}
.dihh li a {
color:#989898;
}
.bmzi {
height:auto; overflow:hidden;
padding-top:15px;
}
.footer {
margin-top:58px;
height:auto; overflow:hidden;
line-height:60px;
border-top:1px solid rgba(77,77,78,.05);
}
.juyou {
text-align:right;
}
.guding {
position:fixed;
width:100%;
top:0px;
z-index:9;
}
.bnn {
height:478px;
padding-top:150px;
color:#FFFFFF;
font-size:34px;
}
.gybnn {
background:url(../images/bnn1.jpg) top center;
}
.bnn h2 {
font-family: 'DINCond-Medium', Helvetica, Arial, sans-serif;
font-size:70px;
color:#FFFFFF;
margin-top:0px;
margin-bottom:10px;
}
.ablan {
height:auto; overflow:hidden;
line-height:80px;
border-bottom:1px solid #eeeeee;
}
.ablan li {
list-style-type:none;
width:78px;
float:left;
margin-right:118px;
}
.ablan li a {
display:block;
font-size:18px;
color:#656565;
line-height:78px;
}
.ablan li a:hover {
color:#f56b26;
}
.ablan li.hover a {
color:#f56b26;
}
.ablan li > a::after {
width: 0;
transition: width .3s;
height: 2px;
display: block;
margin: 0 auto;
content: "";
background-color: #eb5a25;
}
.ablan li > a:hover:after{
width:100%;
height:2px;
display:block;
content:"";
transition:width .3s;
background-color:#eb5a25;
}
.ablan li.hover a::after {
width:100%;
transition: width .3s;
height: 2px;
display: block;
margin: 0 auto;
content: "";
background-color: #eb5a25;
}
.about {
height:auto; overflow:hidden;
margin-top:49px;
margin-bottom:70px;
line-height:32px;
color:#545454;
}
.about h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:38px;
color:#3b3b3b;
text-align:center;
margin-top:0px;
margin-bottom:58px;
}
.abtu {
height:auto; overflow:hidden;
padding:10px;
border:1px solid #f6f6f6;
}
.abtu .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 14px;
left: 70%;
width: 20%;
}
.abtu .swiper-pagination-bullet {
width: 20px;
height: 20px;
display: inline-block;
border-radius: 100%;
background: #FFF;
opacity: .2;
}
.abtu .swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
.shebei {
height:auto; overflow:hidden;
margin-top:70px;
padding-bottom:45px;
}
.sbnn {
height:auto; overflow:hidden;
margin-bottom:70px;
}
.sb-left {
width:15.5%;
font-size:38px;
color:#3b3b3b;
float:left;
}
.sb-right {
width:78%;
font-size:15px;
line-height:32px;
color:#545454;
float:right;
}
.sbd {
border:8px solid #ededed;
}
.jingying {
height:600px;
padding-top:138px;
color:#FFFFFF;
font-size:16px;
line-height:32px;
background:url(../images/jybj.jpg) top center; background-repeat:no-repeat;
}
.jingying h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:38px;
margin-top:0px;
margin-bottom:50px;
color:#FFFFFF;
}
.rybj {
height:auto; overflow:hidden;
background:url(../images/rybj.jpg) center;
background-size: 100% 100%;
padding-top:55px;
padding-bottom:60px;
}
.rykuan {
width:1440px;
height:auto; overflow:hidden;
margin:0 auto;
}
.rykuan h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:38px;
text-align:center;
color:#3b3b3b;
margin-top:0px;
margin-bottom:15px;
}
.ryrow {
height:auto; overflow:hidden;
margin-left:-10px;
margin-right:-10px;
}
.ryrow li {
width:25%;
float:left;
padding-left:10px;
padding-right:10px;
}
.rytu {
height:auto; overflow:hidden;
padding:20px;
padding-bottom:0px;
background-color:#FFFFFF;
margin-top:50px;
}
.rytu-zi {
height:auto; overflow:hidden;
line-height:56px;
color:#656565;
font-size:16px;
border-top:1px solid #f3f3f3;
}
.rytu-zi-aa {
width:80%;
height: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float:left;
}
.rytu-zi-bb {
width:20%;
float:right;
text-align:right;
}
.pdcon-ct{
display:flex;
flex-wrap:wrap;
}
.pdcon-ct>span{
display:block;
color:#fff;
background:#2e4b98;
padding:8px 30px;
font-size:1.4rem;
font-weight:600;
}
.pdcon{
border-top:3px #2e4b98 solid;
padding:20px 0px;
font-size:1.4rem;
color:rgba(0,0,0,.6);
width:100%;
}
.picshade {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.91;
filter: alpha(opacity=91);
z-index: 99;
display: none;
}
.pictures_eyes_close {
position: fixed;
top: 30px;
right: 30px;
display: inline-block;
width: 26px;
height: 26px;
background: url(../images/close.png) no-repeat;
z-index: 100;
display: none;
}
.pictures_eyes {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 199;
display: none;
}
.pictures_eyes_in {
position: relative;
text-align: center;
}
.pictures_eyes_in img { max-height: 500px; }
.pictures_eyes_in section p{color:#fff;padding:15px 0px;}
.pictures_eyes_in .prev, .pictures_eyes_in .next {
position: absolute;
top: 50%;
width: 51px;
height: 51px;
cursor: pointer;
}
.pictures_eyes_in .prev {
left: 35px;
background: url(../images/Tleft.png) no-repeat;
}
.pictures_eyes_in .next {
right: 35px;
background: url(../images/Tright.png) no-repeat;
}
.pictures_eyes_indicators {
position: fixed;
left: 0;
bottom: 15px;
width: 100%;
text-align: center;
z-index: 299;
}
.pictures_eyes_indicators a {
display: inline-block;
width: 50px;
height: 50px;
margin: 6px 3px 0 3px;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 0 2px #000;
filter: alpha(opacity=50);
opacity: 0.5;
overflow: hidden;
}
.pictures_eyes_indicators img { height: 50px; }
.pictures_eyes_indicators .current {
filter: alpha(opacity=100);
opacity: 1;
}
.page {
margin: 20px auto;
}
.page-m {
position: relative;
top: -1px;
+display: inline !important;
}
.page a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.page-m a {
display: inline-block;
margin: 0 5px;
width: 40px;
height: 40px;
font-size: 14px;
line-height: 40px;
text-align: center;
border:1px solid #eeeeee;
}
.page-m a:hover {
color: #fff;
background: #c7000a;
border:1px solid #c7000a;
}
.xianshi {
color: #fff;
background: #c7000a;
border:1px solid #c7000a;
}
.page-m a.active {
color: #fff;
background: #c7000a;
border:1px solid #c7000a;
}
.icase ul {
padding:0px;
}
.icase ul li {
list-style-type:none;
}
.fzbj {
height:auto; overflow:hidden;
background:url(../images/whbj.jpg) center; background-repeat:no-repeat;
background-size: 100% 100%;
padding-top:60px;
padding-bottom:20px;
}
.fzbj h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:38px;
text-align:center;
color:#3b3b3b;
margin-top:0px;
margin-bottom:107px;
}
.fznn {
height:auto; overflow:hidden;
background:url(../../m/images/fzxian.png) top center; background-repeat:no-repeat;
}
.fzkk {
height:auto; overflow:hidden;
padding-top:20px;
padding-bottom:20px;
background:url(../../m/images/quant.png) center center; background-repeat:no-repeat;
}
.fzkk:hover {
background:url(../../m/images/quank.png) center center; background-repeat:no-repeat;
background-color:#FFFFFF;
transition: all 300ms ease-in 0ms;
}
.fzkk-aa {
width:50%;
float:left;
text-align:right;
color:#515151;
padding-right:50px;
}
.dazi {
font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
font-size:38px;
}
.fzkk-bb {
width:50%;
padding-left:50px;
color:#7f7f7f;
line-height:20px;
float:right;
}
.fzkk-bb h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:16px;
color:#000000;
margin-top:6px;
margin-bottom:16px;
}
.fzkk-cc {
width:50%;
float:left;
text-align:right;
color:#7f7f7f;
line-height:20px;
padding-right:50px;
}
.fzkk-cc h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:16px;
color:#000000;
margin-top:6px;
margin-bottom:16px;
}
.fzkk-dd {
width:50%;
color:#f46b26;
padding-left:50px;
float:right;
}
.whbj {
height:auto; overflow:hidden;
background:url(../images/whbj.jpg) center; background-repeat:no-repeat;
background-size: 100% 100%;
padding-top:60px;
padding-bottom:105px;
}
.whbj h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:38px;
text-align:center;
color:#3b3b3b;
margin-top:0px;
margin-bottom:46px;
}
.whkk {
height:auto; overflow:hidden;
padding:20px;
text-align:center;
background-color:#FFFFFF;
border-radius: 8px;
}
.whkk h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:25px;
margin-top:30px;
margin-bottom:0px;
text-align:center;
}
.whnn {
height:auto; overflow:hidden;
margin-top:85px;
}
.whnn-aa {
width:50%;
float:left;
}
.whbd {
border:5px solid #FFFFFF;
}
.whnn-bb {
width:50%;
float:right;
margin-top:49px;
padding:40px;
padding-top:78px;
font-size:18px;
line-height:39px;
color:#FFFFFF;
height:286px;
background-color:#f88a28;
}
.cpbnn {
background:url(../images/bnn2.jpg) top center;
}
.cplan {
height:auto; overflow:hidden;
line-height:80px;
border-bottom:1px solid #eeeeee;
}
.cplan li {
list-style-type:none;
float:left;
margin-right:40px;
}
.cplan li a {
display:block;
font-size:18px;
color:#656565;
line-height:78px;
}
.cplan li a:hover {
color:#f56b26;
}
.cplan li.hover a {
color:#f56b26;
}
.cplan li > a::after {
width: 0;
transition: width .3s;
height: 2px;
display: block;
margin: 0 auto;
content: "";
background-color: #eb5a25;
}
.cplan li > a:hover:after{
width:100%;
height:2px;
display:block;
content:"";
transition:width .3s;
background-color:#eb5a25;
}
.cplan li.hover a::after {
width:100%;
transition: width .3s;
height: 2px;
display: block;
margin: 0 auto;
content: "";
background-color: #eb5a25;
}
.cpbj {
height:auto; overflow:hidden;
background:url(../images/whbj.jpg) center; background-repeat:no-repeat;
background-size: 100% 100%;
padding-top:30px;
padding-bottom:36px;
}
.search1 {
margin-top: 0px;
width: 100%;
margin-bottom: 40px;
}
.search1 form {
display: flex;
}
.search1 .search {
border: 0;
height: 58px;
font-size: 16px;
padding-left: 58px;
background:url(../images/fdj.png) left; background-repeat:no-repeat;
background-color:#FFFFFF;
color:#d8d8d8;
width: 86%;
border-radius: 0;
}
.search1 .btn {
height: 58px;
margin: 0;
background: #f56b26;
border-radius: 0;
color: #FFFFFF;
font-size:16px;
text-align: center;
width: 14%;
}
.cprow {
margin-left:-10px;
margin-right:-10px;
height:auto; overflow:hidden;
}
.cpcol3 {
width:25%;
float:left;
padding-left:10px;
padding-right:10px;
}
.cptu {
height:auto; overflow:hidden;
background-color:#FFFFFF;
padding:15px;
padding-bottom:36px;
margin-bottom:30px;
}
.cptu h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:18px;
margin-left:24px;
margin-top:9px;
margin-bottom:5px;
color:#000000;
}
.cptu h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size:12px;
margin-left:24px;
margin-top:0px;
margin-bottom:36px;
color:#656565;
}
.cptu img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.cptu:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all 500ms ease-in 0ms;
}
.cptu section {
overflow: hidden;
}
.pro-img{
margin-bottom:40px;
}
.pro-img .xiaotu{
margin-top:20px;
}
.pro-img #Gbig{
width:100%;
}
.pro-img .xiaotu li{
}
.pro-img .xiaotu li a {
display: block;
border:1px #ddd solid;
margin:1px;
}
.pro-img .xiaotu li.hover{
border:1px #0e66a6 solid;
}
.pro-img .colmd5{
width:42%;
float:left;
}
.pro-img .colmd7{
width:54%;
float:right;
}
.pro-img .colmd7 .pro-ptt{
font-size:22px;
font-weight:bold;
padding:0px 0px 15px;
border-bottom:1px #734702 solid;
font-weight:bold;
}
.pro-img .colmd7>span{
margin:20px 0 0 0;
padding:0;
display:block;
color:rgba(62,70,77,.8);
font-size:12px;
line-height:22px;
width:100%;
word-wrap:break-word;
}
.pro-img .colmd7>span ul{
list-style-type:disc;
margin-left:20px;
}
.jqzzoom{position:relative;}
.jqzoom{position:relative;overflow:hidden;border:0px #ddd solid; height:auto; overflow:hidden;}
.zoomdiv{float:left;top:0 !important;left:101% !important;border:3px solid #e4e4e4;display:none;text-align:center;overflow: hidden;position:absolute;z-index:999;background-color:#fff;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:80px !important;height:80px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.jqzzoom .navigation {
width: 100%;
margin: 10px 0 0;
}
.jqzzoom .carousel{
overflow: hidden;
}
.jqzzoom .carousel ul {
width:2000em;
list-style: none;
margin: 0;
padding: 0;
margin-top:10px;
}
.jqzzoom .prev-navigation,.next-navigation{
display:block;
cursor:pointer;
}
.jqzzoom .prev-navigation{
background:url(/cn/images/left.gif) left center no-repeat;
height:91px;
width:39px;
float:left;
}
.jqzzoom .next-navigation{
background:url(/cn/images/right.gif) right center no-repeat;
width:39px;
height:91px;
float:right;
}
.procem {
padding: 0px 36px;
position: relative;
}
#fuwus {
position: static;
}
.procem .swiper-pagination-bullet-active {
opacity: 1;
background: #cf152d;
}
.procem .swiper-button-prev {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
left:3px;
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}
.procem .swiper-button-next {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
right:3px;
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}
.cpyymore {
width: 142px;
height: 43px;
margin-top: 20px;
}
.cpyymore a {
display: block;
width: 142px;
height: 43px;
line-height: 43px;
color: #FFFFFF;
background-color: #da251c;
font-size: 14px;
text-align: center;
border-radius: 20px;
}
#xiaotu .swiper-slide a.hover{
border: 1px #009def solid;
}
.liebiao {
height: auto;
overflow: hidden;
margin-top:20px;
}
.liebiao-aa {
width: 80%;
line-height: 30px;
color: #666666;
float: left;
}
.shangy {
height: auto;
overflow: hidden;
line-height: 32px;
color: #666666;
border-bottom: 1px dotted #ececec;
}
.xiay {
height: auto;
overflow: hidden;
color: #666666;
line-height: 32px;
}
.liebiao-bb {
width: 16%;
float: right;
}
.fanhui {
width: 142px;
height: 43px;
margin-top: 6px;
float: right;
}
.fanhui a {
display: block;
width: 142px;
height: 43px;
line-height: 43px;
color: #FFFFFF;
background-color: #000000;
font-size: 14px;
text-align: center;
border-radius: 20px;
}
.guddx {
height: 525px;
padding: 5px;
overflow-y: scroll;
}
.xwbnn {
background:url(../images/bnn3.jpg) top center;
}
.rcbnn {
background:url(../images/bnn4.jpg) top center;
}
.lxbnn {
background:url(../images/bnn5.jpg) top center;
}
.inews {
padding: 40px 0px 30px;
}
.nstit big {
display: block;
font-size: 3.4rem;
color: #333333;
line-height: 46px;
}
.nstit span {
display: block;
color: #545459;
font-size: 1.5rem;
line-height: 30px;
margin: 25px 0px 0px;
}
.nstit h3 {
color: #4b4d59;
font-family: Fontthree;
font-size: 2.4rem;
position: relative;
padding-left: 200px;
float: right;
margin: 20px 0px 0px;
text-transform: uppercase;
}
.nstit h3 font {
color: #2a54aa;
}
.nstit h3::after {
content: "";
height: 2px;
width: 160px;
background: rgba(0,0,0,.1);
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
}
.inews dl {
margin-top:60px;
}
.inews dl dd {
margin-bottom:30px;
}
.inews dl dd a {
display:block;
color:#3c4244;
padding-bottom:80px;
border:1px rgba(0,0,0,.15) solid;
transition:.3s;
}
.inews dl dd a:hover {
border:1px #164ca3 solid;
}
.inews dl dt {
font-weight:normal;
}
.inews dl dt a {
display:block;
color:#fff;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:50px 70px;
height:346px;
position:relative;
}
.inews dl dt a::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #023d9b;
opacity: .9;
}
.inews dl dt a:before {
content:"";
display:block;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#023d9b;
opacity:.9;
}
.inews dl dt a small {
display:block;
font-size:1.6rem;
line-height:28px;
font-family:Fontthree;
position:relative;
z-index:3;
}
.inews dl dt a big {
display:block;
font-size:2.8rem;
line-height:33px;
max-height:149px;
overflow:hidden;
padding:20px 0px 30px;
position:relative;
z-index:3;
}
.inews dl dt a span {
display:block;
position:relative;
z-index:3;
}
.inews dl dt a span:after {
content:"";
display:block;
clear:both;
}
.inews dl dt a span p {
font-size:1.6rem;
font-family:Fontone;
float:left;
line-height:70px;
margin-left:15px;
}
.inews dl dt a span i {
display:block;
width:70px;
height:70px;
border:1px #fff dashed;
border-radius:50%;
float:left;
padding:10px;
position:relative;
}
.inews dl dt a span i:after {
content:"";
display:block;
border:1px #fff solid;
border-radius:50%;
height:100%;
}
.inews dl dt a span i:before {
content:"";
display:block;
width:10px;
height:10px;
border-radius:50%;
background:#fff;
position:absolute;
top:50%;
left:50%;
margin-top:-5px;
margin-left:-5px;
}
.inews dl dd a img {
width:100%;
}
.inews dl dd a big {
display:block;
font-size:1.8rem;
line-height:30px;
padding:25px 0px 20px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
font-family:Fontthree;
margin:0px 15px;
}
.inews dl dd a span {
display:block;
background:url(/cn/images/nsjt.png) right center no-repeat;
padding-right:40px;
line-height:40px;
margin:0px 15px;
}
.inews dl dd a span small {
display:block;
color:#3c4244;
font-size:1.4rem;
font-family:Fontthree;
}
.inewsct {
background-color:#FFFFFF;
height:auto; overflow:hidden;
padding:20px;
}
.inewsct .inews-tt {
border-bottom: 1px rgba(0,0,0,.25) dashed;
padding-bottom: 10px;
}
.inewsct .inews-tt p {
font-size: 2.0rem;
font-weight: bold;
line-height: 26px;
margin-bottom: 10px;
}
.inewsct .inews-tt span {
color: rgba(0,0,0,.55);
}
strong {
font-weight: 700;
}
.inewsct .inews-ct {
padding: 20px 0px 0px;
color: rgba(0,0,0,.7);
line-height: 28px;
}
.ijoint {
padding: 40px 0px 30px;
}
.ijoin {
margin:55px 0px 0px;
}
.ijoin dl {
background:#2a54a8;
padding:0px 70px;
}
.ijoin dl dd {
float:left;
width:25%;
color:#fff;
line-height:40px;
padding:25px 0px;
font-size:2.0rem;
}
.ijoin dl dd:nth-of-type(4) {
width:22%;
}
.ijoin dl dd:nth-of-type(5) {
width:30%;
}
@media (max-width:1400px) {
.ijoin dl dd {
font-size:1.8rem;
}
}@media (max-width:992px) {
.ijoin {
margin:15px 0px 0px;
}
.ijoin dl {
padding:0px 15px;
}
.ijoin dl dd {
line-height:30px;
padding:10px 0px;
font-size:1.6rem;
}
.ijoin dl dd:nth-of-type(2),.ijoin dl dd:nth-of-type(3),.ijoin dl dd:nth-of-type(4) {
display:none;
}
.ijoin dl dd:nth-of-type(1) {
width:70%;
}
}.ijoin ul {
margin-top:30px;
}
.ijoin ul li {
border-bottom:1px rgba(0,0,0,.15) dashed;
list-style-type:none;
margin-bottom:20px;
}
.ijoin ul li .jitp {
padding:25px 70px;
transition:.3s;
}
.ijoin ul li .jitp span {
display:block;
float:left;
width:25%;
color:#545459;
line-height:44px;
font-size:1.9rem;
}
.ijoin ul li .jitp span:nth-of-type(4) {
width:22%;
}
.ijoin ul li .jitp span:nth-of-type(5) {
width:30%;
}
@media (max-width:1400px) {
.ijoin ul li .jitp span {
font-size:1.6rem;
}
}@media (max-width:992px) {
.ijoin ul {
margin-top:10px;
}
.ijoin ul li {
margin-bottom:10px;
}
.ijoin ul li .jitp {
padding:10px 15px;
}
.ijoin ul li .jitp span {
line-height:24px;
font-size:1.4rem;
}
.ijoin ul li .jitp span:nth-of-type(2),.ijoin ul li .jitp span:nth-of-type(3),.ijoin ul li .jitp span:nth-of-type(4) {
display:block;
}
.ijoin ul li .jitp span:nth-of-type(1) {
width:70%;
}
}.ijoin ul li .jitp span small {
width:138px;
display:block;
height:44px;
font-size:1.9rem;
color:#545459;
background:#efefef;
cursor:pointer;
text-align:center;
transition:.3s;
float:left;
}
.ijoin ul li.cur {
border-bottom:0;
box-shadow:0px 0px 30px rgba(0,0,0,.15);
}
.ijoin ul li.cur .jitp span small {
background:#fff;
}
.ijoin ul li .jitp span small:hover {
background:#fe710a;
color:#fff;
}
.ijoin ul li.cur .jitp {
background:#e6e6e6;
}
.ijoin ul li .jitp span i {
display:block;
background:url(../images/sjt.png) center no-repeat;
height:44px;
float:right;
cursor:pointer;
width:40px;
}
.ijoin ul li.cur .jitp span i {
transform:rotate(180deg);
}
.ijoin ul li .jitp span a {
display:none;
width:90%;
height:30px;
line-height:30px;
color:#545459;
background:#efefef;
font-size:1.4rem;
margin-left: 10px;
text-align:center;
}
@media (max-width:1400px) {
.ijoin ul li .jitp span small {
font-size:1.6rem;
}
}@media (max-width:992px) {
.ijoin ul li .jitp span a {
display:block;
}
.ijoin ul li .jitp span small {
display:none;
}
.ijoin ul li .jitp span i {
display:none;
}
}.ijoin .jibt {
display:none;
padding:20px 70px 50px;
}
.ijoin .jibt h1 {
font-size:2.0rem;
line-height:40px;
}
.ijoin .jibt section {
padding:15px 0px 15px 20px;
color:#545459;
line-height:26px;
}
.ijoin .jibt>div>h2 {
width:140px;
line-height:44px;
color:#fff;
background:#2a54a8;
text-align:center;
font-size:1.5rem;
transition:.3s;
cursor:pointer;
margin:15px 0px 0px;
}
.ijoin .jibt>div>h2:hover {
background:#fe710a;
}
.ijoindd .zwxxx {
padding-bottom:10px;
}
.ijoindd .zwxxx span {
display:block;
line-height:30px;
color:#000;
}
.ijoindd .zwxxx .zpzw {
font-size:1.6rem;
margin-bottom:10px;
}
.ijoindd iframe {
height:720px;
width:100%;
}
@media (max-width:992px) {
.ijoindd {
margin:0;
}
.ijoindd .jibt {
display:block;
padding:0px;
}
.ijoindd .jibt h1 {
font-size:1.6rem;
line-height:30px;
}
.ijoindd .jibt section {
padding:10px 0px;
}
}
.ijoin ul {
padding:0px;
}
.apply {
position:fixed;
z-index:10000;
background:rgba(0,0,0,.8);
top:0;
left:0;
width:100%;
height:100%;
display:none;
}
.zwcont {
width:60%;
left:20%;
top:50%;
margin-top:-378px;
position:relative;
}
.zwcont iframe {
height:756px;
background:transparent;
width:100%;
}
.tmbody {
background:transparent;
}
.zwcont .closets {
position:absolute;
height:90px;
right:15px;
top:0;
cursor:pointer;
width:40px;
background:url(../images/gbtou.png) center no-repeat;
}
.sqxx {
width:100%;
background:#fff;
}
.sqxx h2 {
text-align:center;
font-size:2.0rem;
margin:0px;
color:#000;
line-height:90px;
}
.sqxx h2 big {
font-size:2.0rem;
}
.sqxx .form {
background:#f6f6f6;
padding:30px 7% 25px;
}
.sqxx .form div {
float:left;
width:47%;
margin-right:6%;
margin-bottom:25px;
}
.sqxx .form div:nth-child(2n+0) {
margin-right:0;
}
.sqxx .form div p {
float:left;
width:88px;
color:#636366;
line-height:42px;
}
.sqxx .form div p:before {
content:"* ";
color:#f00;
}
.sqxx .form div input {
width:calc(100% - 88px);
background:#fff;
border:1px rgba(0,0,0,.1) solid;
line-height:22px;
outline:none;
padding:9px 10px;
}
.sqxx .form div select {
width:calc(100% - 88px);
border:1px rgba(0,0,0,.1) solid;
background:#fff;
height:42px;
outline:none;
padding:0px 10px;
}
.sqxx .form div:last-child {
width:100%;
}
.sqxx .form div textarea {
width:calc(100% - 88px);
background:#fff;
border:1px rgba(0,0,0,.1) solid;
line-height:22px;
outline:none;
padding:9px 10px;
resize:none;
}
.sqxx form button {
display:block;
margin:30px auto 0px;
background:#2a54a8;
width:100%;
max-width:230px;
color:#fff;
height:44px;
outline:none;
font-size:1.5rem;
transition:.3s;
border:0;
}
.zwcont form button:hover {
background:#333;
}
.lxnnw {
margin-top: 50px;
margin-bottom: 50px;
}
.lxnnw h2 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 38px;
color: #252525;
font-weight: bold;
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.lxnnw h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #666666;
font-weight: bold;
text-align: center;
margin-top: 0px;
margin-bottom: 70px;
}
.lxhh {
height: auto;
overflow: hidden;
padding-top: 10px;
padding-bottom: 25px;
border-bottom: 1px solid #f0f0f0;
}
.lxhh-aa {
width: 10%;
float: left;
}
.lxhh-bb {
width: 89%;
float: right;
color: #666666;
font-size: 16px;
}
.lxhh-bb h4 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 16px;
margin-top: 8px;
margin-bottom: 16px;
color: #333333;
}
.liuyans {
height: auto;
overflow: hidden;
padding-top: 70px;
padding-bottom: 45px;
background-color: #f1f1f1;
}
.liuyans h3 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 42px;
text-align: center;
margin-top: 0px;
margin-bottom: 83px;
}
.lykkm {
width: 1200px;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.hzi {
color: #ddaa6e;
}
.biao {
height: auto;
overflow: hidden;
margin-bottom: 20px;
}
.biao h4 {
font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 16px;
margin-top: 0px;
margin-bottom: 14px;
color: #666666;
}
.kka {
height: 60px;
border: 1px solid #d2d2d2;
}
.kkb {
border: 1px solid #d2d2d2;
}
.anniu {
width: 208px;
height: 54px;
font-size:16px;
background-color: #1d2c6a;
border:1px solid #1d2c6a;
padding: 0px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.kuanping {
width:100%;
}
.container {
width:100%;
}
.rykuan {
width:100%;
}
}
@media (min-width: 0px) and (max-width: 768px) {
.navbar-nav > li > a {
padding: 10px 20px;
line-height: 20px;
}
.nav {
padding-left: 0px;
}
.kuanping {
width:100%;
}
}