@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header{height: 100px;background: url(../images/headbg.jpg);position: fixed;
z-index: 999}
.header .nav ul li{width: 110px;height: 100px;text-align:right;line-height: 100px;font-size: 16px;font-weight: bold;color: #444}
.header .nav ul li:hover {color: #2578CA}
/*header end*/

/*banner start*/

.bannner{ position:relative; width:100%; height:700px; overflow:hidden;top: 100px;}
#slider{position:absolute;width:100%;height:700px;background:url(../images/loading.gif) no-repeat 50% 50%;left:50%;margin-left:-960px}
#slider img {position:absolute;top:0px;left:0px;display:none;}
.nivo-controlNav{position:absolute;left:50%;bottom:20px;margin-left:-25px}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:400px;}
a.nivo-prevNav {left:400px;}
.nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
/*banner end*/

/*company start*/
.company{padding: 40px 0;background:url(../images/combg1.png) no-repeat center bottom;margin-top: 105px;}
.company .com_body{height: 380px;}
.company .com_body .com_l{width: 100%;height: 380px;background:url(../images/comlbg.png);}
.company .com_body .com_l .comimg{padding-left: 20px;}
.company .com_body .com_l .comimg {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.company .com_body .com_l .comimg:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: -webkit-calc(50% - 10px);
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: right;
  transition-property: right;
}

.company .com_body .com_l .comimg:hover {
  -webkit-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}

.company .com_body .com_l .comimg:hover:before {
  right: -10px;
}
.company .com_body .com_l .profile{width: 795px;padding-top:95px;padding-right: 20px;color: #eee}
.company .com_body .com_l .profile p{text-indent: 2em;line-height: 160%;font-size: 15px;}
.company .com_body .com_l .profile .more{width: 120px;height: 35px;text-align: center;line-height: 35px;border: 1px solid #eee;color:#eee;margin-top: 15px;border-radius: 10px;}
.company .com_body .com_l .profile .more:hover {background: #FF6C00;}
.company .com_body .com_r{width: 310px;height: 380px;background: #dedede;box-shadow: 0 0 10px 0 #aaa}
/*company end*/

/*advantage start*/
.adv{padding: 40px 0 10px 0}
.adv .adv_title{height: 80px;background: url(../images/title_adv.png) no-repeat center top;}
.adv ul li{width: 278.5px;height:310px;margin:20px 0 30px 0;border-top: 2px solid #84A35D;border-left: 2px solid #84A35D;}
.adv ul li:nth-child(2) {margin-left: 26px;border-top: 2px solid #00CA40;border-left: 2px solid #00CA40;}
.adv ul li:nth-child(3) {margin-left: 26px;border-top: 2px solid #4C8CAC;border-left: 2px solid #4C8CAC;}
.adv ul li:nth-child(4) {margin-left: 26px;border-top: 2px solid #49A794;border-left: 2px solid #49A794;}
.adv ul li:nth-child(5) {border-top: 2px solid #5F84CE;border-left: 2px solid #5F84CE;}
.adv ul li:nth-child(6) {margin-left: 26px;border-top: 2px solid #DD584E;border-left: 2px solid #DD584E;}
.adv ul li:nth-child(7) {margin-left: 26px;border-top: 2px solid #F39946;border-left: 2px solid #F39946;}
.adv ul li:nth-child(8) {margin-left: 26px;border-top: 2px solid #5FCECA;border-left: 2px solid #5FCECA;}
.adv ul li .top{width: 278.5px;height: 180px;text-align: center;background: url(../images/icon1.png) no-repeat center;}
.adv ul li:nth-child(2) .top{background: url(../images/icon2.png) no-repeat center;}
.adv ul li:nth-child(3) .top{background: url(../images/icon3.png) no-repeat center;}
.adv ul li:nth-child(4) .top{background: url(../images/icon4.png) no-repeat center;}
.adv ul li:nth-child(5) .top{background: url(../images/icon5.png) no-repeat center;}
.adv ul li:nth-child(6) .top{background: url(../images/icon6.png) no-repeat center;}
.adv ul li:nth-child(7) .top{background: url(../images/icon7.png) no-repeat center;}
.adv ul li:nth-child(8) .top{background: url(../images/icon8.png) no-repeat center;}
.adv ul li .bot{text-align: center;}
.adv ul li .bot b{font-size: 18px;color: #333}
.adv ul li .bot p{text-align: center;line-height: 160%;position: relative;top: 10px;font-size: 15px;}


.adv ul li {overflow: hidden;position: relative;}
.adv ul li:before, .adv ul li:after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #84A35D;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(2):before, .adv ul li:nth-child(2):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #00CA40;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(3):before, .adv ul li:nth-child(3):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #4C8CAC;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(4):before, .adv ul li:nth-child(4):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #49A794;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(5):before, .adv ul li:nth-child(5):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #5F84CE;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(6):before, .adv ul li:nth-child(6):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #DD584E;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(7):before, .adv ul li:nth-child(7):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #F39946;-webkit-transition: all .4s;transition: all .4s;}
.adv ul li:nth-child(8):before, .adv ul li:nth-child(8):after {content: "";position: absolute;z-index: -1;height: 100%;width: 0;top: 0;background-color: #5FCECA;-webkit-transition: all .4s;transition: all .4s;}

.adv ul li:before {left: -160px;-webkit-transform: skew(-45deg, 0);transform: skew(-45deg, 0);}
.adv ul li:after {right: -160px;-webkit-transform: skew(-45deg, 0);transform: skew(-45deg, 0);}
.adv ul li:hover {color: #27323A;}
.adv ul li:hover:before, .adv ul li:hover:after {width: 120%;}
.adv ul li:hover{cursor: pointer;}
.adv ul li:hover b{color: #fff}
.adv ul li:hover p{color: #fff}
/*advantage end*/

/*case start*/
.case{padding: 40px 0;background: #efefef}
.case .yy_title{height: 80px;background: url(../images/title_yy.png) no-repeat center;}
.case ul li{width: 170px;height: 400px;margin-top: 20px;}
.case ul a:nth-child(2) li{margin-left: 36px;}
.case ul a:nth-child(3) li{margin-left: 36px;}
.case ul a:nth-child(4) li{margin-left: 36px;}
.case ul a:nth-child(5) li{margin-left: 36px;}
.case ul a:nth-child(6) li{margin-left: 36px;}

/* Hover */

@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.hover {
  display: inline-block;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover:hover {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Hang */

@-webkit-keyframes hang {
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes hang {
  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }

  100% {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.hang {
  display: inline-block;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hang:hover {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-animation-name: hang;
  animation-name: hang;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}


/*case end*/

/*new start*/
.new{padding: 40px 0}
.new .xw{width: 380px;position: relative;}
.new .xw:nth-child(2) {margin-left: 30px;}
.new .xw:nth-child(3) {margin-left: 30px;}
.new .xw .title{width: 380px;height: 35px;line-height: 35px;border-bottom:1px solid #999;margin-bottom: 15px;}
.new .xw .title b{font-size:18px;font-weight: bold;color: #006FEA;}
.new .xw .title b font{font-size: 14px;color: #aaa;font-weight: normal}
.new .xw .title a{line-height: 35px;color: #777;font-size:13px;}
.new .xw .title a:hover {color: #CE0005;font-weight: bold;}
.new .xw .cover{width: 360px;height: 65px;background: url(../images/xwbg.png) repeat-x center;position: absolute;top: 201px;padding: 5px 10px 0}
.new .xw .img{width:380px;height:215px;overflow:hidden;margin-bottom: 10px;}

.new .xw .img img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.new .xw .img:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.new .xw b{color: #eee;font-size: 15px;}

.new .xw p{color: #dedede;font-size:13px;}
.new .xw li{width:380px;height: 35px;line-height: 35px;position: relative;top: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666}
.new .xw li img{ padding-top: 5px;}
/*new end*/

/*contact start*/
.contact{height: 380px;background: url(../images/contactbg.jpg) no-repeat center top;}
.contact .title{height: 100px;background: url(../images/title_lx.png) no-repeat center;}
.contact .lx_body{height: 260px;margin-top: 20px;background: #fff;text-align: center;}
.contact .lx_body .title{height: 40px;line-height: 40px;}
.contact .lx_body font{font-size: 18px;font-weight: bold;}
.contact .lx_body p{text-align: center;line-height: 200%;font-size: 15px;color: #444}
.contact .lx_body b{color: #DD584E;text-align: center;font-size: 26px;}
.contact .lx_body .rx{padding-top: 5px;}
.contact .lx_body .more{width: 120px;height: 30px;border:1px solid #DD584E;text-align: center;line-height: 30px;color: #DD584E;margin:0 auto;font-size: 15px;font-weight:bold;position: relative;top: 20px}
.contact .lx_body .more:hover {background: #DD584E;color: #fff}
/*contact end*/

/*footer start*/
.footer{background: #333;padding: 20px 0}
.footer .nav_f{width: 1200px;height: 45px;border-bottom: 1px solid #999}
.footer ul{width: 845px;margin: 0 auto}
.footer ul li{width: 140px;height: 15px;line-height: 15px;margin: 10px 0;text-align: center;font-size: 15px;color: #fff;border-right: 1px solid #aaa}
.footer ul a:nth-child(6) li{border: none;}
.footer .foot_b{padding-top: 20px;}
.footer p{text-align: center;line-height: 200%;color: #eee}
/*footer end*/

/*main start*/
.main{padding:40px 0;margin-top: 105px;}
/*main end*/