/*#region ===========常用样式===========*/
.ibox {padding:100px 0; overflow: hidden;}
.il-tit {padding:0 0 60px 0; }
.il-tit .tit-info .tit { font-size:24px; color:#333;}
.il-tit .tit-info .subtit { color:#929292; padding:0 0 0 10px; }
.il-tit .cate a { display: inline-block; line-height: 30px; border-radius: 30px; padding: 0 20px; margin: 0 5px; text-align: center; color:#929292;     transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border: solid 1px #e0e0e0; font-size: 13px;}
.il-tit .cate a.jj-more{font-family: Arial;}
.il-tit .cate a:hover , .il-tit .cate a.active {background:#0032a1; border: solid 1px #0032a1; color:#fff;}
.i-more-c { text-align:center; margin:60px auto 0;}
.i-more {display: inline-block; line-height: 40px; width: 200px; text-align: center;  border: 1px solid #ddd;  border-radius: 4px; padding-left: 10px;color:#929292;  transition: all .36s ease; }
.i-more:hover { color: #fff;  background-color: #0032a1; border: 1px solid #0032a1; }
.i-more .fa-angle-right {color:#fff; padding-left: 10px; transition: all .36s ease;}
.i-more:hover .fa-angle-right { padding-left: 26px;  color: rgba(253,253,253,.88);}
.i-more .fa-angle-right:before {margin-left: -7px; position: relative; transition: all .36s ease; }
.i-more:hover .fa-angle-right:before {position: relative;top: 0;margin-left: -20px;}
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block;}
.fontcc {font-family: 'CenturyGothic';}
.fonthn {font-family:'HelveticaNeue';}
input, textarea {  font-size: 14px; -webkit-appearance: none;}
.h80 {width:100%; height:80px;}
/*#endregion */


/*#region ===========头部导航1===========*/
.i-header1 {background: #fff; width:100%; height:80px;box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; top:0; z-index: 999;}
.i-header1 .logo {height:100%;}
.i-header1 .logo a {position: relative;  display: block;}
.i-header1 .logo a img { /*height:40px;margin-top:20px;*/}
.i-header1 .nav {padding-top: 16px; height: 64px; }
.i-header1 .nav .navitem { cursor: pointer; position: relative;float: left; height:100%; text-align: center;  transition: all .36s ease;}
.i-header1 .nav .navitem:hover .subnav {opacity: 1; visibility: visible;}
.i-header1 .nav .navitem>a { display: block;  border-bottom: 2px solid transparent;  overflow: hidden;color:#666;  padding:0 18px; text-align: center; line-height: 50px; }
.i-header1 .nav .navitem>a .fa-angle-down {position: absolute; top:18px; right: 6px;}
.i-header1 .nav .navitem .subnav { position: absolute; top: calc(100% - 2px); left: 0; z-index:99; opacity: 0; visibility: hidden; width: 120px; height: auto; border-top:2px solid #666; background:#fff; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); transition: all .36s ease;}
.i-header1 .nav .navitem .subnav li {cursor: pointer;width: 100%}
.i-header1 .nav .navitem .subnav li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 12px; color: #666; transition: all .36s ease;}
.i-header1 .nav .navitem .subnav li a:hover {color: #fff; background-color: #666;}
.i-header1 .nav>li>a span { display: inline-block; position: relative; transition: all ease-out .3s;}
.i-header1 .nav>li>a:before { content: ''; position: absolute;bottom: 0;left: 20px; width: 0; height: 2px; background-color: #666; transition: all .3s ease-out 0s;}
.i-header1 .nav>li>a span:after { content: attr(data-title); position: absolute;  color: #666; left: 0; transform: translateY(100%); width: 100%;}
.i-header1 .nav>li a.active span, .i-header1 .nav>li:hover a span { transform: translateY(-100%);}
.i-header1 .nav>li a.active:before, .i-header1 .nav>li:hover a:before { width: calc(100% - 40px);}
/*#endregion */

/*#==蓝色导航==*/
.i-header1.ls-a{ <!--background-color: transparent;--> box-shadow: none;/* padding-top: 30px;*/ transition: all 0.6s ease 0s;}
.i-header1.ls-a .fd-nav{ background: #fff; <!--padding: 0px 358px;--> width: 1200px;}
.i-header1.ls-a.fixed-style{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding-top: 0px;}

.i-header1.ls-a .nav>li>a span:after{ color: #0032a1;}
.i-header1.ls-a .nav>li>a:before{ background-color:#0032a1;}
.i-header1.ls-a .nav .navitem .subnav {border-top:2px solid #0032a1;}
.i-header1.ls-a .nav>li:hover a .fa-angle-down{color: #0032a1;}
.i-header1.ls-a .nav .navitem .subnav li a:hover {color: #fff; background-color: #0032a1;}

/*banner样式*/
.ix_baner{height: 100%; width: 100%; position: relative; overflow: hidden;}
.ix-relative{ background-color: #fff; position: relative; z-index: 10;}

/*#region ===========广告图片1===========*/
.i-banner1 .swiper-slide span {display:block; width:100%; }
.i-banner1 .swiper-slide a {display:block;}
.i-banner1 .sp-nav {bottom:20px!important;}
.i-banner1 .sp-nav .swiper-pagination-bullet {border: 1px solid #fff; width: 8px;height: 8px; margin:0 5px!important; background:none; opacity:1; }
.i-banner1 .sp-nav .swiper-pagination-bullet-active { background:#fff;}
.i-banner1 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-20px; cursor: pointer; width:40px; height: 40px; border-radius: 40px;   background: rgba(0, 0, 0, 0.2); text-align: center; transition: all .3s ease-out 0s; }
.i-banner1 .sp-pn:hover {  background: rgba(0, 0, 0, 0.5);}
.i-banner1 .sp-prev {left: 30px; }
.i-banner1 .sp-next {right: 30px;}
.i-banner1 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-banner1 .swiper-slide img {width:100%;}
/*#endregion */


/*#region ===========图文列表1===========*/
.i-list1 .il-info ul li {position: relative;  width:33.3%; float: left; overflow: hidden;}
.i-list1 .il-info ul li .pro-img img {float: none;width: 100%;height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list1 .il-info ul li .pro-info {width: 100%;height: 100%; background: rgba(0,0,0,0); position: absolute;left: 0; top: 0;transition: all ease-out .3s;}
.i-list1 .il-info ul li .pro-info div {position: absolute; height: 100px;width: 100%; background: transparent; opacity: 0;top: 50%; margin-top: -30px; transition: all 0.3s ease-out 0s;}
.i-list1 .il-info ul li .pro-info p {padding: 0 20px; margin: 0 20px; text-align: center;  transition: all ease-out .3s;}
.i-list1 .il-info ul li .pro-info p.tit {color: #fff;font-size: 16px;}
.i-list1 .il-info ul li .pro-info p.cate {color: #ccc;   text-overflow: ellipsis; line-height: 160%;} 
.i-list1 .il-info ul li a:hover .pro-info { background: rgba(0,0,0,.5); position: absolute;}
.i-list1 .il-info ul li a:hover .pro-info div {opacity: 1;}
.i-list1 .il-info ul li a:hover .pro-img img { transform: scale(1.2, 1.2);}
/*#endregion */


/*#region ===========图文列表11===========*/
.i-list11 .il-info ul li  { width: 32%; float:left;  margin-right:2%; margin-bottom: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; visibility: hidden;}
.i-list11 .il-info ul li:nth-child(3), .i-list11 .il-info ul li:nth-child(6) { margin-right:0;}
.i-list11 .il-info ul li a { display: block; overflow: hidden;}
.i-list11 .il-info ul li .projectitem-wrapper { position: relative; padding-bottom:60px; background: #f6f6f6;}
.i-list11 .il-info ul li a .project-img { width: 100%; overflow: hidden; }
.i-list11 .il-info ul li a img {   width: 100%; background: #f6f6f6; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list11 .il-info ul li a:hover img { transform: scale(1.08, 1.08);}
.i-list11 .il-info ul li a .project-info { width: 100%;  height: 60px;  background: #fff; position: absolute; bottom: 0; transition: all ease-out .3s;}
.i-list11 .il-info ul li a:hover .project-info {  background: none; width: 100%; height: 100%; }
.i-list11 .il-info ul li a .project-info div { height: 60px; position: absolute;  bottom: 0px;  width: 100%;  overflow: hidden; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list11 .il-info ul li a .project-info div::before {  content: ''; position: absolute;  width: 100%;  height: 100%; border-bottom: 1px solid #ddd;  bottom: 0;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list11 .il-info ul li a .project-info .title { color: #666; width: 60%;  font-size: 16px; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  line-height: 60px;  display: inline-block; padding:0 0 0 5%;  transition: all ease-out .3s;}
.i-list11 .il-info ul li a:hover .project-info .title { width: 55%; margin-left: 5%;}
.i-list11 .il-info ul li a .project-info .subtitle { width: 30%; color: #929292; display: inline-block;  line-height: 60px;  overflow: hidden; text-align: right; padding:0 5% 0 0; }
.i-list11 .i-more-c { margin: 30px auto 0;}
/*#endregion */


/*#region ===========图文介绍1===========*/
.i-info1 {  background-image:url(../images/iinfo1img1.jpg);  background-position: initial;background-size: cover;background-repeat: no-repeat; padding:160px 0; }
.i-info1 .i-info1-con { position: relative; width:1200px; margin: 0 auto;  }
.i-info1 .i-info1-con .i-info1-cc {height: 350px;margin: 0 auto; background-color: rgba(255,255,255,.5); border-radius: 2px;box-shadow: 0 10px 27px rgba(0,0,0,.08);}
.i-info1 .i-info1-con .mediabody .image {width: 420px; height: 350px; position: relative;z-index: 10; display: block; overflow: hidden; }
.i-info1 .i-info1-con .mediabody::after {content: " "; width: 460px; height: 250px;background: #666; position: absolute; z-index: 0; top: 140px;left: -40px;  display: inline-block;border-radius: 2px; box-shadow: -7px 3px 40px rgba(0,0,0,.16);}
.i-info1 .i-info1-con .contentbody  { padding-top: 60px; margin: 0 50px; width:680px; height: 140px;}
.i-info1 .i-info1-con .contentbody .txt .tit {font-size: 24px; line-height: 30px; color: #666;}
.i-info1 .i-info1-con .contentbody .txt .subtit { line-height: 40px; display: inline-block;  margin-left: 15px; color:#929292; }
.i-info1 .i-info1-con .contentbody .desc { line-height: 26px; color:#929292; margin-top: 20px;}
.i-info1 .i-info1-con .contentbody .desc a { margin-top: 40px;}
/*#endregion */


/*#region ===========图文列表2===========*/
.i-list2 .item {width:100%; position:relative; padding-bottom:110px; overflow: hidden; display: inline-block; }
.i-list2 .item .item-img img {border-radius: 4px; width:100%;}
.i-list2 .item .item-wrap {padding: 20px 20px 0; width: 100%;height: 100px;box-sizing: border-box; position: absolute;  bottom: 0; overflow: hidden; transition: all .36s ease;}
.i-list2 .item .item-wrap .item-info .tit {color: #333;  font-size: 16px;  line-height: 30px; transition: all .36s ease; } 
.i-list2 .item .item-wrap .item-info .subtit {width: 40%; overflow: hidden;   color: rgba(0,0,0,.42);  transition: all .36s ease; }
.i-list2 .item .item-wrap .item-desc {margin-top:15px; color:#fff;}
.i-list2 .item .detail  { color: rgba(251,119,119,0); width: 38px; height: 38px; position:absolute; border-radius: 38px; border: 1px solid #ddd;display: inline-block;  line-height: 32px;  right:20px; bottom:30px; background:#fff;  transition: all .36s ease; }
.i-list2 .item .detail i {font-size: 14px;  color: #929292; padding: 0; position: absolute; top: 50%;  left: 50%; transform: translate(-50%,-50%);}
.i-list2 .item:hover .item-wrap {height: 100%; background: #666; border-radius: 4px; padding: 30px 20px 0; }
.i-list2 .item:hover .item-wrap .item-info .tit  {color:#fff;}
.i-list2 .item:hover .item-wrap .item-info .subtit {color: rgba(255,255,255,.36);}
.i-list2 .item:hover .item-wrap .item-desc {color: rgba(255,255,255,.8);}
.i-list2 .item:hover .detail { border:1px solid #fff; background: #fff; box-shadow: 0 3px 7px rgba(0,0,0,.2);}
.i-list2 .swiper-container { padding-bottom: 60px;}
.i-list2 .sp-nav {bottom:0!important;}
.i-list2 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list2 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;  }
/*#endregion */


/*#region ===========图文列表3===========*/
.i-list3 {background:#f6f6f6;}
.i-list3 .il-info ul li { width:23.5%; height: 100%; margin-right:2%; position: relative; float:left;}
.i-list3 .il-info ul li:nth-child(4), .i-list3 .il-info ul li:nth-child(8){margin-right:0;}
.i-list3 .il-info ul li a {display: block; width: 100%;height: 100%;}
.i-list3 .il-info ul li .ser-img { display: block; overflow: hidden;}
.i-list3 .il-info ul li .ser-img::before {position: absolute; background: rgba(255, 255, 255, .95); width: 90%; height: 90%; content: '';  left: 5%;  top: 5%;  opacity: 0; animation-duration: 1s;animation-fill-mode: both; z-index: 2; transition: all 0.36s ease-out 0s;}
.i-list3 .il-info ul li:hover .ser-img::before { opacity: 1; animation-name: flipInY;}
.i-list3 .il-info ul li .ser-img img { width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list3 .il-info ul li:hover .ser-img img { transform: scale(1.2, 1.2);}
.i-list3 .il-info ul li .ser-info {width: 100%; height: auto;  margin: 0 auto; background: transparent;  position: absolute; bottom: 50%;   text-align: center;  margin-bottom: -40px; z-index: 10;}
.i-list3 .il-info ul li a.detail { display: block; width: 30px;  height: 30px; position: absolute; top: 50%;  z-index: 5; left: 50%; margin-left: -15px; color: #838383; text-align: center; opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list3 .il-info ul li a.detail i { color:#666; font-size:18px; }
.i-list3 .il-info ul li:hover a.detail  {  top: 70%; opacity: 1;}
.i-list3 .il-info ul li .ser-info p.tit { color: #0033a0;   position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 16px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list3 .il-info ul li .ser-info p.tit-s { position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 14px; color:#999; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-bottom: 10px; margin-bottom: 10px; }
.i-list3 .il-info ul li:hover .ser-info p.tit {  top: 0; opacity: 1;}
.i-list3 .il-info ul li:hover .ser-info p.tit-s {  top: 0; opacity: 1;}
.i-list3 .il-info ul li .ser-info p.tit-s::before { content: '';  position: absolute; width: 0%; background: rgba(0, 0, 0, .15); height: 1px;left: 50%; bottom: 0;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list3 .il-info ul li:hover .ser-info p.tit-s::before {width: 60%;margin-left: -30%;left: 50%;}
.i-list3 .il-info ul li .ser-info p.desc { color:#666; width: 68%;  height: 40px; line-height: 20px;  margin: 0 auto;  opacity: 0; position: relative; top: -10px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list3 .il-info ul li:hover .ser-info p.desc {top: 10px; opacity: 1;}

.pg.i-list3.ibox{ background: #fff; padding: 40px 0px 20px 0px;}
.pg.i-list3 .il-info ul li{ margin-bottom: 2%;}
/*#endregion */

/*#region ===========图文列表3===========*/
.i-list13 {background:#f6f6f6;}
.i-list13 .il-info .swiper-slide{ height: 100%; position: relative;}
.i-list13 .il-info .swiper-slide a {display: block; width: 100%;height: 100%;}
.i-list13 .il-info .swiper-slide .ser-img { display: block; overflow: hidden;}
.i-list13 .il-info .swiper-slide .ser-img::before {position: absolute; background: rgba(255, 255, 255, .95); width: 90%; height: 90%; content: '';  left: 5%;  top: 5%;  opacity: 0; animation-duration: 1s;animation-fill-mode: both; z-index: 2; transition: all 0.36s ease-out 0s;}
.i-list13 .il-info .swiper-slide:hover .ser-img::before { opacity: 1; animation-name: flipInY;}
.i-list13 .il-info .swiper-slide .ser-img img { width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list13 .il-info .swiper-slide:hover .ser-img img { transform: scale(1.2, 1.2);}
.i-list13 .il-info .swiper-slide .ser-info {width: 100%; height: auto;  margin: 0 auto; background: transparent;  position: absolute; bottom: 50%;   text-align: center;  margin-bottom: -40px; z-index: 10;}
.i-list13 .il-info .swiper-slide a.detail { display: block; width: 30px;  height: 30px; position: absolute; top: 50%;  z-index: 5; left: 50%; margin-left: -15px; color: #838383; text-align: center; opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list13 .il-info .swiper-slide a.detail i { color:#666; font-size:18px; }
.i-list13 .il-info .swiper-slide:hover a.detail  {  top: 70%; opacity: 1;}
.i-list13 .il-info .swiper-slide .ser-info p.tit { color: #0033a0;   position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 16px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list13 .il-info .swiper-slide .ser-info p.tit-s { position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 14px; color:#999; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-bottom: 10px; margin-bottom: 10px; }
.i-list13 .il-info .swiper-slide:hover .ser-info p.tit {  top: 0; opacity: 1;}
.i-list13 .il-info .swiper-slide:hover .ser-info p.tit-s {  top: 0; opacity: 1;}
.i-list13 .il-info .swiper-slide .ser-info p.tit-s::before { content: '';  position: absolute; width: 0%; background: rgba(0, 0, 0, .15); height: 1px;left: 50%; bottom: 0;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list13 .il-info .swiper-slide:hover .ser-info p.tit-s::before {width: 60%;margin-left: -30%;left: 50%;}
.i-list13 .il-info .swiper-slide .ser-info p.desc { color:#666; width: 68%;  height: 40px; line-height: 20px;  margin: 0 auto;  opacity: 0; position: relative; top: -10px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list13 .il-info .swiper-slide:hover .ser-info p.desc {top: 10px; opacity: 1;}

.pg.i-list13.ibox{ background: #fff; padding: 40px 0px 20px 0px;}
.pg.i-list13 .il-info .swiper-slide{ margin-bottom: 2%;}

@media (max-width: 460px){
.i-list13 .il-info .swiper-slide .ser-info{ position: inherit;}
.i-list13 .il-info .swiper-slide .ser-info p.tit{ opacity: 1;     top: 15px;}
.i-list13 .il-info .swiper-slide .ser-info p.tit-s{ opacity: 1;  top: 15px; padding-bottom: 0px; margin-bottom: 0px;}
.i-list13 .il-info .swiper-slide .ser-info{ margin-bottom: -20px;}
}





/*#region ===========图文列表4===========*/
.i-list4  a.newscontent {display: block;  position: relative;}
.i-list4 .wrapper {  height: 160px; }
.i-list4 .newsbody {display: inline-block; vertical-align: middle; width: 100%; }
.i-list4 .newsimg { display: block; width: 100%;  overflow: hidden;}
.i-list4 .newsitem .newsimg img {width:100%; display: inline; transition: all 0.36s ease;}
.i-list4 .newsitem:hover .newsimg img {transform: scale(1.08);}
.i-list4 .newsbody .tit {  height: 30px; width: 100%; font-size: 16px;  color: #666; line-height:inherit; margin-top: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsbody .desc {width:100%;  color: #929292; height: 50px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsbody .date { color: #666; opacity: 0;  position: relative; bottom: -20px; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsitem:hover .newsbody .tit { margin-top: 22px;}
.i-list4 .newsitem:hover .newsbody .desc { margin-top: 10px;}
.i-list4 .newsitem:hover .newsbody .date {  opacity: 1; bottom: -30px;}
.i-list4 .newsitem a.detail { position: absolute; right: 20px;opacity: 0; bottom: 0; border-top: 4px solid transparent; border-left: 6px solid rgb(83, 83, 83); border-bottom: 4px solid transparent; transition: all 0.36s ease-out 0s;}
.i-list4 .newsitem:hover a.detail { opacity: 1; right: 0;}
.i-list4 .newsitem::after { content: ""; position: absolute; width: 0%; bottom: 30px; height: 1px; opacity: 0; left: 50%; background: rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsitem:hover::after { opacity: 1; left: 0; width: 100%; background: rgba(0, 0, 0, 0.2);}
.i-list4 .swiper-container { padding-bottom:60px;}
.i-list4 .sp-nav {bottom:0!important;}
.i-list4 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list4 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;}
/*#endregion */




/*#region ===========图文列表5===========*/
.i-list5 { background:#f5f5f5;}
.i-list5 ul li {width:380px; position: relative; float:left; margin-right:30px;}
.i-list5 ul li:last-child {margin-right:0;}
.i-list5 ul li .img {width:100%; overflow: hidden;}
.i-list5 ul li .img img {display: inline; transition: all 0.36s ease; }
.i-list5 ul li:hover .img img { transform: scale(1.08);}
.i-list5 ul li .info {height: 220px; padding: 20px;box-sizing: border-box; transition: 0.36s ease;}
.i-list5 ul li:hover .info {  padding-top: 30px; background: #fff;}
.i-list5 ul li .info .tit {font-size:16px; color:#666; }
.i-list5 ul li .info .date { color: #929292;}
.i-list5 ul li .info .desc { color: #929292; height:50px;  overflow: hidden;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;margin-top:10px;  transition: 0.36s ease;}
.i-list5 ul li .detail { position: absolute; bottom: 20px; left: 20px; margin-top: 20px; font-size: 12px; opacity: 0;  width: auto;  transition: 0.36s ease; color:#929292; }
.i-list5 ul li .detail .fa {font-size: 16px;  line-height: 32px; vertical-align: -1px; position: relative; opacity: 0; left: -10px;  padding-left: 10px;  transition: 0.36s ease; }
.i-list5 ul li:hover .detail { opacity: 1;  }
.i-list5 ul li:hover .detail .fa { left: 0; opacity: 1;}
.i-list5 ul li .info:after { content: ""; position: absolute; width: 40%; left: 0; bottom: 0; height: 3px; background: transparent; transition: 0.66s ease;}
.i-list5 ul li:hover  .info:after { width: 100%; background: #666;}
/*#endregion */


/*#region ===========图文列表6===========*/
.i-list6 .il-info .il-box1 { width:600px; height: 240px; overflow: hidden; position: relative;} 
.i-list6 .il-info .il-box1 .img  {width:100%; overflow: hidden;}
.i-list6 .il-info .il-box .img img {width:100%; display: inline; transition: all .36s ease; }
.i-list6 .il-info .info { width:560px; position:absolute; bottom:-90px;  padding:10px 20px; background:rgba(0,0,0,.5);   transition: all .4s ease;}
.i-list6 .il-info .il-box3 .info { width:260px;}
.i-list6 .il-info .il-box4 .info { width:260px;}
.i-list6 .il-info .info p {width:80%; overflow: hidden;}
.i-list6 .il-info .info .tit {color:#fff; font-size: 16px;}
.i-list6 .il-info .info .desc {color: #ccc; line-height: 160%;}
.i-list6 .il-info .detail {color: rgba(251,119,119,0); width: 38px; height: 38px;position:absolute; border-radius: 38px; display: inline-block;  line-height: 38px;  right:20px; bottom:-40px; background:#fff; box-shadow: 0 3px 7px rgba(0,0,0,.2); transition: all .36s ease;}
.i-list6 .il-info .detail i {font-size: 14px;  color: #929292; padding: 0; position: absolute; top: 50%;  left: 50%; transform: translate(-50%,-50%);}
.i-list6 .il-info .il-box:hover .info {bottom:0;}
.i-list6 .il-info .il-box:hover .detail {bottom:16px;}
.i-list6 .il-info .il-box:hover .img img { transform: scale(1.08);}
.i-list6 .il-info .il-box2 { width:600px; height: 480px; overflow: hidden; position: relative;} 
.i-list6 .il-info .il-box3 { width:300px; height: 240px; overflow: hidden; position: relative;} 
.i-list6 .il-info .il-box4 { width:300px; height: 240px; overflow: hidden; position: relative;} 
/*#endregion */


/*#region ===========图文介绍2===========*/
.i-info2 {  background:url(../images/iinfo2img1.jpg) center center no-repeat; padding: 160px 0; }
.i-info2 .i-info2-cc { width:855px; height: 350px;  background: #fff; float:right; box-shadow: 0 7px 17px rgba(6,6,6,.14);}
.i-info2 .i-info2-con .img {width:255px; text-align: right; overflow: hidden;}
.i-info2 .i-info2-con .wrapper {width:480px; text-align: left; padding:0 60px;}
.i-info2 .i-info2-con .wrapper .tit-info { padding:40px 0 20px 0;}
.i-info2 .i-info2-con .wrapper .tit {font-size: 24px; color: #666;}
.i-info2 .i-info2-con .wrapper .subtit { color: #929292;}
.i-info2 .i-info2-con .wrapper .desc { margin-bottom:30px; color:#929292;}
/*#endregion */


/*#region ===========图文列表7===========*/
.i-list7 .item { position: relative; padding-bottom: 50px;  }
.item-img img {width:100%;}
.i-list7 .item .item-mask {  height: calc(90% - 2px);  width: calc(92% - 2px);  border: 1px solid rgba(255,255,255,.53); margin: 4%;  position: absolute; top: 0; opacity: 0; transition: all ease-out .3s;}
.i-list7 .item:hover .item-mask {opacity: 1;}
.i-list7 .item .item-wrapper { position: absolute;  bottom: 25px;  left: 50%; width: 92%; background-color: #fff; margin-left: -46%;  box-shadow: 0 0 30px rgba(0,0,0,.2);  text-align: center;}
.i-list7 .item .tit-info {  padding: 20px; height: 40px;}
.i-list7 .item .tit {  font-size: 16px;margin: 0; line-height: 160%; transition: all ease-out .3s; }
.i-list7 .item .subtit { opacity: 1; color:#929292; line-height: 160%; transition: all ease-out .3s;  }
.i-list7 .item:hover .tit { margin-top: 8px;}
.i-list7 .item:hover .subtit { opacity: 0;}
.i-list7 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-45px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center; transition: all .36s ease; }
.i-list7 .sp-pn:hover { background: #666;}
.i-list7 .sp-prev {left: 0; }
.i-list7 .sp-next {right: 0;}
.i-list7 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
/*#endregion */


/*#region ===========图文列表8===========*/
.i-list8 {padding:0!important;}
.i-list8 .item-block {float: left;position: relative; overflow: hidden; background: #fff; width: 50%; height: 100%;	}
.i-list8 .item-img {  position: relative; overflow: hidden; display: block;}
.i-list8 .item-block .item-img {  width: 50%;}
.i-list8 .item-block .item-img img {width: 100%; transition: all .3s ease-out 0s; }
.i-list8 .item-block:hover .item-img img { transform: scale(1.06,1.06);}
.i-list8 .item-block.first .item-img { width: 100%; height: 100%;}
.i-list8 .item-block.first .item-wrapper { display: block;  position: absolute; bottom: 30%; width: 60%; left: 0; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list8 .item-block .item-wrapper { width: 50%; position: relative; margin-top: 12%; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list8 .item-block:nth-child(2) .item-wrapper { float: left;}
.i-list8 .item-block:nth-child(2) .item-img { float: right;}
.i-list8 .item-block:nth-child(3) .item-img {float: left;}
.i-list8 .item-block:nth-child(3) .item-wrapper { float: right;}
.i-list8 .item-block .item-img::before { content: ''; position: absolute; top: 0;  height: calc(100% - 22px); width: calc(100% - 22px); border: 1px solid transparent;  margin: 10px;  z-index: 2; transition: all ease-out .3s;}
.i-list8 .item-block .item-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list8 .item-info {  position: relative;  margin: 0 80px; display: block;}
.i-list8 .item-block:hover .item-img::before {border: 1px solid #fff;}
.i-list8 .item-block  .item-info .tit { color:#666; font-size: 20px;}
.i-list8 .item-block  .item-info .desc {color:#929292; margin-top:24px;}
.i-list8  .item-block .item-info:after { content: '';position: absolute;  width: 80px; height: 1px; top: 50px; left: 0; background: #ccc; transition: all .3s ease-out 0s;}
.i-list8  .item-block:hover .item-info:after {  width: 100%; }
@media only screen and (max-width: 1440px) { .i-list8 .item-block .item-wrapper { margin-top: 10%; } .i-list8 .item-block.first .item-wrapper {bottom: 20%; }  .i-list8 .item-info {  margin: 0 60px; }}
/*#endregion */


/*#region ===========图文列表9===========*/
.i-list9 .item-block { position:relative;}
.i-list9 .item-block .item-wrapper { background: #f6f6f6; transition: all ease-out .3s;}
.i-list9 .item-block .item-info {padding:15px 30px; }
.i-list9 .item-block .item-info .tit {font-size:16px; }
.i-list9 .item-block .item-info .subtit {color:#929292; }
.i-list9 .item-block a.detail { position: absolute;  bottom:25px;right: 30px;display: block;  width: 40px; height: 40px;border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px; text-indent:8px; transition: all ease-out .3s;}
.i-list9 .item-block a.detail i { font-size: 20px; color: #ccc; line-height: 36px;  transition: all .3s ease-out 0s;}
.i-list9 .item-block:hover a.detail {border: 1px solid #929292;background: #929292;}
.i-list9 .item-block:hover a.detail i {color: #fff; }
.i-list9 .swiper-container { padding-bottom: 60px;}
.i-list9 .sp-nav {bottom:0!important;}
.i-list9 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list9 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;}
/*#endregion */


/*#region ===========图文介绍3===========*/
.i-info3 {padding:0!important;}
.i-info3 .i-info3-con {width:100%; background: #f6f6f6;}
.i-info3 .mb {width:50%}
.i-info3 .mb .image {display:block; overflow: hidden;}
.i-info3 .mb img {width:100%;}
.i-info3 .cb  {width:50%} 
.i-info3 .txt-info { padding:20% 12% 0;}
.i-info3 .txt-info .tit {font-size:24px; line-height: 100%; }
.i-info3 .txt-info .subtit { color:#929292;}
.i-info3 .desc { color:#929292; padding:5% 12%;}
.i-info3 .desc .i-more { margin:5% 0;}
@media only screen and (max-width: 1440px) {.i-info3 .txt-info { padding:15% 12% 0;} }
/*#endregion */

/*#region ===========图文介绍4===========*/
.i-info4 {  background-color:#fff;   background-position: initial;background-size: cover;background-repeat: no-repeat; padding:80px 0; }
.i-info4 .i-info4-con { position: relative; width:100%; margin: 0 auto;  }

.mediabody { width: 50%;}
.i-info4 .i-info4-con .mediabody .image {width: 100%;  position: relative;z-index: 10; display: block; overflow: hidden; }

.i-info4 .i-info4-con .contentbody  { padding-top: 60px;  width:48%; margin-left: 2%;  }
.i-info4 .i-info4-con .contentbody .txt .tit {font-size: 24px; line-height: 30px; color: #666;}
.i-info4 .i-info4-con .contentbody .txt .subtit { line-height: 40px; display: inline-block;  margin-left: 15px; color:#929292; }
.i-info4 .i-info4-con .contentbody .desc {   line-height: 26px; color:#666; margin-top: 20px; font-size:16px;}
.i-info4 .i-info4-con .contentbody .desc a { margin-top: 40px;}
.i-info4-nun{ padding-top: 50px;}
.i-info4-nun h1{ font-family: Arial; font-size: 42px;}
.iin-line{ width: 1px;  background: #f5f5f5f;    margin: 0px 30px;  background: #e0e0e0; height:80px;}
.i-info4-nun p{  font-size: 14px;}
/*#endregion */


/*#region ===========图文列表10===========*/
.i-list10 .item-block { position:relative; padding-bottom: 80px;}
.i-list10 .item-block a { position: relative;display: block;}
.i-list10 .item-block .date-wrap span { display: block; width: 100%; color: #929292; font-size: 20px; line-height: 40px; transition: all .3s ease-out 0s; }
.i-list10 .item-block .item-info {  padding: 0 0 10px; transition: all .3s ease-out 0s;}
.i-list10 .item-block .item-info .tit { width: 100%; height: 50px;  font-size: 16px;display: inline-block;   position: relative; transition: all .3s ease-out 0s;}
.i-list10 .item-block .item-info .tit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px;  transition: all .3s ease-out 0s; background: #ddd;}
.i-list10 .item-block:hover .item-info .tit:after { content: ''; position: absolute; bottom: 0; left: 0; width:100%; height: 1px;  transition: all .3s ease-out 0s; background: #ccc;}
.i-list10 .item-block .desc { color: #929292; height: 50px;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp: 2;  text-overflow: ellipsis;  margin-top: 10px;  transition: 0.36s ease;}
.i-list10 .item-block .desc p { overflow: hidden;  width: 100%;  height: 55px; color: #929292;  transition: all .3s ease-out 0s;  }
.i-list10 .item-block .detail { margin-top: 20px;   color:#929292;  transition: 0.36s ease;}
.i-list10 .item-block .detail .fa {font-size: 16px;  line-height: 32px; vertical-align: 0px; position: relative; opacity: 0; left: -10px;  padding-left: 10px;  transition: 0.36s ease; }
.i-list10 .item-block:hover .detail .fa { left: 0; opacity: 1;}
.i-list10 .sp-nav {bottom:0!important;}
.i-list10 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list10 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;}
/*#endregion */


/*#region ===========图文列表12===========*/
.i-list12 { background:#f6f6f6; }
.i-list12 .newstitem {  width: 560px; margin: 20px 80px 80px 0;  transition: all 0.3s ease-out 0s;}
.i-list12 .newstitem:nth-child(2) , .i-list12 .newstitem:nth-child(4) { margin-right: 0;}
.i-list12 .newstitem:nth-child(3) , .i-list12 .newstitem:nth-child(4) { margin-bottom: 0;}
.i-list12 .newstitem a.newscontent {  display: block;  position: relative; }
.i-list12 .news-wrapper {height: 100%; z-index: 1; position:relative;transition: all 0.25s ease 0s;}
.i-list12 .newstitem .news-wrapper::before { content: "";  display: inline-block; height: auto; vertical-align: middle; border-top: 1px solid #666;  width: 0px;   position: absolute;  left: 75px;  top: 15%;   z-index: 3; opacity: 0;  transition: all 0.3s ease-out 0s;}
.i-list12 .newstitem:hover .news-wrapper::before { opacity: 1; width: 46px;}
.i-list12 .newsbody .date {  position: absolute; background: #666; padding: 24px 20px; opacity: 1;  left: 0px;  transition: all 0.4s ease 0s;}
.i-list12 .newsbody .date .md {  color: #adadad; top: 40px;display: block;  line-height: 20px; width: 100%; }
.i-list12 .newsbody .date .year { white-space: nowrap; font-size: 20px; color: #fff;  display: block; line-height: 24px; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list12 .newsbody .title { width: 440px;  height: 42px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;  font-size: 16px; color: #575757;  line-height: 32px; top: 54px; padding-left: 120px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.i-list12 .newsbody .description { width: 440px; overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:180%;  color: #999;  top: 108px; padding-left: 120px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.i-list12  .newstitem:hover .newsbody .title , .i-list12  .newstitem:hover .newsbody .description { padding-left: 130px;}
/*#endregion */


/*#region ===========图文列表13===========*/
.i-list13 { background:url(../images/ilist13img1.jpg) center no-repeat;}
.i-list13 .item-block { width: 224px; float: left;   margin-right: 20px;  position: relative; box-shadow: 0 0 0 rgba(0,0,0,.15);  text-align: center; padding: 60px 30px; background: #fff;  transition: all .36s ease;}
.i-list13 .item-block:hover { box-shadow: 0 14px 50px 0 rgba(106,105,105,.16);}
.i-list13 .item-block:last-child { margin-right: 0;}
.i-list13 .item-info .title { font-size: 16px; line-height:30px; margin-top:10px; transition: all .36s ease; }
.i-list13 .item-block .item-des { margin-top: 20px; margin-bottom: 10px; color:#929292;}
.i-list13 .item-block .details {    display: inline-block; position: relative;  height: 31px;  width: 78px; transition: all .36s ease;}
.i-list13 .item-block .details:after { content: ""; position: absolute;  top: 50%; left: 50%; background-color: #000; transition: .36s ease;  height: 1px; opacity: .3;  margin-left: -14px; width: 30px;}
.i-list13 .item-block .item-img img { display: inline; transition: all .36s ease;}
.i-list13 .item-block:hover .item-img img { transform: scale(1.08);}
/*#endregion */


/*#region ===========图文列表14===========*/
.i-list14 .il-info {position:relative;}
.i-list14 .swiper-container { width:1080px;}
.i-list14 .swiper-wrapper a {display:block;}
.i-list14 .swiper-wrapper img {width:100%;}
.i-list14 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-20px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center;  transition: all .36s ease; }
.i-list14 .sp-pn:hover { background: #0033a0;}
.i-list14 .sp-prev {left: 0; }
.i-list14 .sp-next {right: 0;}
.i-list14 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-list14.ibox.ix-relative{ padding-top: 0px;}
/*#endregion */


/*#region ===========图文列表15===========*/
.i-list15 { padding:0!important; background:url(../images/ilist15img1.jpg) center no-repeat;}
.i-list15  .content-wrapper {  position: relative;  padding: 100px 0;}
.i-list15 .tab-content {   width:800px; height: 280px;  margin-top: 40px; overflow: hidden;}
.i-list15 .tab-content .item-block { position:relative;}
.i-list15 .tab-content .item-block:after { content: '';  background: #fff;  display: block;  width: 100%; height: 100%;  position: absolute;  top: 40px; left: 0;}
.i-list15 .tab-content .item-block .wrapper { position:relative; z-index: 9;}
.i-list15 .tab-content .item-img { width: 110px; height: 110px;  margin: 0; margin-left: 80px;  position: relative; border-radius: 110px; overflow: hidden;  margin-right: 30px;}
.i-list15 .tab-content .item-img img {max-width: 100%; display: block;}
.i-list15 .tab-content p.title {display: block; font-size: 16px;  padding-top: 56px;}
.i-list15 .tab-content p.subtitle {  color: #929292; line-height: 160%;}
.i-list15 .tab-content .description { padding: 0 80px; height: 84px;  line-height: 28px;  margin-top: 30px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 3;   -webkit-box-orient: vertical;}
.i-list15 .tab-button { width: 330px; height:390px; overflow: hidden;}
.i-list15 .tab-button .item-block { background:#fff; cursor: pointer; width: 330px!important; position: relative;  transition: all .36s ease;}
.i-list15 .tab-button .item-block .wrapper { padding: 28px 25px; position: relative; z-index: 9;}
.i-list15 .tab-button .item-block .item-wrapper {width:70%;}
.i-list15 .tab-button .item-block .item-img { width: 60px; height: 60px; overflow: hidden;  border-radius: 60px; position: relative; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list15 .tab-button .item-block .item-img img { border-radius: 80px;max-width: 100%; display: block;}
.i-list15 .tab-button .item-block .item-info p.title {font-size: 16px;  }
.i-list15 .tab-button .item-block .item-info p.subtitle { color: #929292; line-height: 180%;}
.i-list15 .tab-button .swiper-slide-active, .i-list15 .tab-button .item-block:hover  { background: #666; }
.i-list15 .tab-button .swiper-slide-active, .i-list15 .tab-button .item-block:hover p.title { color: #fff;}
.i-list15 .tab-button .swiper-slide-active p.subtitle, .i-list15 .tab-button .item-block:hover p.subtitle { color: #ccc!important;}
.i-list15 .sp-pn { position: absolute; top: 48%; z-index: 10;  cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center;  transition: all .36s ease; }
.i-list15 .sp-pn:hover { background: #666;}
.i-list15 .sp-prevs  {left: 0; }
.i-list15 .sp-nexts {right: 400px;}
.i-list15 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
/*#endregion */


/*#region ===========页脚表单1===========*/
.ifooter1 { background:#333; padding: 0!important; }
.ifooter1 .if-info {padding: 80px 0;}
.ifooter1 .ct-info {width:40%;}
.ifooter1 .ct-info h1 { color:#fff; font-size: 16px; font-weight: normal; margin-bottom: 20px; }
.ifooter1 .ct-info p {color:#929292;}
.ifooter1 .ct-info .icon {margin-top:20px;}
.ifooter1 .ct-info .icon a { width: 30px;  height: 30px; line-height: 28px; border-radius: 15px; display: block;  font-size: 16px;  margin-right: 10px;  text-align: center; background: rgba(0,0,0,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ifooter1 .ct-info .icon a:hover {  background: rgba(0,0,0,.3);}
.ifooter1 .ct-info .icon a i { line-height: inherit; color: #929292;}
.ifooter1 .ct-info .icon a:hover i {color: #fff;}
.ifooter1 .ct-form {width:60%;}
.ifooter1 .ct-form p {  float: left; margin-left: 20px;  width: 30%; }
.ifooter1 .ct-form p .inputtxt {width: 100%;height: 20px; line-height: 20px;  margin-bottom: 20px;  background-color: transparent; border: none;  border-bottom: 1px solid #666;  padding: 0 0 10px 0px; color: #fff; }
.ifooter1 .ct-form p textarea.inputtxt {  width: -webkit-calc(300% + 40px); padding:0; margin:10px 0; height:90px; line-height: 200%; resize: none; overflow: hidden;}
.ifooter1 .ct-form p .inputsub { width: 200px; background-color: transparent; color: #ccc; padding: 5px 0;  display: block; float: left;  position: relative;  top: 130px;  height: 40px;  left: calc(-100% - 20px); left: -moz-calc(-100% - 20px); left: -webkit-calc(-100% - 20px); border: 1px solid rgba(255,255,255,.2); cursor: pointer;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ifooter1 .ct-form p .inputsub:hover { background-color: rgba(255,255,255,1);  border: 1px solid rgba(255,255,255,.1); color: #333;}
.ifooter1 .if-infob {background: #fff;}
.ifooter1 .if-infob p {padding:10px 0; font-size: 12px; color:#929292; }
/*#endregion */


/*#region ===========页脚表单1===========*/
.ifooter2 { background:#fff; padding: 0!important; }
.ifooter2 .contactinfo { padding:60px 0 30px 0;}
.ifooter2 .contactinfo h1 { width:360px;  padding-right: 40px;  float: left; overflow: inherit;  white-space: inherit;  font-size: 16px; line-height: 24px;font-weight: normal;  margin-bottom: 30px;}
.ifooter2 .contactinfo p {  float: left; width:300px; padding: 0 40px; height: auto;  border-left: 1px solid #ddd; line-height: 24px;color: #929292;}
.ifooter2 .ff-social { clear: both; position: relative;  top: -30px;}
.ifooter2 .ff-social a {  width: 30px; height: 30px;  display: block; font-size: 16px;  text-align: center;  line-height: 28px; border-radius: 15px; background: rgba(99,99,99,.39);  color: #fff;margin-right: 10px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.ifooter2 .ff-social a:hover { background:#666;}
.ifooter2 .ff-social a i {line-height: inherit;}
.ifooter2 .contactform {width:100%; overflow: hidden; padding-bottom: 80px;}
.ifooter2 .contactform form {  position: relative;  z-index: 1;}
.ifooter2 .contactform p { overflow: hidden;  width: calc(100% / 3); }
.ifooter2 .contactform .inputtxt { border: none;  width: calc(100% - 40px); margin-bottom: 10px; float: left; margin-right: 42px;  height: 40px;  padding: 10px 20px; box-sizing: border-box; background-color: rgba(0,0,0,.08); transition: all .3s ease-out 0s;}
.ifooter2 .contactform .contactform-content {  width: 68%; float: right; position: absolute;  top: 0;  left: 400px;}
.ifooter2 .contactform .contactform-content textarea {  height:90px;resize: none;  overflow: hidden; color:#666; }
.ifooter2 .contactform .contactform-submit {  width: 68%; float: right; position: absolute;  top: 100px;  left: 400px;}
.ifooter2 .contactform .contactform-submit .inputtxt { background-color:#666; color:#fff;}
.ifooter2 .if-infob {background: #f6f6f6; border-top:solid 1px #e5e5e5;}
.ifooter2 .if-infob p {padding:10px 0; font-size: 12px; color:#929292; }
.ifooter2 .if-infob p a{ color:#929292; }
.ifooter2 .if-infob p a:hover{ color:#0033a0; }
/*#endregion */


/*#region ===========内页通用样式===========*/
.page { margin:0 auto; text-align:center; padding:20px 0 80px 0;}
.paginator{ font-family:Arial; }
.paginator a { width:36px; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#eee;  margin:0 5px; color:#929292;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:#666; color:#fff;}
.paginator span.cpb { width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#666; }
.paginatordis{ display:none;}

.cbanner {width:100%; }
 .cbanner .cb-info {width:100%; max-width: 1920px; margin: 0px auto;}

.pagetarget  {padding:20px 0; margin-bottom:40px; background: #f6f6f6;}
.pagetarget .pagetarget-info {animation-fill-mode:none;}
.pagetarget .container-target {line-height:36px;}
.pagetarget  .fa-angle-right { padding: 0 10px;}
.pagetarget .cate ul .citem {float:left; margin: 0 5px;text-align: center; position: relative; }
.pagetarget .cate ul .citem>a { display: inline-block; line-height: 36px; padding: 0 20px; color: #666;  }
.pagetarget .cate ul .citem>a::before { position: absolute;  content: ""; margin-top: 36px;  background: #ccc; width: 0px; height: 1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pagetarget .cate ul .citem>a::after { position: absolute;  content: "/"; text-align: left; margin-left: 20px; color: #ccc;}
.pagetarget .cate ul .citem a.active::before , .pagetarget .cate ul .citem:hover>a::before {width: calc(100% - 40px);}
.pagetarget .cate-sub { position: absolute; top:36px; left:0; opacity: 0; background: #fff;  box-shadow: 0 5px 20px 5px rgba(0,0,0,.05);  width:100px; z-index: 99;   transition: all .3s ease-out 0s;}
.pagetarget .cate ul .citem:hover .cate-sub {opacity: 1; }
.pagetarget .cate-sub li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 12px; color: #666; transition: all .36s ease;}
.pagetarget .cate-sub li a:hover {color: #fff; background-color: #666;}

.cprolist .projectitem { width: 32%; float: left; margin-right:2%;   position: relative;  margin-bottom:100px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cprolist .projectitem:nth-child(3), .cprolist .projectitem:nth-child(6) {margin-right: 0;}
.cprolist .projectitem .project-img {width:100%; overflow: hidden;}
.cprolist .projectitem .project-img img {width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cprolist .projectitem a {display:block;}
.cprolist .projectitem a:hover img { transform: scale(1.2, 1.2);}
.cprolist .projectitem a .project-info { width: 100%; height: 100%;  background: rgba(0, 0, 0, 0);  position: absolute;  left: 0; top: 0;  transition: all ease-out .3s;}
.cprolist .projectitem a:hover .project-info { background: rgba(0,0,0,.5); }
.cprolist .projectitem a .project-info div { top: 100%; position: relative;}
.cprolist .projectitem a .project-info p.title { font-size:16px; margin-top:10px;}
.cprolist .projectitem a .project-info p.subtitle { color:#929292; line-height: 160%; }

.cabo-info {color:#929292; padding:40px 0 80px 0;}
.cabo-info h1 { font-size: 16px;  line-height: 200%; color: #666; padding-top: 10px; }
.cabo-info hr { height: 1px;  background: #ddd;  border: none; margin: 10px 0;}

.cnewslist .newstitem { width: 100%; padding-bottom:30px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 30px; position: relative;}
.cnewslist .newstitem a.newscontent {height:100%; display: block;}
.cnewslist .newstitem .newsimg { display: block; width: 240px; height: 150px; overflow: hidden;}
.cnewslist .newstitem .newsimg img {width:100%;  transition: all 0.36s ease;}
.cnewslist .newstitem:hover .newsimg img {transform: scale(1.08);}
.cnewslist .newstitem .newsbody {  width: 740px; position:relative; padding-left:40px;  transition: 0.36s ease;}
.cnewslist .newstitem:hover .newsbody { padding-left:50px;}
.cnewslist .newstitem .newsbody p.title {font-size:16px;  color: #666;}
.cnewslist .newstitem .newsbody p.description { width: 100%; color: #929292; height: 50px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.cnewslist .newstitem .newsbody p.date {color: #929292; margin:10px 0;}
.cnewslist .newstitem:last-child { border:none;}
.cnewslist .newstitem .details {position: absolute; bottom: 60px; right: 0;  font-size: 12px;  width: 120px; height: 40px; line-height: 40px;  border-radius: 40px; border: 1px solid rgba(0,0,0,.1);   text-align: center;  color: #929292; transition: 0.36s ease;}
.cnewslist .newstitem .details span { padding-left:20px; transition: 0.36s ease; }
.cnewslist .newstitem:hover .details span { padding-left:0; color:#fff; }
.cnewslist .newstitem .details i {  font-size: 16px; line-height: 32px; vertical-align: -1px;  position: relative;  opacity: 0;  left: -20px; padding-left: 10px; transition: 0.36s ease;}
.cnewslist .newstitem:hover .details i { left: 0;opacity: 1; }
.cnewslist .newstitem .details::after {content: ''; z-index: -1; position: absolute; height: 100%;  width: 0; left: 0;  top: 0;opacity: 0; background: #0032a1;  border-radius: 40px;  transition: all .36s ease;}
.cnewslist .newstitem:hover .details::after {  opacity: 1; width: 100%; color:#fff; }

.cnewdetail-info {color:#929292; padding:0 0 80px 0;}
.cnewdetail-info .tit-info {margin-bottom:30px;}
.cnewdetail-info .tit-info h1 { font-size:20px; font-weight: normal; line-height: 200%; color: #666; padding-bottom:10px;  }
.cnewdetail-info .tit-info .info {padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.1);}
.cnewdetail-info .tit-info .info span { margin-right:5%;}
.cnewdetail-info .tit-info .info span em { font-family:Arial;}
.cnewdetail-info hr { height: 1px;  background: #ddd;  border: none; }
.cnewdetail-info .pn-nav { margin-top:30px; }
.cnewdetail-info .pn-nav a { width:45%; padding:1.5% 2%; background:#f6f6f6; transition: all .36s ease;}
.cnewdetail-info .pn-nav a:hover { background:#666; color:#fff; }

.cprodetail-info {color:#929292; padding:0 0 80px 0;}
.cprosp {width:50%;}
.cprosp .swiper-slide span {display:block; width:100%; }
.cprosp .sp-nav {bottom:20px!important;}
.cprosp .sp-nav .swiper-pagination-bullet {border: 1px solid #fff; width: 8px;height: 8px; margin:0 5px!important; background:none; opacity:1; }
.cprosp .sp-nav .swiper-pagination-bullet-active { background:#fff;}
.cprosp .swiper-slide img {width:100%;}
.cproinfo {width:46%;}
.cproinfo .title {font-size:24px; font-weight: normal; line-height: 200%; color: #666; }
.cproinfo .subdesc {color:#929292; padding-bottom:10px;  border-bottom: 1px solid rgba(0,0,0,.1);  margin-bottom:20px;}
.cproinfo .para {color:#929292;  }
.cproinfo .link {margin-top:20px;}
.cproinfo .link a {padding: 8px 20px; border: 1px solid rgba(0,0,0,.1); display: inline-block; color:#929292;  transition: all .36s ease; margin-right:20px;}
.cproinfo .link a:hover { background: #666; color:#fff;}
.cprodesc .title {width:100%; background:#f6f6f6; margin: 40px 0;}
.cprodesc .title span { padding:10px 40px; display: inline-block; font-size: 16px; color:#fff; background:#666;}
.cprodesc .description { margin-bottom:40px;} 
.cprodetail-info .tabbtn a {  position: relative; width: 50%; height: 50px; overflow: hidden; float: left; padding: 10px;  box-sizing: border-box; background: #f6f6f6; transition: all .36s ease;}
.cprodetail-info .tabbtn .post-prev .img-wrap { width: 80px;  position: absolute; top: 50%;right:20px; transform: translateY(-50%); opacity: 0; transition: all .36s ease;}
.cprodetail-info .tabbtn .post-prev .img-wrap img { width:100%; border-radius: 2px;}
.cprodetail-info .tabbtn .post-prev .infor-wrap {  width: 300px; position: relative; top: 46%; left:80px; transform: translateY(-50%);}
.cprodetail-info .tabbtn .post-prev .infor-wrap .title {  display: block; font-size: 16px; color:#666; line-height: 200%;  transition: all .36s ease; }
.cprodetail-info .tabbtn .post-prev .details {border-right: 1px solid #e5e5e5;  left: 30px; position: absolute; top: 50%; width: 30px; height: 20px;  overflow: hidden;	font-size: 20px;line-height: 20px; transform: translateY(-50%); transition: all .36s ease;}
.cprodetail-info .tabbtn .post-next .img-wrap { width: 80px;  position: absolute; top: 50%;left:20px; transform: translateY(-50%); opacity: 0; transition: all .36s ease;}
.cprodetail-info .tabbtn .post-next .img-wrap img { width:100%; border-radius: 2px;}
.cprodetail-info .tabbtn .post-next .infor-wrap {  width: 300px; position: relative; top: 46%; right:-200px;  text-align: right; transform: translateY(-50%);}
.cprodetail-info .tabbtn .post-next .infor-wrap .title {  display: block; font-size: 16px; color:#666; line-height: 200%;  transition: all .36s ease; }
.cprodetail-info .tabbtn .post-next .details {border-left: 1px solid #e5e5e5; text-align: right; right: 30px; position: absolute; top: 50%; width: 30px; height: 20px;  overflow: hidden;	font-size: 20px;line-height: 20px; transform: translateY(-50%);}
.cprodetail-info .tabbtn a:hover { background:#666;}
.cprodetail-info .tabbtn a:hover .img-wrap { opacity: 1; }
.cprodetail-info .tabbtn a:hover .infor-wrap .title {color:#fff;}
.cprodetail-info .tabbtn a:hover .infor-wrap .subtitle {color:#ccc;}
.cprodetail-info .tabbtn a:hover .details {color:#fff;}

.cprodetail{ padding-top: 40px;}
.ccase .cprosp { width: 40%;}
.ccase .cproinfo {width: 58%;}
.ccase{ padding-bottom: 40px;}
.pg.i-list16{ padding-top: 40px;}

.ff-pp p{ display: inline-block;}

/*#endregion */


/*新增*/
a.jj-more:before {
    content: '+';
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    margin-left: 8px;
    margin-top: 30px;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}

a.jj-more:hover:before{
    opacity: 1;
    margin-top: 0;
}
a.jj-more:hover span{ color: transparent;}


/*==图文列表16==*/
.i-list16 li.projectitem{float: left; width: 32%; margin-right: 2%; background: none;margin-bottom: 30px;transition: all 0.6s ease 0s;}
.i-list16 .projectitem:nth-child(3), .i-list16 .projectitem:nth-child(6) {margin-right: 0;}
.i-list16 .projectitem a{display: block;overflow: hidden;}
.i-list16 .projectitem .project-img{overflow: hidden;position: relative;}
.i-list16 .projectitem .project_img::before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0;background: #fff;display: inline-block;position: absolute;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.i-list16 .projectitem a img{float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list16 .projectitem .project-img::before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0;background: #fff;display: inline-block;position: absolute;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.i-list16 .projectitem .project-img::after{content: '';width: 1px;height: 21px;line-height: 40px;margin-top: -10px;background: #fff;display: inline-block;position: absolute;top: 0;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.i-list16 .projectitem a .project-info{width: 100%;left: 0;top: 0;transition: all ease-out .3s;height: 100px;background: none;position: inherit;}
.i-list16 .projectitem a .project-info div{background-color: #fff;padding: 20px 100px 0 0px;width: 280px;position: inherit;margin: 0;height: auto;transition: all 0.6s ease 0s;}
.i-list16 .projectitem .project-info p.title{margin-top: 0px;height: 24px;font-size: 16px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #666;text-align: left;padding: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.i-list16 .projectitem .project-info p.subtitle{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 2px;color: #bdbdbd;text-align: left;padding: 0;font-size: 12px;transition: all ease-out .3s;}
.i-list16 .projectitem a img{float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list16 .projectitem:hover .project-info p.title{color: #0032a1;}
.i-list16 .projectitem a::after{content: "";width: 100%;height: 0;background-color: rgba(0, 51, 160, 0.85);position: absolute;top: 0px;opacity: 0;transition: all 0.3s ease 0s;}
.i-list16 .projectitem:hover a::after{height: 72%;}
.i-list16 .projectitem:hover a::after{opacity: 1;}
.i-list16 .projectitem:hover{box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);}
.i-list16 .projectitem:hover a .project-info div{margin-left: 20px;}
.i-list16 .projectitem a .project-info::after{content: "";display: block;width: 60px;height: 60px;background-color: #e3e3e3;margin-left: 300px;margin-top: -52px;background: url(../images/ico_img01.png)no-repeat -170px 0px;transition: all 0.6s ease 0s;opacity: 0;}
.i-list16 .projectitem:hover a .project-info::after{opacity: 1;}
.i-list16 .projectitem a:hover .project_info{background: transparent;}
.i-list16 .projectitem:hover .project-img::before{top: 50%;opacity: 1;}
.i-list16 .projectitem:hover .project-img::after{top: 50%;opacity: 1;}
.i-list16 .projectitem a:hover img{transform: scale(1.1, 1.1);}

/*==图文列表17==*/
.i-list17 .serviceitem { float: left; width: 30%; margin-right: 2%;  display: inline-block; transition: all 0.6s ease 0s; margin-bottom: 30px; background: #fff; padding-bottom: 50px;}
.i-list17 .serviceitem:nth-child(3){margin-right: 0%;}

.i-list17 .serviceitem a{transition: all 0.6s ease 0s;border-radius: 8px;text-align: center;display: block;width: 100%;height: 100%;}
.service_img{display: inline;}
.i-list17 .serviceitem a img{float: none;height: auto;margin: 0 auto;width: auto;max-height: 136px;margin-top: 34px;}
.i-list17 .serviceitem div{text-align: left;margin-top: 0px;padding: 10px 35px;background: #fff; padding-bottom: 50px;}
.i-list17 .serviceitem div p.title{height: 40px;line-height: 40px;transition: all ease-out .2s;text-align: center;white-space: nowrap;text-overflow: ellipsis;display: block;font-size: 18px;color: #2b2b2b;overflow: hidden;}
.i-list17 .serviceitem div p.description{color: #848484;font-size: 13px;line-height: 24px;width: 100%;display: block;padding-top: 40px;text-align: center;position: relative;}

.i-list17 .serviceitem a.details{text-align: center; display: block; position: relative; margin-top: -90px; border-radius: 20px; width: 0px; height: 38px; font-size: 14px; color: #595959; text-indent: -999px; line-height: 38px; overflow: hidden; border: 1px solid transparent; padding-right: 40px; background: #0033a0; transition: all 0.3s ease-in-out 0s; margin: 0px auto;}
.i-list17 .serviceitem a.details::before{content: ''; position: absolute; top: 19px; left: 50%; width: 15px; text-align: left; text-indent: 0px; height: 1px; line-height: 24px; font-size: 16px; background: #fff; margin-left: -7px;}
.i-list17 .serviceitem a.details::after{content: ''; position: absolute; top: 12px; left: 50%; width: 1px; text-align: left; text-indent: 0px; height: 15px; line-height: 24px; font-size: 16px; background: #fff;} .i-list17 a.details i{transition: all ease-out .3s; font-size: 16px; color: #ccc; text-indent: 12px; position: absolute; top: 3px; opacity: 0;}
.fa-angle-right:before{content: "\f105";}
.i-list17 .serviceitem:hover{box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1); transform:translatey(-80px);margin-top: -20px;}
.i-list17 .serviceitem:hover a.details{width: 60%;box-shadow: 0px 12px 32px rgba(0, 0, 0, 0); border: 1px solid rgba(237, 237, 237, 0);}

.pg.i-list17.ibox{ padding-bottom:0px;}
/*===图文列表18===*/

.i-list18 .item { position: relative; padding-bottom: 50px;  }
.item-img img {width:100%;}


.i-list18 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-45px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center; transition: all .36s ease; }
.i-list18 .sp-pn:hover { background: #0033a0;}
.i-list18 .sp-prev {left: 50%; margin-left: -700px }
.i-list18 .sp-next {right: 50%; margin-right: -700px;}
.i-list18 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}


.i-list13 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-45px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center; transition: all .36s ease; }
.i-list13 .sp-pn:hover { background: #0033a0;}
.i-list13 .sp-prev {left: 50%; margin-left: -700px }
.i-list13 .sp-next {right: 50%; margin-right: -700px;}
.i-list13 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}

.i-list18 .newsbody p.date {
    font-family: "HELVETICANEUELTPRO-THEX", Arial;
    height: 30px;
    font-weight: 300;
    position: absolute;
    width: auto;
    text-align: left;
    right: auto;
    top: auto;
}

.i-list18  p.title {
	width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 50px 0;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
	    padding-bottom: 0px;
    transition: all 0.6s ease 0s;
    margin-top: 54px;
	
    color: #333;
	
}
.i-list18  .year {
    color: #2b2b2b;
    font-size: 24px;
    float: none;
    display: block;
    white-space: nowrap;
    margin-top: unset;
}
.i-list18 .newsbody {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
.i-list18 .separator {
    display: none;
}
.i-list18 .newsbody .description {
    width: 90%;
    margin-top: 26px;
    font-size: 13px;
    color: #777;
    text-align: left;
    height: 82px;
    overflow: hidden;
}
.i-list18 .item:hover p.title {
    color: #0033a0;
}

.i-list18 .item a.details {
	transition: all 0.6s ease 0s;
    display: block;
    position: relative;
    z-index: 20;
    bottom: -24px;
    color: #fff;
    background: #0033a0;
    width: 38px;
    height: 38px;
    margin: 0px;
    border-radius: 22px;
    line-height: 40px;
    overflow: hidden;
    border: none;
    text-indent: 160px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    left: 0;
}
.i-list18 .item a.details::before {
    content: "";
    display: block;
    width: 13px;
    height: 1px;
    text-indent: 0px;
    position: absolute;
    top: 50%;
    line-height: 42px;
    background: #fff;
    left: 50%;
    margin-left: -6px;
}
.i-list18 .item i {
	margin: 0;
    color: transparent;
    font-size: 20px;
    margin: 0;
}
.i-list18 .item a.details::after {
    content: "";
    display: block;
    width: 1px;
    height: 13px;
    text-indent: 0px;
    position: absolute;
    top: 13px;
    line-height: 42px;
    background: #fff;
    left: 50%;
}
.i-list18 .item:hover a.details {
    background: #0033a0;
	    width: 100px;
}

/*===留言列表1==*/
.i-mess1 .il-tit{ text-align: center;}
.i-mess1-wp{ width: 1200px; margin: 0px auto;  background: #fff; margin-top: 100px; padding: 80px 0px;}
.i-mess1-wp h1{ line-height: 200%;}
.i-mess1-wp p{ color:#999;}
.i-mess1 .contactform p {
  overflow: hidden;
  float: left;
  width: calc(100% / 3);
}

.i-mess1 .contactform .contactform_submit {
  float: none;
  margin: auto;
}

.i-mess1 .contactform .contactform_content {
  width: 100%;
}

.i-mess1 .contactform .contactform_content textarea {
  height: 70px;
  resize: none;
  overflow: hidden;
  margin-right: 0;
}

.i-mess1 .contactform .contactform_tel {
  margin-right: 0;
}

.i-mess1 .contactform .inputtxt {
  border: none;
  width: calc(100% - 40px);
  margin-bottom: 5px;
  background: none;
  color: #D6D6D6;
  float: left;
  border-bottom: 1px solid rgba(231, 228, 228, 0.22);
  margin-right: 42px;
  height: 40px;
  line-height: 20px;
  padding: 10px 20px;
  box-sizing: border-box;
  color: #bcbcbc;
  transition: all 0.3s ease-out 0s;
}


.i-mess1 .contactform .inputtxt.submit:hover {
  background-color: rgba(186, 186, 186, 0.37);
  border: 2px solid rgba(134, 134, 134, 0);
  color: #E8E8E8;
}
.i-mess1 .contactform{ padding: 0px 100px;}
.i-mess1 .contactform .inputtxt {
    border: 1px solid #e1e7ee;
    width: calc(100% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
}
.i-mess1 .contactform .inputtxt.submit {
	display: block;
  clear: both;
  float: none;
  height: 40px;
  border: 2px solid #6D6D6D;
  margin: 60px auto 0;
  padding: 0;
  cursor: pointer;
    width: 225px;
    margin-top: 20px;
    background-color: #0033a0;
    color: #fff;
    font-weight: 600;
    border-color: #0033a0;
    font-size: 16px;
    border-radius: 28px;
}
.i-mess1 .contactform .inputtxt.submit:hover {
    background-color: #ffb43a;
    border-color: #ffb43a;
}