﻿@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:24px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}

input{  box-shadow: 0 0 0px 0px #fff inset;-webkit-box-shadow: 0 0 0px 0px #fff inset; -moz-box-shadow: 0 0 0px 0px #fff inset; -ms-box-shadow: 0 0 0px 0px #fff inset;  -o-box-shadow: 0 0 0px 0px #fff inset; }


/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(../images/6294136a6b004249a91b587d3c0dc7b8.gif);background-attachment:fixed;}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.l,
.r
{
    width: 50%;
}
/* 主体内容开始
-------------------------------------------------------------- */

.page { margin: 0 auto; width:100%; height: auto; }
.content{ width:100%; margin: 0 auto;}


#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #195091;color:#FFF;font-size:13px;}
#pages span {background: #195091;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}

/*--底部--*/
footer .foot{ background:#f4f4f4; border-top:4px solid #04489b; padding:40px 0;}
footer .foot .left{ width:75%;}
footer .foot .left ul li{ float:left;width: 16.5%;}
footer .foot .left ul li b a{ color:#333; font-size:20px;}

footer .foot .left ul li b { display:block; padding-bottom:7px;}
footer .foot .left ul li a {  color:#666; font-size: 16px; display:block; padding-bottom:13px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
footer .foot .left ul li a:hover{ color:#04489b}
footer .foot .right{ width:24%;}
footer .foot .right .rig span{ display:inline-block; text-align:center; color:#333; font-size:16px; margin-left:30px;}
footer .foot .right .rig img{ width:110px; display:block; margin-bottom:14px;}
/*友情链接开始*/
#cate { height: 40px; line-height: 40px; text-align: left; width:254px; float:right; borde-left:1px solid #393939; border-top:0; border-bottom:0; margin-top:30px; position: relative;}
#cate .cate_wrp { overflow: hidden; }
#cate .cate_inp { padding-left:15px; height:40px; width: 184px; border: 0; border-right:none; color:#04489b; float: left; font-size: 13px; background: url(../images/suo.png) no-repeat left;}
#cate a.cate_tri:link,  #cate a.cate_tri:visited { width:54px; height:40px; float: left; display:block; background: url(../images/ji.png) no-repeat center center;}
#cate .rty{
width: 54px;height: 40px; float: left; display: block; background: url(../images/ji.png) no-repeat right;}
#cate .cate_drop { background: #04489b; border: 0; color: #fff; position: absolute; z-index: 9999999; width: 343px; display: none;  width: 245px; bottom: 40px;}
#cate .cate_drop ul{ padding: 0px; margin: 0px;}
#cate .cate_drop li { padding-left:15px; color:#fff; line-height: 40px; border-top: 1px solid #ffffff;}
#cate .cate_drop li a{color:#fff;font-size: 14px;}
#cate .cate_drop li:hover { color:#04489b; cursor: pointer;}
/*友情链接结束*/

.foot_bottom{ padding:20px 0;}
.foot_bottom .left{ width:70%; font-size:13px; line-height: 32px;}
.foot_bottom .left a{font-size:13px; color:#666;}
.foot_bottom .left a:hover{ color:#04489b;}


.foot_bottom .right{ width:22%;}
.foot_bottom .right span{ font-size:13px; color:#333; float:left; padding-top:8px;}
.foot_bottom .right a{ width:37px; height:37px; display:inline-block; text-align:center; border:1px solid #aaaaaa; border-radius:50%;float:left; margin-left:10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.foot_bottom .right a:hover{ background:#04489b;border:1px solid #04489b;}
.foot_bottom .right .cv01 i{ display:block; width:37px; height:37px; background:url(../images/weixin.png) no-repeat center;}
.foot_bottom .right .cv02 i{ display:block;  width:37px; height:37px; background:url(../images/weibo.png) no-repeat center;}
.foot_bottom .right .cv03 i{ display:block;  width:37px; height:37px; background:url(../images/xingk.png) no-repeat center;}
.foot_bottom .right .cv04 i{ display:block;  width:37px; height:37px; background:url(../images/dmore.png) no-repeat center;}
.foot_bottom .right .cv01:hover i{background:url(../images/weixin01.png) no-repeat center;}
.foot_bottom .right .cv02:hover i{background:url(../images/weibo01.png) no-repeat center;}
.foot_bottom .right .cv03:hover i{background:url(../images/xingk01.png) no-repeat center;}
.foot_bottom .right .cv04:hover i{background:url(../images/dmore01.png) no-repeat center;}/*--首页产品--*/
.product_title { font-size:35px; color:#333333; text-align:center; margin:0; padding-top:50px; padding-bottom:44px;}
.product_title a { font-size:38px; color:#333333;}

.product_des { text-align:center; max-width:82%; margin:0 auto; font-size:18px;}
.solution-box{margin: 30px 0 0 0; background:#F8F8F8;}

.solution-slide {background: #F8F8F8; width:100%; height:367px;text-align: center;position: relative;}
.solution-slide span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-slide i{ position: absolute; height:45px;width: 100%;left: 0;top:88px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.casek .solution-slide i img { max-width:100% !important; width:auto !important; display:inline-block !important;}
.solution-slide h3{font-size: 24px; color:#000000;position: absolute;width: 100%;left: 0;top:158px;transition: .3s;}
.solution-slide p{width: 100%;position: absolute; padding:0 40px;font-size: 16px;top:225px;transition: .3s;}
.solution-slide a{position: absolute; display:block;width:100%; text-align:center;top: 90%;font-size: 16px;color: #940000;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}

.solution-slide:hover span{background: #EDEDED;}
.solution-slide:hover i{top:70px;}
.solution-slide:hover h3{top:130px;}
.solution-slide:hover p{top:210px;}
.solution-slide:hover a{top:85%;opacity: 1;}
@media (max-width:991px) {
.solution-slide p{width: 100%;position: absolute; padding:0 10px;font-size: 14px;top:225px;transition: .3s;}

}

@media (max-width:767px) {
.product_title a { font-size:30px;}
}



@media (max-width:860px) {
footer .foot .left{ display: none; }
footer .foot .right{ width: 100%;}    
footer .foot .right .rig span{ margin-left: 0px; margin-right: 30px;}
#cate{ float: left;}
.foot_bottom .left{ float: none; width: 100%;}    
.foot_bottom .right{ float: none; width: 100%;}    

}



/*--首页案例新增--*/
.casek { max-width:1300px; margin:0 auto;}
.casek .owl-theme .owl-dots.disabled{ display:block;}
.casek .owl-theme .owl-dots .owl-dot { display:none;}
.casek .owl-theme .owl-nav [class*=owl-] { background:none}
.casek .owl-theme .owl-nav span { font-size:60px;color:#A9A9A9;}
.casek .owl-theme .owl-nav span:hover{ color: #333333;}

.casek .owl-theme .owl-nav { margin:0; position:relative;}
.casek .owl-theme .owl-nav button {position: absolute; top:-203px; outline:0;}
.casek .owl-theme .owl-nav button.owl-prev {  left:-35px;}
.casek .owl-theme .owl-nav button.owl-next { right:-35px;}
.casek .owl-theme .owl-nav [class*=owl-]:hover { background:none;}

@media (max-width:1199px) {
.casek .owl-theme .owl-nav button {  top:-163px;}
}
@media (max-width:999px) {

.casek .owl-theme .owl-nav button { top:-203px; }
.casek .owl-theme .owl-nav button.owl-prev {  left:-25px;}
.casek .owl-theme .owl-nav button.owl-next { right:-25px;}

}
@media (max-width:767px) {
.casek .owl-theme .owl-dots .owl-dot { display: inline-block; background:none; outline:0;}
.product_title { font-size:30px; color:#333333; text-align:center; margin:0; padding-top:30px; padding-bottom:34px;}
}






/*--首页走进米田--*/
.company_bg { background:url(../images/gsbg.jpg) no-repeat center; background-size:cover; min-height:554px;}
.company_des { text-align:center; line-height:25px;min-height:100px; max-width:82%; margin:0 auto; font-size:18px;}
.product-num-box{ width: 100%;}

.product-num-head{ margin-top: 50px;}
.product-num-item{ text-align: center; padding:0 21px; width:33.33%; float:left;}
.product_white { background:#FFFFFF;position: relative; padding-bottom:5px;}
.product-num-nub{ display: block; background:url(../images/huix.jpg) no-repeat bottom center; height:117px; padding-top:34px; line-height:70px; font-size: 70px; color: #d61717; font-family:Impact Regular; }
.product-num-inf{ margin-top: 20px;font-size: 18px; height:50px; padding:0 5px;line-height:25px; overflow:hidden;}
.product_white:after {content: "";display: table; position:absolute; left:0; bottom:0; width:100%; height:2px;background: #db3149;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;z-index: 9;}

@media (max-width:1000px) {
.product_des { max-width:100%;}
.company_des {  max-width:100%;font-size:15px;}
}
@media (max-width:991px) {

.product-num-nub { font-size:60px; line-height:60px;}

}
@media (max-width:767px) {
.product-num-item { width:100%;}
.product-num-box { padding-bottom:20px;}
}

.new_lie { width:100%; padding-bottom:80px; overflow:hidden;}
.new_lie ul { margin-left:-4px; margin-right:-4px;}
.new_lie ul li { width:25%; float:left; padding:0 4px;}
.new_lie ul li a { display:block;}
.new_pic { position:relative; overflow:hidden;}
.new_pic:before {content: "";display: block; 
  /* background:url(../images/block01.png) repeat; */
   position:absolute; left:0; top:0; width:100%; height:100%; z-index:99;}
.new_pic img { width:100%;}
.new_pic img{-webkit-transition: opacity .4s ease-in,-webkit-transform .8s linear;transition: opacity .4s ease-in,transform .8s linear;}
.new_lie ul li a:hover .new_pic img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

.new_des { background:#EEEEEE; padding:16px 6px 0 6px; position:relative;}
.new_des h4 { margin:0; font-size:18px; height:26px; line-height:26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#333333; font-weight:bold;}
.new_des span { display:block; padding:12px 0;color:rgba(51,51,51,0.5); font-size: 16px;}
.new_des p { font-size:16px; height:50px; color: #999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new_des em { font-style:normal; color:rgba(102,102,102,0.8); display:block; padding-top:15px; padding-bottom:15px;}
.new_des:after {content: "";display: table; position:absolute; left:0; width:0; height:3px;background: #FF0000;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;z-index: 9;}
.new_lie ul li a:hover .new_des:after { width:100%;}
.new_lie ul li a:hover .new_des span { color:#333333;}
.new_lie ul li a:hover .new_des em { color:#333;}

.back-top{ width: 54px; height: 54px; overflow: hidden; position: fixed; right: 1%; bottom: 18%; z-index: 20; display: none; background: url(../images/top.png) no-repeat; cursor: pointer; }

@media (max-width:767px) {
.new_lie ul li { width:50%; margin-bottom:8px;}
.new_lie {  padding-bottom:50px;}

}


@media (max-width:640px) {
.new_lie ul li { width:100%; margin-bottom:8px;}
}

/*--banner--*/
.pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 100%;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); display: none; z-index: 900; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.bannerBox{ position: relative; overflow: hidden; color: #fff; background-color: #f3f3f3;}
.bannerBox .banner{ visibility: hidden; transition: visibility 300ms; -webkit-transition: visibility 300ms;}
.bannerBoxShow .banner{ visibility: visible;}
.banner .pimg{ display: block; width: 100%;}
.banner .item{ position: relative; overflow: hidden; z-index: 10;}
.binbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}

.banner .slick-dots{ bottom: 3%; z-index: 50; }
.banner .slick-dots li{ position: relative; display: inline-block; margin: 0px;  margin: 0px 4px; width: 20px; height: 20px;cursor: pointer; background: url(../images/i_banner_num0.png) no-repeat scroll center center;}
.banner .slick-dots li a{ height: 20px; width: 20px; line-height: 20px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/i_banner_num1.png) no-repeat scroll center center; visibility: hidden; opacity: 0; transform: scale(0); -webkit: scale(0);}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { opacity: 1; visibility: visible; transform: scale(1); -webkit: scale(1); }
.banner .slick-arrow{  width:50px; height:50px; z-index: 9;  top: 50%; margin-top: -32px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 16%; }
.banner .slick-next{ right: 16%;}
.banner .slick-prev i{ background: url(../images/ban_left.png) no-repeat;}
.banner .slick-next i{ background: url(../images/ban_right.png) no-repeat;}
.banner .slick-prev:hover i{ background: url(../images/ban_lefth.png) no-repeat;}
.banner .slick-next:hover i {background: url(../images/ban_righth.png) no-repeat;}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}

.banner .item{ opacity:1 !important;}
@-webkit-keyframes slideIn { 0% {-webkit-transform:translateX(100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } 
@keyframes slideIn { 0% {transform:translateX(100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@-webkit-keyframes imgIn { 0% {-webkit-transform:-webkit-translateX(-85%);opacity:1;} 100% {-webkit-transform:-webkit-translateX(0);opacity:1;}}
@keyframes imgIn { 0% {transform:translateX(-85%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}
.banner .slick-active.item {-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);}
.banner .slick-active .pimg { -webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); } 

@media (max-width:768px) {

.banner .slick-prev{ left: 10%; }
.banner .slick-next{ right: 10%;}
}

 
@keyframes am1 {
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
@-webkit-keyframes am1 {
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
@-moz-keyframes  am1{
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
@-o-keyframes am1 {
  0% {
    opacity: 0;
    transform: scale(1.8,1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
.solution-box > .casek {
  -webkit-perspective:1300px;
  -o-perspective:1300px;
  -ms-perspective:1300px;
  perspective:1300px;
  -webkit-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
.solution-box .is_animated {
  -webkit-transition-duration:1.2s;
  -webkit-transition-property:-webkit-transform,opacity;
  -webkit-transition-delay:.15s;
  -webkit-transition-timing-function:'ease-in-out';
  -moz-transition-duration:1.2s;
  -moz-transition-property:all;
  -moz-transition-delay:.15s;
  -moz-transition-timing-function:'ease-in-out';
  -o-transition-duration:1.2s;
  -o-transition-property:transform,opacity;
  -o-transition-delay:.15s;
  -o-transition-timing-function:'ease-in-out';
  -ms-transition-duration:1.2s;
  -ms-transition-property:transform,opacity;
  -ms-transition-delay:.15s;
  -ms-transition-timing-function:'ease-in-out';
  transition-duration:1.2s;
  transition-property:transform,opacity;
  transition-delay:.15s;
  transition-timing-function:'ease-in-out';
  -webkit-transform:rotatex(-80deg) translateZ(0);
  -ms-transform:rotatex(-80deg) translateZ(0);
  transform:rotatex(-80deg) translateZ(0);
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  transform-origin:0 0 0;
  opacity:0
}
.solution-box .is_animated.revealed {
  -webkit-transform:rotatex(0) translateZ(0);
  -ms-transform:rotatex(0) translateZ(0);
  transform:rotatex(0) translateZ(0);
  opacity:1
}
.solution-box > .casek .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.abouttitle { background:url(../images/huang.jpg) no-repeat left top; padding-top:24px;}
.abouttitle strong { display:block; font-size:30px; color:#303030; line-height: 40px;}
.abouttitle span{ color:#333333; display:block; padding-top:10px;}






.gcdown { background-color: #F8F8F8; height:520px;}
.projecleft { float:left; width:37%; padding-right:20px;}
.projectright { float:right; width:50%; padding-left:10px;}
.projec_des { font-size:16px; margin-top:10px; line-height:34px; height:128px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.gcdown .owl-theme .owl-dots{ display:none;}
.gcdown .owl-theme .owl-nav { width:37%; padding-right:20px; float:left; margin-top:0;}

.gcdown .owl-carousel .owl-nav button.owl-next,.gcdown .owl-carousel .owl-nav button.owl-prev { border-radius:0; border-top:2px solid #C1CBD7 !important; width:50%; float:left; margin:0; background:none; outline:0; padding-top:17px !important;}
.gcdown .owl-carousel .owl-nav button.owl-prev span { font-size:0; background:url(../images/prev.png) no-repeat; width:36px; height:11px; display:block; float:left;}
.gcdown .owl-carousel .owl-nav button.owl-next span { font-size:0; background:url(../images/next.png) no-repeat; width:36px; height:11px; display:block; float:right;}
.gcdown .owl-carousel .owl-nav button.owl-next:hover,.gcdown .owl-carousel .owl-nav button.owl-prev:hover { border-top:2px solid #093C99 !important;}

@media (max-width:1440px) {
.projec_des { font-size:15px; margin-top:46px; line-height:34px; height:auto;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;}

}
@media (max-width:1280px) {
.corganize .tab_menu{ width:100%; height:317px; border-top:1px solid #fff; position:absolute; left:0; bottom:691px;}
.corganize .tab_menu li{width:16.66%; float:left; height:317px; padding:0 10px; border-right:1px solid #fff;text-align:center; cursor:pointer;}


.projecleft { float:left; width:47%; padding-right:20px;}
.proyin { padding-top:32px;}
.protitle {padding-top:105px;}
.gcdown { height:580px;}

}
@media (max-width:991px) {
.corganize .tab_menu{ width:100%; height:317px; border-top:1px solid #fff; position:inherit; background:#7F7F7F; left:0; bottom:0;}
.proyin p { font-size:14px;}
.jectitle { font-size:18px;}
.protitle { font-size:18px;}
.proyin em { font-size:14px; padding-bottom:40px; background-size:80%;}
}

@media (max-width:767px) {
.corganize .tab_menu { height:auto;background:#7F7F7F; overflow:hidden;}
.corganize .tab_menu li{width:50%; float:left; height:185px; padding:0 10px; border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center; cursor:pointer;}
.proyin span { height:30px; display:block; width:100%;  text-align:center;}
.proyin span img { width:25px;}
.proyin { padding-top:15px;}
.proyin em { font-size:14px; padding-bottom:40px; background-size:50%;}
.proyin p { font-size:14px; color:#fff; line-height:18px; height:44px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.jectitle { font-size:17px; color:#fff; padding-bottom:14px; font-weight:bold; padding-top:5px;}
.protitle { padding-top:55px;}
.gcdown { background:url(../images/gcbg.jpg) no-repeat center; height:auto; padding-bottom:60px; background-size:cover;}
.project { margin-top:30px;}
.projecleft { float:left; width:100%; padding-right:10px; padding-left:10px;}
.projectright { float:right; width:100%; padding-left:10px; padding-right:10px;}
.gcup { display:none;}
.gcdown .owl-carousel .owl-nav.disabled { display:block; width:100%; margin-top:20px;}
.gcdown .owl-carousel .owl-nav button.owl-next,.gcdown .owl-carousel .owl-nav button.owl-prev { border-radius:0; border-top:2px solid #C1CBD7; width:50%; float:left; margin:0; background:none; outline:0; padding-top:17px !important;}

}







/*--企业文化--*/
.insidebanner { width:100%; margin-top:109px;position:relative;}
.nynav { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.nynav strong { font-size:32px;color:#fff; padding-top:7.5rem; display:block;}

.nymenu { background:#F0F0F0;}
.leftmenu { float:left; text-align:left; padding:15px 0;}
.leftmenu a { font-size:16px; color:#1d1d1d;line-height:44px; display:inline-block; margin-right:70px; text-align:center;}
.leftmenu a:last-child { margin-right:0;}
.leftmenu a.on {  color:#004098;}
.leftmenu a:hover {  color:#004098;}


.promenu { float:left; text-align:left; padding:15px 0;}
.promenu a { font-size:16px; color:#1d1d1d;line-height:44px; display:inline-block; margin-right:57px; text-align:center;}
.promenu a:last-child { margin-right:0;}
.promenu a.on {  color:#004098;}
.promenu a:hover {  color:#004098;}

.nymenu .right { float:right;padding:15px 0;color:#8f8f8f;}
.nymenu .right a { color:#8f8f8f;margin-right:5px; margin-left:5px; line-height:44px;}
.nymenu .right a:hover {color:#004098;}

.pro_right { float:right;padding:15px 0;color:#8f8f8f;}
.pro_right a { color:#8f8f8f;margin-right:5px; margin-left:5px; line-height:44px;}
.pro_right a:hover {color:#004098;}

.culture { padding:95px 0;}
.culture_r { float:right; width:68%; padding-top:55px;}
.culture_r p img { max-width:100%;}
.culture_des { font-size:26px; color:#333333; margin:0; padding-top:20px;}
.culture_wen { padding-top:65px;}
.culture_wen p { font-size:16px; line-height:28px; padding-bottom:30px;}


/*--翻转效果--*/
.content_list { width: 28.5%; float: left; overflow: hidden; }
.content_list li { width: 100%; float: left; }
body.top .rotate_btn { display: block; }
body.top .rotate_btn .flip_cube { -webkit-perspective: 400; -ms-perspective: 400; -o-perspective: 400; -moz-perspective: 400px; perspective: 400; position: relative; }
@-moz-document url-prefix() { body .top .rotate_btn .flip_cube;
{ overflow: hidden; }
}
document url-prefix() { body .top .rotate_btn .flip_cube;
{ overflow: hidden; }
}
@-webkit-document url-prefix() { body .top .rotate_btn .flip_cube;
{ overflow: hidden; }
}
body.top .rotate_btn .flip_cube .viewport { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; -webkit-transition-duration: 600ms; transition-duration: 600ms; -moz-transform: translateZ(-160px); -webkit-transform: translateZ(-160px); transform: translateZ(-160px); position: static; }
body.top .rotate_btn .flip_cube .viewport .plane { position: absolute;overflow:hidden; z-index: 1; }
body.top .rotate_btn .flip_cube .viewport .plane.topfix { -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); top: -160px; left: 0px; }
body.top .rotate_btn .flip_cube .viewport .plane.bottom { -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); top: 160px; left: 0px; }
body.top .rotate_btn .flip_cube .viewport .plane.front {  -moz-transform: translateZ(160px); -webkit-transform: translateZ(160px); transform: translateZ(160px); top: 0px; left: 0px; z-index: 2; }
body.top .rotate_btn:hover .flip_cube { position: relative; z-index: 100; }
body.top .rotate_btn .rotate_box { position: relative; }
body.top .rotate_btn .rotate_square { position: absolute; width: 100%; box-sizing: border-box; color: #fff; }
body.top .rotate_btn .rotate_square.color1 { background-color: #004098; }
body.top .rotate_btn .rotate_square .rotate_square_inner { position: relative; }
body.top .rotate_btn .rotate_square .rotate_square_inner:after { content: ""; padding-top: 100%; display: block; }
body.top .rotate_btn .flip_cube { overflow: hidden; }
.table_box > .inner { padding: 40px; }
body.top .square .square_content .table_box > .inner, body.top .rotate_square .square_content .table_box > .inner { display: table-cell; width: 100%;  }
body.top .square .square_content .table_box, body.top .rotate_square .square_content .table_box { display: display; table-layout: fixed; width: 100%; height: 100%; }
.content_list li img { line-height: 0; width: 100%; height: auto; }
.table_box p { color: #ffffff; font-size: 14px;padding:12% 10px 0 10px; }
.table_box p strong { display:block; font-size:18px; padding-bottom:15px;}
body.top .square .square_content, body.top .rotate_square .square_content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
body.top .content_wrap .content_list .description { box-sizing: border-box; font-size: 14px; }


@media (max-width:1440px) {
.nynav strong { font-size:32px;padding-top:7rem;}
}
@media (max-width:1439px) {
.promenu { width:100%;}	
.promenu a { font-size:16px;line-height:44px; display:inline-block; margin:0px; width:12.5%; float:left; text-align: center;}

}
@media (max-width:1199px) {
.insidebanner {  margin-top:74px;}

.content_list { width: 32%;}
.culture_r { float:right; width:65%; padding-top:15px;}
.culture_des { font-size:26px; padding-top:20px;}
.culture_wen { padding-top:35px;}
.culture_wen p { font-size:16px; line-height:28px; padding-bottom:20px;}


}
@media (max-width:1100px) {
.nynav strong { font-size:30px;padding-top:5rem;}
}
@media (max-width:991px) {
.nynav strong { font-size:25px;padding-top:4rem;}
.leftmenu { padding-bottom:0; width:100%;}
.nymenu .right { width:100%; text-align:right; padding-top:0;}

.culture_wen p { font-size:15px; line-height:26px; padding-bottom:20px;}

}
@media (max-width:767px) {

.nynav strong { font-size:18px; line-height:25px;padding-top:15%;}
.leftmenu a { font-size:14px;line-height:44px; display:inline-block; margin:0px; width:25%; float:left;}
.promenu a { font-size:14px;line-height:44px; display:inline-block; margin:0px; width:25%; float:left; text-align:left;}


.culture { padding:55px 0;}
.content_list { width: 100%;}
.culture_r { float:right; width:100%; padding-top:25px;}
.culture_r p img { max-width:80%;}

.nymenu .right a { color:#8f8f8f;margin-right:5px; margin-left:5px; line-height:25px;}

}
@media (max-width:374px) {
.promenu a { width:33.33%;}


}

/*荣誉资质*/
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.body-right { padding-top:60px; padding-bottom:50px;}
.body-right figure { padding-bottom:15px;}
article, aside, canvas, details, embed, figure, figcaption, hgroup, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:9999;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}

.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){,.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left{background:url(../images/img_l4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--arrow--right{background:url(../images/img_r4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;background:url(../images/img_l2.png) no-repeat scroll center center #a4a4a4;margin-top:-23px;width:44px;height:44px;position:absolute;border-radius:5px}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;background-image:url(../images/img_r2.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{background-color:#e3001e}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}

.binbox { position: absolute; width: 1000px; overflow: hidden; left: 50%; margin-left: -500px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox .year{ color: #f9c500; font-weight: bold; font-size: 24px; line-height: 1.5; font-family: arial, helvetica, sans-serif;}
.binbox .by{ font-size: 48px; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1.5;}
.binbox .zh{ font-size: 24px; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1.5; margin-bottom: 8px;}
.binbox .en{ font-size: 12px; font-family: arial, helvetica, sans-serif; line-height: 1.2; margin-bottom: 12px;}
.binbox .ico{ background: url(../images/ico.png) no-repeat; background-size: cover; width: 20px; height: 20px; display: block; margin: 0px auto;}
.binbox .moreBtn{ margin: 3% auto 5%; display: block; width: 174px; height: 50px; line-height: 50px; text-align: center; background-color: #ee2d31; position: relative; overflow: hidden;}

.iboxItem{ float: left; display: block; width: 34%; height: 402px; overflow: hidden;background-color: #fff;}
.aboutPbox-box{ position: relative;}
.iboxT{ margin-bottom: 42px;}
.iboxT .zh{ font-size:24px; color: #333333; line-height: 1.5;}
.iboxT .en{ color: #333333; font-size:14px; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}
.pbot{ background: url(../images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.honorPbox{ background-repeat: no-repeat; background-position: center center;}
.honorPbox .himg{ display: none;}
.honorPbox .himg img{ width: 100%; display: block;}
.honorPbox .hcon{  width: 762px; float: right; display: block;background: none rgba(255,255,255,0.7); padding: 60px 47px 50px 47px;}
.honorPbox .c{ font-size: 16px; height: 86px; line-height:26px; margin-bottom: 25px; overflow: hidden;}
.honor-demo{ height: 248px; overflow: hidden; left: -11px; position: relative;}
.honor-demo .item{ float: left; display: block; margin: 0px 11px; cursor: zoom-in; text-align:center; font-size:14px; color:#333333;}
.honor-demo .img img{ width: 100%; display: block;}
.honor-demo .slick-arrow { background-color: #a4a4a4; width: 41px; height: 41px; z-index: 106; bottom: 0%; border-radius: 50%;}
.honor-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #e3001e; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.honor-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.honor-demo .slick-arrow i { position: absolute; background: url(../images/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%;}
.honor-demo .slick-prev { left: 0px; }
.honor-demo .slick-next { right: 0px; }
.honor-demo .slick-next i { background-image: url(../images/img_r3.png); }
.honor-demo .slick-dots { z-index: 104; width: 100%; text-align: center; position: absolute; left: 0; bottom: 8px;}
.honor-demo .slick-dots li { position: relative; display: inline-block; padding: 0px; height: 13px; width: auto; margin:0px 4px; cursor: pointer; }
.honor-demo .slick-dots li a { height: 13px; width: 13px; line-height: 13px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background-color: #fff; }
.honor-demo .slick-dots li a:focus { outline: none; }
.honor-demo .slick-dots li.slick-active a { background: none #e3001e;}
.honor-demo .slick-disabled:before{ display: none;}
.mryxai { padding-bottom:60px; margin-left:-36px; margin-right:-36px;}
.mryxai .honorlist { width:50%; padding:0 36px; float:left;}
.mryz { width:100%;}
.blue thead{
  background: url(../images/mrylbg1.jpg) no-repeat left; background-color:#389BEE;
}
.blue thead th { font-size:18px; color:#fff; font-weight:500;}
.bluet thead{
  background: url(../images/mrylbg2.jpg) no-repeat left; background-color:#1A7EEE;
}
.bluet thead th { font-size:18px; color:#fff; font-weight:500;}

.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}
.mtable tbody tr:nth-child(even){
  background:#F6F6F6;
}
.mtable .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}
.mtable .table > thead > tr > th,
.mtable .table > tbody > tr > th,
.mtable .table > tfoot > tr > th,
.mtable .table > thead > tr > td,
.mtable .table > tbody > tr > td,
.mtable .table > tfoot > tr > td 
{ border:none; padding:13px;}

@media screen and (max-width:1260px){
	.honorPbox{ background: none !important; }
	.honorPbox .himg{ display: block;}
	.honorPbox .hcon{ float: none; width: auto; background: none rgba(255,255,255,0.9);}
	.honorPbox .c{ height: auto;}
	.honor-demo{ padding-bottom: 72px; height: auto;}
	.honor-demo .img{ border-color: #f5f5f5;}
	.honor-demo .slick-dots li a{ background-color: #a4a4a4;}
}
@media screen and (max-width:860px){
	.honorPbox{ width: auto;}
	.honorPbox .himg,.honorPbox .iboxT,.honorPbox .c{ width: 90%; margin-left: auto; margin-right: auto;}
	.honorPbox .hcon{ background: none transparent; padding: 50px 0px 0;}
	.honor-demo{ padding-bottom: 40px; left: 0; width: 92%; margin: 0px auto;}
	.honor-demo .item{ margin: 0px 8px;}
	.honor-demo .img{ border: 5px solid #fff;}
	.honor-demo .slick-arrow{ display: none !important;}
	.honor-demo .slick-dots{ bottom: 0;}
	.honor-demo .slick-dots li{ width: 8px;}
	.honor-demo .slick-dots li a { height: 8px; width: 8px; line-height: 8px; }
	.iboxt-mt{ margin-bottom: 25px;}
}
@media screen and (max-width:641px){
	.body-right{ min-height: 280px;}
	.iboxT{ margin-bottom: 30px;}
	.iboxT .zh{ font-size: 20px;}
	.honorPbox .c{ font-size: 14px;}
	.honorPbox .hcon{ padding-top: 35px;}
	.honor-demo{ width: 94%;}
	.mryxai .honorlist { width:100%; padding:0 36px; float:left;}

}

/*--大事记--*/
.dsjbg { background: url(../images/eventbg.jpg) no-repeat center bottom; padding-bottom:225px;}
.pro{ padding-top:55px;overflow:hidden;}
.pro .timeline{height:25px;background:url(../images/timescroll.jpg) no-repeat top center;}
.pro .time{ max-width:890px; margin:0 auto;}
.pro .time .slick-next,.pro .time .slick-prev{ width:0;height:0;}
.pro .time .item.slick-current{color:#d61717; font-size:35px;}
.pro .time .slick-list{padding-bottom:12px!important}
.pro .time .item.slick-current::after{opacity:1}
.pro .time .item{ font-size:22px; line-height:38px;position:relative;cursor:pointer;　transition:all .3s ease-out 0s}
.pro .timecontent{width:100%;margin:auto;margin-top:42px}
.timewhite { background:#fff; height:75px;}
.timetitle { font-size:30px; background:url(../images/dsjtb.jpg) no-repeat left; line-height:33px; padding-left:39px;}
.timeleft { float:left; width:54%;}
.timeright { float:left; width:46%;}
.timeright img { width:100%;}
.timebg { background:#F5F5F5;}
.timecont { padding:45px 21px 0 21px;}
.timecont strong { color:#d61717; font-size:30px; font-weight:500; line-height:45px; display:block; width:70%;}
.timecont p { font-size:15px; padding-top:32px;}

@media screen and (max-width:1359px){
.timeleft {  width:100%;}
.timeright { display:none;}
.timecont { padding:45px 21px;}
}

@media screen and (max-width:991px){
.pro .time .item{ font-size:18px; line-height:38px;}
.pro .time .item.slick-current{  font-size:22px;}
}

@media screen and (max-width:768px){
.pro .time .slick-next,.pro .time .slick-prev{ top:93px;width:42px;height:42px;background-repeat:no-repeat;background-position:center;background-size:42px}
.pro .time .slick-prev{ display:none; left:0;background-image:url(../images/l.png)}
.pro .time .slick-next{ display:none; right:0;background-image:url(../images/r.png)}
.timecont strong { font-size:25px; line-height:35px;}
}
@media screen and (max-width:767px){
.timetitle { font-size:24px;}
.timecont strong { font-size:20px; line-height:35px; width:80%;}
}

/*--产品列表--*/
.product_list { width:100%; margin-top:80px;}
.product_list ul li { margin-bottom:50px;}
.product_list ul li a { display:block; position:relative;-webkit-transition: 300ms;transition: 300ms;}
.procont { background:#E7E7E7; padding:25px 28px 0 28px;}
.procont1{}
.propic { overflow:hidden;}
.propic img { width:100%;transition: 600ms; -webkit-transition: 600ms; }
.procont strong { font-size:20px; color:#333333; display:block; margin-bottom:20px; height:52px; line-height:26px;}
.procont p { height:75px; margin-bottom:40px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.promore1{ height:47px;}
.promore1 span{ background:#004098; width:98px; height:47px; font-size:18px; text-transform:uppercase; color:#fff; text-align:center; line-height:47px; display:inline-block; float:left;}
.promore1 i { background:#004098; width:42px; height:47px; line-height:47px; text-align:center; color:#fff; margin-left:2px; display:inline-block; float:left; font-size:30px; font-style:normal; font-weight:500; }
.product_list ul li a:hover .procont strong{ color:#d61616;}
.product_list ul li a:hover .propic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.product_list ul li a:hover {-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);box-shadow: 0 0 8px rgba(0, 0, 0, .2);-webkit-transform: translateY(-10px);transform: translateY(-10px);}

/*--翻页--*/
.pages{ margin:20px auto 50px; height:50px; text-align:center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDDDDD; font-weight:bold; display:inline-block;
    color: #555961;
    margin: 5px 2px;
	padding:5px 12px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #A0A0A0; text-decoration: none; color:#fff; background-color:#A0A0A0; font-size:14px;}
.pages span { display:inline-block;padding:5px 12px; font-weight:bold; border: 1px solid #A0A0A0;  background-color:#A0A0A0;color: #fff;  font-size:14px; margin:0 2px;}

@media (max-width:768px) {
.pages{padding-top:0px; margin:0 auto 20px; height:auto; }
.pages a{border: 1px solid #DDD; display:inline-block; color: #333; text-decoration: none; font-size:14px;}
}

/*--产品详情--*/
.prored { font-size:30px; color:#d51010; font-weight:bold;}
.prodowncont { padding-top:10px; padding-bottom:50px;}
.prolan { font-size:24px; color:#004098; font-weight:bold; padding:20px 0;}
.prodowncont p{ font-size:16px; padding:6px 0;}


/*图片切换*/
.pcontainer {  padding-bottom:10px;}
.propaga-main{ padding-top:50px; position: relative;z-index: 1;}
.propaga-main .tit{ font-size: .3rem; color: #333333; margin: 0; padding: .3rem 0; width: 80%;}
.video-banner{width: 68.6%;}
.video-banner .box{height: 100%; background:#000000;}
.video-banner .box img { margin:0 auto;}
.video-banner .video{display: none;}
.video-banner .play{position: absolute; top: 50%; left: 50%; width: .82rem; height: .82rem; margin-top: -.41rem; margin-left: -.41rem; cursor: pointer;}
.select-videos{top: 0; right: 0; bottom: 0; width: 30%;}
.select-videos .swiper-slide p{font-size: 14px;letter-spacing:1px; color: #333333; margin-top: .1rem;margin-bottom: 0;}
.select-videos .item{margin: 0 10px;}
.select-videos .box-img{position: relative; overflow: hidden; cursor: pointer;}
.select-videos .box-img::after{position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; border: .04rem solid #8D0107; -webkit-transition: all .3s; transition: all .3s;}
.select-videos .swiper-slide.on .box-img::after{opacity: 1;}
.select-videos .swiper-slide.on .box-img img{opacity: 1;}
.select-videos .swiper-button-next, .select-videos .swiper-button-prev{top: auto; bottom: 0; margin: 0;background-color:#E5E5E5; width:50%; height: 40px; background-size: 6px;opacity:1;}
.select-videos .swiper-button-next{right:10px;background-image:none;}
.select-videos .swiper-button-prev{left: 10px; background-image:none;}
.select-videos .swiper-button-next:after{    content: "";
    width: 14px;
    height: 14px;
    border-left: 2px solid #E62817;
    border-top: 2px solid #E62817;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -5px;}
.select-videos .swiper-button-prev:after{    content: "";
    width: 14px;
    height: 14px;
    border-left: 2px solid #E62817;
    border-top: 2px solid #E62817;
    transform: rotate(-135deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -12px;}
@media (max-width: 991px){
.video-banner .box{height: 100%; background:#000000; padding-top:0;}
.video-banner .box img { height:100%;}

}
@media (max-width: 639px){
	.select-videos .swiper-button-next{right:0px;background-image:none;}
	.select-videos .swiper-button-prev{left: 0px; background-image:none;}

	.video-banner, .propaga-main .tit{width: 100%;}
	.select-videos{position: static; width: 100%;}
	.select-videos .swiper-container{margin-bottom: 50px; height: auto !important;}
	.select-videos .item{margin: 5px 0;}
	.select-videos .swiper-slide p{font-size: 16px;}
	.select-videos .swiper-button-next, .select-videos .swiper-button-prev{top: auto; bottom:-40px; margin: 0;background-color:#E5E5E5; width:50%; height: 40px; background-size: 6px;opacity:1;}

}

/*--联系我们--*/
.contact_bg { background: url(../images/lxwmbg.png) no-repeat center bottom; padding-bottom:132px;}
.contdec { font-size:15px; width:84%; margin:0 auto; text-align:center; font-size:15px;}
.map { position:relative;}
.contmap { display:none; background:url(../images/lxbg.png) repeat; height:458px; max-width:366px; width:100%; padding:50px 0px 0 40px; position:absolute; left:0; top:0; z-index:99;}
.contmap strong { font-size:24px; color:#fff; display:block; padding-bottom:40px; line-height:28px;}
.contico { font-size:17px; color:#fff; background:url(../images/lxico.png) no-repeat left 5px; padding-left:29px;}
.contmap p { font-size:16px; color:#fff; margin-top:34px;}
.contdown {  margin-top:20px; padding-top:20px;}
.contcolor { background:#FDF3F3; min-height:303px; margin-bottom:20px; padding:46px 34px 34px 34px; position:relative;}
.contfirst { font-size:27px; color:#d61616; font-weight:bold;}
.conttwo { font-size:21px; color:#333333; font-weight:bold; padding-top:27px; margin-bottom:20px;}
.contdownone { background:url(../images/contdw.png) no-repeat left 12px; font-size:16px; color:#333333; padding-left:64px; line-height:25px; min-height:72px; padding-top:25px; margin-top:20px;}
.contdowntwo {background:url(../images/conttel.png) no-repeat left 12px; font-size:16px; color:#333333; padding-left:64px; line-height:25px; min-height:72px; padding-top:25px;margin-top:20px;}
.contdownthree {background:url(../images/contmail.png) no-repeat left 12px; font-size:16px; color:#333333; padding-left:64px; line-height:25px; min-height:72px; padding-top:25px;margin-top:20px;}
.contdownfour {background:url(../images/contfax.png) no-repeat left 12px; font-size:16px; color:#333333; padding-left:64px; line-height:25px; min-height:72px; padding-top:25px;margin-top:20px;}
.contlink { font-size:14px; color:#333333; border:1px solid #FE7979; position:absolute; right:82px; top:148px; background:url(../images/lxtb1.png) no-repeat 12%; background-color:#fff; display:inline-block; max-width:244px; width:100%; line-height:42px; border-radius:24px;}
.contlink a{font-size:14px; color:#333333; font-weight:bold; padding-left:78px;transition: 600ms; -webkit-transition: 600ms;}
.contlink a:hover { padding-left:80px;}
.contmar{ margin-bottom:40px;}

@media (max-width: 1249px){
.contlink { right:20px;}

}
@media (max-width: 991px){
.contlink {  right:20px; top:128px; max-width:224px; }
.contlink a{ padding-left:70px;}
.contlink a:hover { padding-left:75px;}
}
@media (max-width: 767px){
.contlink { position:inherit; margin-left:15px; margin-top:15px;}	
.contdec { width:100%;padding-top:30px;}
#map { display:none;}
.contmap { position:relative; max-width:100%; height:auto; padding-bottom:50px;}
}

/*--在线留言--*/
.messcont { padding:78px 0;}
.messleft { float: left; width:54%; background:url(../images/lybg.jpg) no-repeat center; height:814px; background-size: cover;}
.messright { float:left; width:100%; }
.messsub { font-size:36px; color:#2f2f2f; font-weight:bold;}
.red { color:#F00;}
.neicont { font-size:16px; color:#333333; padding-top:50px;}
.neicont input { border-radius:0; border:1px solid #AAAAAA;}
.neicont label { font-weight:500;}
.neicont .row { padding-bottom:10px;}
.neicont .form-control { padding:12px 12px; height:44px; outline:0;}
.neicont textarea.form-control { height:auto;border:1px solid #AAAAAA;}
.neicont .btn{ width:48%; float:left; font-size:18px; border-radius:8px; margin-top:45px;height:48px; line-height:48px; padding:0; border:none; margin-right:5px;}
.neicont .btn:last-child { margin-right:0;}
.neicont .lan { background:#004098; color:#fff;}
.neicont .hui { background:#B3B3B3; color:#333;}

@media (max-width: 1249px){
.messleft { float: left; width:50%; background:url(../images/lybg.jpg) no-repeat center; height:814px; background-size: cover;}
.messright { float:left; width:50%; padding-left:30px; padding-top:55px;}

}

@media (max-width: 991px){
.messright {   padding-top:30px;}
.neicont {   padding-top:20px;}
.neicont .btn{ margin-top:0px;}


}
@media (max-width: 767px){
.messcont { padding:30px 0 40px 0;}
.messleft { display:none;}
.messright { width:100%; padding-right:20px; padding-left:20px;}
.messsub { font-size:25px;}

}
/*--人才理念--*/
.jobcont { padding-top:67px; padding-bottom:60px;}
.jobtitle { color:#333333; display:block; font-size:18px; line-height:28px; padding:10px 0;}
.jobleft { float:left; width:34%;}
.jobleft img { max-width:100%;}
.jobright { float:left; padding-left:26px; width:66%;}
.jobtitet { display:block; font-size:15px; color:#333333; padding:10px 0;}
.jobright p { font-size:15px; padding:10px 0; line-height:26px;}
.job_bg { background:url(../images/rclntu2.jpg) no-repeat center; height:286px; background-size:cover; width:100%;}
.jobuptitle { text-align:center; font-size:28px; color:#333333; padding-top:192px;}
.jobuptitle  span { color:#333333; font-size:15px; display:block; text-transform:uppercase; padding-top:8px;}


.ppw { padding-top:40px;}
.jot{padding-left:0}
.jot span{display:block;width:25%;text-align:center;float:left;line-height:63px;height:63px;overflow:hidden}
.jot span:nth-child(1){width:16%}
.jotis span{font-size: 18px;color: #333333;font-weight: bold;/* background:#0053a3; */}
.jod>span{background:0 0;color:#666;font-size:18px; font-weight:600;cursor:pointer;transition:.3s;-webkit-transition:.3s}
.jod{border-bottom:1px solid #F2F2F2}
.jotxs{position:relative;margin-bottom:5px;background:#E6E7E8;}

.jos{/* padding-left:0; */border: 2px solid #e7e7e7;border-top: none;padding: 40px 38px 38px 38px;background: #fff;display:none;}
.jos .bodr{/* background:#FFF; */border:none;/* padding:30px 40px; */border-top:0;}
.jos .bodr span{display:block;border-top:none;padding-top:0;margin-top:0}
.jotxs .line{ background:url(../images/jobhui.png) no-repeat; width:30px; height:30px; top:5px; right:10px;display:block;position:absolute}
.jotxs .arrow{width:55px;height:47px;position:absolute;top:10px;cursor:pointer;left:inherit;right:3.5%;transition:.3s;-webkit-transition:.3s}
.jotxs.act .jod>span,.jotxs:hover .jod>span{background:0 0}
.jo2 .act .jod>span{color:#d61717}
#jo2 a{font-size:18px;color:#333;background:#E6E7E8;padding:9px 44px}
#jo2 a:hover { background:#004098; color:#fff;}
.jos h3{font-size:16px;color:#2E5FA9; font-weight:bold; margin:0;line-height:30px}
.jos p{font-size:14px;color:#333;line-height:28px}
.bodr p{padding-bottom:25px}
.bodr span a{font-size:14px;color:#333;background:#D8D8D8;padding:8px 44px}
.act .line{ background:url(../images/joblan.png) no-repeat;}

@media screen and (max-width:991px){
.jod>span{ font-size:16px; font-weight:500;}
}
@media screen and (max-width:767px){
.jobleft { float:left; width:100%;}
.jobright { float:left; padding-left:06px; width:100%;}

.jos{padding: 20px 15px 38px 15px;}

}
@media screen and (max-width:640px){
.jot span:nth-child(3){display:none}
.jot span{width:25%;padding:0}
.jot span:first-child{ width:25%;}

}
@media screen and (max-width:375px){
	.jot span:nth-child(2){display:none}
.jot span{width:33.33%}
.jot span:nth-child(1){width:33.33%}

}

/*--营销网络--*/
.yxdownbg {height:508px;margin-top:44px;position:relative;margin-bottom: 117px;}
@keyframes rotate-round { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotate-round { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate-round2 { 
0% { -webkit-transform: rotate(0); transform: rotate(0); }
100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 
  }
@-webkit-keyframes rotate-round2 { 
0% { -webkit-transform: rotate(0); transform: rotate(0); }
100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

.circle-main{
    width:922px;
    height:477px;
	padding-top:55px;
    position: absolute;
	background:url(../images/yxwlbg.jpg) no-repeat bottom;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.circle-out{
    position: absolute;
    right: -49px;
    top: -19px;
    margin: auto;
    width:485px;
    height:485px;
    background:url(../images/out-1.png) center no-repeat;
    -webkit-animation: rotate-round 4s infinite;
    animation: rotate-round 4s infinite;
    background-size:cover;
}
.circle-in{
     position: absolute;
    left:140px;
    right:140px;
    top:140px;
    margin: auto;
    width:485px;
    height:485px;
    background:url(../images/circle.png) center no-repeat; background-size:cover;  
  -webkit-animation: rotate-round 4.5s infinite;
    animation: rotate-round 4.5s infinite;
}
.circle-inner{width:124px;height:124px;position:absolute;right: 131px;top: 162px;margin:auto;background: url(../images/circle-inner.png) center no-repeat; background-size:100%;}
.circle-centre{position:absolute;width:18px;height: 21px;right: 181px;top: 198px;background: url(../images/main.png) center no-repeat;background-size:100%;}
.ismall{display:block;width:124px;height:124px;position:absolute;    right: 132px;top: 161px;cursor: pointer;}
.ileft p{color:#fff;font-size:16px;font-weight:bold;text-align:center;padding-top: 63px;}
.yxwlleft { float:left; width:40%;}
.yxwlright { float:left; width:60%; padding-bottom:30px;}
.yxwlright p{ font-size:16px; padding-bottom:40px;}

.yxwladress { font-size:36px; color:#004098;}
.yxnum { margin-top:35px; margin-bottom:20px;height:50px;}
.numone { display:inline-block; float:left; font-size:55px;color:#004098;  line-height:50px;}
.numtwo { font-size:26px; color:#004098; float:left; height:20px; line-height:15px; display:inline-block; padding-left:5px;}
.numthree { color:#004098; font-size:15px; display:inline-block;}
.pb30 { padding:30px 0;}

@media screen and (max-width:1099px){
.yxdownbg {height:458px;margin-top:0px;position:relative;margin-bottom: 0px;}
.circle-main{
    width:670px;
    height:321px;
	padding-top:0;
    position: absolute;
	background:url(../images/yxwlbg.jpg) no-repeat;
	background-size:cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.circle-out{
    position: absolute;
    right: -10px;
    top: -7px;
    margin: auto;
    width:300px;
    height:300px;
    background:url(../images/out-1.png) center no-repeat;
    -webkit-animation: rotate-round 4s infinite;
    animation: rotate-round 4s infinite;
    background-size:cover;
}
.circle-inner{width:75px;height:75px;position:absolute;right: 101px;top: 107px;margin:auto;background: url(../images/circle-inner.png) center no-repeat; background-size:100%;}
.circle-centre{position:absolute;width:18px;height: 21px;right: 129px;top: 120px;}
.ismall{display:block;width:75px;height:75px;position:absolute;right: 101px;top: 109px;cursor: pointer;}
.ileft p{color:#fff;font-size:14px;font-weight:bold;text-align:center;padding-top: 33px;}

}
@media screen and (max-width:767px){

.yxwldown { padding-top:20px;}
.yxwlleft { float:left; width:100%;}
.yxwlright { float:left; width:100%; padding-bottom:30px;}

}

/*文章详情*/
.mt53 { margin-top:53px;}
.col-left { float:left; width:75%; padding-right:30px;}
.col-right { float:left; width:25%;}
.article{ margin-bottom:30px;}
.article p{ font-size:16px; color:#333; line-height:24px; margin-bottom:35px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.bdsharebuttonbox span { float:left; line-height:32px; color:#a2a2a2; font-size:13px; line-height:40px;}
.bdsharebuttonbox a{ display:inline-block; width:32px !important; height:32px !important;}
#fenxiang1{background:url(../images/fx1.jpg) no-repeat; background-size:100%;  }
#fenxiang2{ background: url(../images/fx2.jpg) no-repeat; background-size:100%;}
#fenxiang3{ background: url(../images/fx3.jpg) no-repeat;background-size:100%;}
#fenxiang4{ background: url(../images/fx4.jpg) no-repeat;background-size:100%;}
.article_title{font-size:30px; color:#333333; line-height:40px; font-weight:bold; margin-bottom:10px; margin-top:0;}
.article_time{font-size:16px;line-height:40px; margin-right:40px;}
#border hr { margin:15px 0;}
.article_des { border-left:4px solid #FF5C5F; padding-left:25px;}
.article_des span { color:#000000; display:block;}
.article_des p { color:#000000; }

.bottom_link .right{ line-height: 36px; padding: 0px 20px; background-color: #04489b; border-radius: 5px;}
.bottom_link .right span{ display: inline-block; padding-right: 22px; background: url(../images/fan.png) right center no-repeat; color: #fff;}
.bottom_link a{ line-height:25px; color:#333;height:25px; white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.bottom_link a span { color:#9F9E99; line-height:25px; }
.bottom_link a:hover{ color:#D51717;}
.recommend{ border-left:1px solid #EAEAEA;padding:10px 0 10px 20px;}
.recommend h2{font-size:16px; color:#d61717; margin:0;font-weight:bold; margin-bottom:15px;}
.recommend ul li a{ display:block;margin-bottom:25px;}
.recommend ul li:last-child a { margin-bottom:0;}
.recommend ul li a h3{font-size:15px; color:#333333; line-height:26px; margin:0;}
.recommend ul li a span{ padding-top:5px; display:block;font-size:14px; color:#666; }
.recommend ul li a:hover h3{ color:#D61516;}
.recommend_pic { overflow:hidden;}
.recommend_pic img{transition: 600ms; -webkit-transition: 600ms; }
.recommend ul li a:hover .recommend_pic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.recomborder { padding:16px;transition: 600ms; -webkit-transition: 600ms;}
.recommend ul li a:hover .recomborder {-moz-box-shadow:0px 3px 8px #E8E9ED; -webkit-box-shadow:0px 3px 8px #E8E9ED; box-shadow:0px 3px 8px #E8E9ED;}

@media (max-width:767px) {
.col-left { float:left; width:100%; padding-right:0;}
.col-right { float:left; width:100%;}
.recommend { border-left:none; padding-left:0;}
.recommend ul li:last-child a { margin-bottom:25px;}

.article_title{font-size:25px; color:#333333; line-height:40px; font-weight:bold; margin-bottom:10px; margin-top:0;}

}

/*new*/
.newlistbt { color:#333333; font-size:30px; text-align:center; padding:50px 0;}

.newd{height: 200px;display:block;border:1px solid #e5e5e5;padding:20px 30px 24px;box-sizing:border-box;background-color:#fff;overflow:hidden;margin-bottom:30px;}
.newd h3{ font-size:16px; color:#333; margin-bottom:10px; margin-top:10px; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.newd .hdis{ font-size:14px; color:#666; line-height:24px; width:100%; height:72px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;  }
.newd .time{font-size:14px;color:#666;line-height:24px;margin-top: 12px;display:block;}
.newd a{ display:block;}
.insides{ transform: translateY(-10px); transition:all 0.5s;}
.newd:hover{ border:1px solid #D61717;}

.newd:hover .insides{  transform: translateY(0);}

.newmend{ padding-top:60px;}
.newmend h2{font-size:16px; color:#d61717; margin:0;font-weight:bold; margin-bottom:15px;}
.newmend ul li a{ display:block;margin-bottom:25px;}
.newmend ul li:last-child a { margin-bottom:0;}
.newmend ul li a h3{font-size:17px; color:#333333; line-height:25px; height:50px; margin:0;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.newmend ul li a span{ padding-top:0; display:block;font-size:16px; color:#666; }
.newmend ul li a:hover h3{ color:#D61516;}
.newmend_pic { overflow:hidden;}
.newmend_pic img{transition: 600ms; -webkit-transition: 600ms; }
.newmend ul li a:hover .newmend_pic img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.newborder { padding:40px 28px 16px 28px;transition: 600ms; -webkit-transition: 600ms;}
.newmend ul li a:hover .newborder {-moz-box-shadow:0px 3px 10px #DAD9DA; -webkit-box-shadow:0px 3px 10px #DAD9DA; box-shadow:0px 3px 10px #DAD9DA;}

@media screen and (max-width:600px){
.newd{ padding:30px 15px; }
.newd h3{ margin-bottom:20px; }
.newd{ height:220px; }
}

/*--公司简介--*/
.gscont { width:100%; padding-top:65px;}
.gsup { width:100%; padding-bottom:40px;}
.gsupleft { float:left; width:32%;}
.gsupright { float:left; width:68%; padding-left:110px;}
.gsdown { background:url(../images/gsbgtwo.jpg) no-repeat center; height:415px; background-size:cover; width:100%; }
.gstrong { font-size:22px; padding-top:68px; padding-bottom:28px; line-height:30px;}
.gspic img { max-width:100%;}
.gspictwo { padding-top:40px;}
.gspictwo img { max-width:100%;}
.gsred { font-size:25px; color:#d40c0c; padding-bottom:25px;}
.gscontx {}
.gscontx p { font-size:15px; line-height:30px; padding-bottom:28px;}
.gscontx p strong { display:block; font-size:16px;}
.gsreds { font-size:20px; color:#d40c0c;}
.gs-num-head { padding-top:40px;}
.gs-num-item{ text-align: center;width:33.33%;	float:left;}
.gsredbg { background:rgba(235,51,65,1);position: relative; text-align:center;height:180px; padding-top:35px;}
.gs-num-item:nth-child(2) .gsredbg{background:rgba(235,51,65,0.8);}
.gs-num-item:nth-child(3) .gsredbg{background:rgba(235,51,65,0.4);}
.gs-num-nub{
    display: inline-block;
    font-size: 70px;
    color: #fff;
    line-height: 62px;
}
.gs-num-add{ font-size: 22px; color: #fff;}
.gs-num-inf{ display:block; margin-top: 20px;font-size: 16px; color:#fff; padding:0 5px;line-height:25px; overflow:hidden;}
.gsdowntitle { font-size:28px; padding-top:88px; line-height:40px;}
.gsdowndes { font-size:16px; color:#eb3341; margin-top:37px; border-left:5px solid #EB3341; padding-left:14px;}

@media screen and (max-width:991px){
.gsupright { padding-left:40px;}
}
@media screen and (max-width:767px){

.gsupleft { float:left; width:100%;}
.gsupright { float:left; width:100%; padding-left:0px;}

.gsredbg { background:rgba(235,51,65,1);position: relative; text-align:center;height:162px; padding-top:20px;}
.gs-num-nub{
    font-size: 50px;
    line-height: 52px;
}
.gs-num-add{ font-size: 16px;}
.gs-num-inf{ display:block; margin-top: 20px;font-size: 14px; color:#fff; padding:0 5px;line-height:25px; overflow:hidden;}
.gsdowntitle { font-size:20px; padding-top:48px; line-height:35px;}

}

/*--应聘页面--*/
.jobyp { padding-top:40px;}
.recuit label{ width:20%; float:left;}
.recuit input[type=text]{ width:80%; float:left; border-radius:0px;}
.recuit input[type=radio]{ height:34px; margin-top:0px; vertical-align:-12px; margin-right:6px;}
.recuit .form-group{ line-height:34px; margin-bottom:30px;}
.recuit button{ margin-top:30px; margin-bottom:30px;}
.recuit textarea { border-radius:0px;}
@media screen and (max-width:992px){
.recuit .form-group:after{ content:''; display:block; visibility:hidden; clear:both; }
.recuit .form-group{ margin-bottom:10px;}
}




/*下属公司*/
.xsgs{ width:100%; background: url(../images/xsgs_back.jpg) center center no-repeat;}
.xsgs li{ width: 33.3%; float: left; box-sizing: border-box; padding-right: 1px;}
.xsgs li .box{ height: 100%; background: rgba(0,0,0,0.2); text-align: center; padding-top: 30%; min-height: 720px; transition: 600ms; -webkit-transition: 600ms;}
.xsgs li .icon{ display: inline-block; width:72px; height: 72px;}
.xsgs li h3{ font-size: 24px; color: #fff; padding-bottom: 20px; background: url(../images/line.jpg) center bottom no-repeat;}
.xsgs li .line{ display: block; width: 42px; height: 1px; background-color: #fff;}
.xsgs li i{ font-style: normal; font-size: 12px; text-align: center; font-family: 'Arial'; color: #fff;}
.xsgs li p{ display: inline-block; text-align: left; width: 80%; color: #fff; margin-top: 30px; max-height: 144px; overflow: hidden;}
.xsgs li .more{ display:inline-block; padding: 0px 20px; line-height: 32px; border: 1px solid #fff; color: #fff; margin-top: 36px;}
.xsgs li .list{ display: inline-block; width:80%; text-align: left; margin-top: 40px;}
.xsgs li .list b{ color:#fff; font-size: 18px; font-weight: normal;}
.xsgs li .list .text{ margin-top: 24px;}
.xsgs li .list .text span{ display: inline-block; font-size: 18px; color:#fff; padding-left: 14px; background: url(../images/xsgs_quan.png) left center no-repeat; margin-right: 34px;}
.xsgs li .more:hover{ background-color: #fff; color: #0056bf;}
.xsgs li:hover .box{ background: rgba(0,0,0,0.5);}


@media screen and (max-width:1024px){
.xsgs .container{ width:100%; margin: 0; padding: 0;}
.xsgs li{ width:100%; float: none; padding: 0; padding-bottom: 1px;}
.xsgs li .box{ padding: 0; min-height: 0; text-align: left; padding: 40px 0px; padding-left: 50px;}
.xsgs li i{ display: block; text-align: left;}    
.xsgs li h3{  background: url(../images/line.jpg) left bottom no-repeat; margin-top: 5px;}
.xsgs li p{ max-height: 48px;}
.xsgs li .list{ margin-top: 10px;}
    .xsgs li .more{ margin-top: 10px;}
}



.procater{ margin-top:15px; margin-bottom:30px;}
.procater li{ padding:24px 0; border-bottom:1px solid #eee; position:relative;}
.procater li:last-child{ border:none;}
.procater li .prleft{ float:left; width:10%; }
.procater li .prright{ float:right; width:90%; }
.procater li:after{ display:block; clear:both; content:''; width:100%; height:0; visibility:hidden;}
.prleft h3{ color:#404040; font-size:20px; font-weight:bold; line-height:30px; margin:0; background:url(../images/pleft.png) no-repeat 0 center;}
.prright a{ color:#404040; line-height:30px;font-size:16px; padding-left:15px; margin-right:15px;}
.prright a.active{ color:#990a08; background:url(../images/redot.png) no-repeat 0 center;}
.prright a:hover{ color:#990a08; }
.plists li{ width:31%; margin-right:3.5%; box-sizing:border-box; position:relative; margin-bottom:3.5%; float:left;}
.pimgs{ height:400px; text-align:center;position:relative; box-sizing:border-box; padding-top:50px; border:1px solid #ddd;}
.pimgs h3{ line-height:40px; color:#404040; font-size:20px;}
.pimgs img{ max-width:85%;}
.phide{ position:absolute;top:0;left:100%; z-index:3; padding:30px;width:100%;height:100%;background:#fff;opacity:0;transition:all .5s linear;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg); transform-origin:left center;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.phide span{ display:inline-block; width:18px; height:18px; border-radius:50%; transform:translateY(4px); margin:0 2px;}
.phide span.blank{ background-color:#000000;}
.phide span.red{ background-color:#740202;}
.phide span.brown{ background-color:#5c2a09;}
.plists li:hover .phide{ opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0); }
.plists li:hover .pimgs {box-shadow:1px 1px 8px 2px rgba(0,0,0,0.1); border-right:0;}
.phide h3{ color:#999; line-height:32px; font-size:16px; margin:0;}
.phide p{color:#666; line-height:28px; font-size:14px; max-height:112px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; }
.phide h3 strong{ color:#333333; font-weight:normal; display:inline-block; margin-right:10px; }
.phide a{ display:block; width:115px; line-height:35px; transition:all 0.5s; border:1px solid #bbb; text-align:center; margin:20px auto 0;}
.plists li:nth-child(3n){ margin-right:0;}
.plists li:nth-child(3n) .phide{ right:100%; left:auto; transform-origin:right center; }
.plists li:nth-child(3n):hover .phide{ opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0);}
.phide a:hover{ background-color:#990a08; border-color:#990a08; color:#fff;}
.phide hr{ margin:6px 0;}
.plists li:nth-child(3n):hover .pimgs{border-left:0;}

@media screen and (max-width:1200px){
.procater li{ padding:15px 0; border-bottom:1px solid #eee; position:relative;}
.prleft h3{ font-size:16px; }
.phide h3{ line-height:30px; font-size:14px; }
}
@media screen and (max-width:992px){
.procater li .prleft{ width:15%; }
.procater li .prright{ width:85%; }
.prleft h3{ padding-left:15px; }
.plists li{ width:50%; margin-right:0%; float:none;}
.phide{ z-index:3; padding:30px; opacity:1;transform:rotateY(0deg); border-right:1px solid #ddd;}
.plists li:nth-child(3n) .phide{ right:auto; left:100%; opacity:1;transform:rotateY(0deg);}
.prright a{ font-size:14px; padding-left:12px; margin-right:12px;}
}
@media screen and (max-width:500px){
.plists li{ width:100%; }
.phide{ display:none;}
.pimgs{ height:380px; padding-top:30px;}
.procater li .prleft{ width:100%; float:none; }
.procater li .prright{width:100%; float:none; }
.procater{ margin-top:0; margin-bottom:30px;}

}





















