*{margin: 0; padding: 0; border: 0; box-sizing:border-box;}
body{margin: 0; padding: 0; background: #FFF; font-family: "Microsoft YaHei";}
ul{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none;}
table { border-collapse:collapse; border-spacing:0; }
button{font-family: "Microsoft YaHei"}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
.fl{float: left;}
.fr{float: left;margin-top: 20px;}
.f11{float:right;}
.frrr{float: left;margin-top:15px;}
.bian{
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
section{width: 1200px; overflow: hidden; margin: 0 auto;}

/* 头部 */
.top{width: 100%; height: 36px; color: #909090; font-size: 12px; line-height: 36px; border-bottom: 1px solid #e5e5e5;}
.top a{color: #909090; padding: 0 5px;}

/* logo */
.logo{width: 412px; height: 100px;}
.tel{padding: 20px 0 0;}
.tel .tu{width: 51px; height: 51px; background: url(../images/tel.png); margin: 10px;}
.tel .zi{}
.tel .zi h5{font-size: 14px; color: #666; padding-bottom: 5px;}
.tel .zi h4{font-size: 18px; color: #ea5a2a; font-weight: bold; line-height: 20px;}

/* 导航 */
.navbg{width: 100%; height: 50px; background: #0099e0;}
.nav{width: 1197px; height: 50px; margin: 0 auto; font-size: 16px;}
.nav li{width: 171px; height: 50px; float: left; font-weight: bold; line-height: 50px; text-align: center; color: #FFF;}
.nav li:hover{background: #f79c0e;}
.thisclass{background: #f79c0e;}
.nav li a{color: #fff;}
.erji{ width:171px; padding:0; overflow: hidden; top: 2px; position: relative; z-index:10000;}
.nav ul li .erji li{height: 50px; width: 171px; margin-right: 3px; border-radius: 0 0 6px 6px; background: #0099e0; line-height: 50px; margin-bottom: 2px; overflow: hidden;}
.nav ul li .erji li a{ display:block; width:171px; margin:0px; padding:0px; height:50px; line-height:50px;color: #FFF;font-size: 16px;text-align:center;}
.nav ul li .erji li a:hover{background:#f79c0e;color: #fff;}

/******************************banner开始*******************************/
.banner{width: 100%; overflow: hidden;;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
.callbacks_container{margin-bottom:2px;position:relative;width:100%;min-width: 1080px;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;   background:#000;    background:rgba(0,0,0, .8); left:0; right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:600px){
    .callbacks_nav{
        top:47%;
    }
}

/* 关于 */
.about{width: 1200px; height: 520px; padding: 60px 0;}
.about .tu{width: 600px; height: 400px; overflow: hidden;}
.about .tu img{width: 600px; height: 400px;
    transform: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.about:hover .tu img{
    transform: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.about .zi{width: 600px; height: 400px; background: #f2f2f2; padding: 40px 45px 0;}
.about .zi h4{text-align: center; font-size: 36px; color: #0099e0; font-weight: bold;}
.about .zi h6{text-align: center; font-size: 22px; color: #0099e0; text-transform: uppercase; padding-bottom: 20px;}
.about .zi h5{font-size: 16px; color: #000; line-height: 28px; height: 140px; text-align:Justify;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.about .zi .xq{width: 140px; height: 45px; margin: 25px auto 0; background: #0099e0; text-align: center; line-height: 45px;}
.about .zi .xq a{color: #fff;}
.about:hover .zi .xq{background: #ea5a2a;}

/* 优势 */
.ys{width: 100%; color: #fff; margin-bottom: 60px; text-align: center; overflow: hidden; background: url(../images/why.jpg) top center; padding: 40px;}
.ys h4{font-size: 36px;}
.ys h5{font-size: 16px; padding: 10px 0 40px;}
.ys li{width: 300px; float: left; overflow: hidden;}
.ys li .tit{width: 145px; height: 38px; margin: 0 auto;}
.ys li .tit .tu{width: 38px; height: 38px;}
.ys li .tit .tu img{width: 38px; height: 38px; display: block; margin: 0 auto;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.ys li:hover .tit .tu img{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.ys li .tit .zi{font-size: 24px; font-weight: bold; padding-left: 10px;}
.ys li h5{line-height: 24px; padding-top: 20px; width: 85%; margin: 0 auto; padding-bottom: 0 !important;}

/* 产品 */
.fff{margin-left:120px;}
.pro-tit{width: 218px; overflow: hidden; border: 1px solid #e6e6e6;}
.pro-tit h4{height: 50px; background: #0099e0; line-height: 50px; font-size: 18px; font-weight: bold; text-align: center; color: #fff;}
.pro-tit li{width: 200px; height: 50px; font-size: 16px; font-weight: bold; color: #333; padding-left: 35px; margin-left: 8px; line-height: 50px; border-bottom: 1px dashed #e6e6e6; background: url(../images/pro-tit-li.jpg) 15px no-repeat;}
.pro-tit li a{color: #333; display: block;}
.pro-tit li a:hover{color: #0099e0;}
.pro-tit .bot{width: 216px; height: 123px; margin-top: 10px; background: url(../images/pro-tit.jpg); padding: 60px 0 0 30px;}
.pro-tit .bot h6{font-size: 12px; color: #fff;}
.pro-tit .bot h5{font-size: 18px; font-weight: bold; color: #fff;}
.pro{width: 954px; overflow: hidden;}
.pro li{width: 298px; overflow: hidden; float: left; margin: 0 30px 20px 0;}
.pro li:nth-child(3n){margin-right: 0;}
.pro li .tu{width: 500px; height: 300px; overflow:hidden;}
.pro li .tu img{width: 500px; height: 300px;
    transform: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.pro li:hover .tu img{
    transform: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.pro li h5{text-align: center; font-size: 16px; color: #666; padding-top: 10px;}

/* 底部 */
.bottom{width: 100%; overflow: hidden; background: #0079b1;}
.di-nav{width: 770px; height: 80px; margin: 0 auto;}
.di-nav li{width: 180px; height: 80px; float: left; line-height: 90px; text-align: center; background: url(../images/di-nav.jpg) 0 38px no-repeat;}
.di-nav li a{color: #fff;}
.di-nav li:nth-child(1){background: none;}
.bottom hr{width: 100%; height: 1px; background: #33ade6;}
.di-logo{width: 100px; height: 113px; margin: 30px 100px;}
.dizhi{width: 596px; height: 133px; margin-top: 20px; overflow: hidden; color: #fff; border-left: 1px solid #33ade6; padding: 25px 0 0 90px;}
.dizhi li{width: 250px; height: 40px; line-height: 40px; float: left; font-size: 14px;}
.ewm{width: 115px; overflow: hidden; margin: 20px 100px 0 0;}
.ewm img{width: 115px; height: 115px;}
.ewm h4{text-align: center; padding-top: 5px; color: #fff; font-size: 14px;}
.copy{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 14px;}
.copy a{color: #fff;}

/* 内页banner */
.ny-banner{width: 100%; overflow: hidden;}
.ny-banner img{width: 100%; display: block;}

/* 内页二级导航 */
.ny-nav{width: 100%; height: 50px; background: #1296db; text-align: center;}
.ny-nav li{font-size: 18px; color: #fff; line-height: 50px; display: inline-block; padding: 0 60px;}
.ny-nav li a{color: #fff; display: block;}
.ny-nav li:hover{background: #f79c0e;}

.ny_tit{width: 1200px; overflow: hidden; margin: 40px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_tit h4{font-size: 28px; color: #333; text-align: center;}
.ny_tit h5{width: 100px; height: 3px; background: #1296db; margin: 10px auto 0;}
.ny_tit h6{font-size: 14px; color: #666; padding-top: 10px; text-align: center;}
.ny_tit h6 span{padding: 0 10px;}

.ny_con{width: 1200px; overflow: hidden; min-height: 300px; padding-bottom: 50px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.ny_con img{max-width: 1200px; display: block; margin: 20px auto;}

/* 内页新闻 */
.new{width: 1200px; overflow: hidden; margin: 60px auto; 0}
.new li{width: 580px; overflow: hidden; float: left; border: 1px solid #dcdcdc; margin: 0 40px 40px 0;}
.new li:nth-child(2n){margin-right: 0;}
.new li .time{width: 100px; height: 90px; border-right: 1px solid #dcdcdc; margin-top: 50px; text-align: center;}
.new li .time .day{font-size: 50px; color: #666; position: relative; margin-bottom: 20px; line-height: 1em;}
.new li .time .day:after {content: ""; display: inline-block; width: 12px; height: 1px; background-color: #999; position: absolute; bottom: -10px; left: 50%; margin-left: -6px; z-index: 1;}
.new li .time .year {font-size: 14px; color: #999;}
.new li .text-box {width: 478px; padding: 30px;}
.new li .text-box h3 {font-size: 18px; color: #040b13; margin-bottom: 12px;}
.new li .text-box p {font-size: 14px; color: #999; line-height: 28px; margin-bottom: 16px; height: 56px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new li .text-box .text {color: #666;}
.new li .text-box .arr {float: right; width: 24px; height: 24px; background: url(../images/icon-more-arr.png) no-repeat;}
.new li:hover{border: 1px solid #0099e0;}
.new li:hover h3{color: #0099e0;}
.new li:hover .text{color: #0099e0;}

/* 分页 */
.fenye{ width: 650px; overflow: hidden; margin: 40px auto 80px; }
.fenye li{font-size: 18px; color: #333; padding: 5px 15px; margin: 0 8px; border: 1px solid #181717; border-radius: 3px; float: left;}
.fenye li a{color: #181717;}
.fenye li a:hover{color: #390713;}

/* 内页产品 */
.ny_pro{width: 1200px; overflow: hidden; min-height: 500px; margin: 60px auto 10px;}
.ny_pro li{width: 364px; overflow: hidden; float: left; margin: 0 15px 30px;}
.ny_pro .tu{width: 364px; height: 243px; overflow: hidden;}
.ny_pro .zi{width: 300px; height: 150px; line-height: 46px; margin: 0 auto; text-align: center; font-size: 16px; color: #666; border-top: 2px solid #f0f0f0;}
.ny_pro li:hover{transition: all ease 1s;}
.ny_pro .tu img{width: 364px; height: 243px; overflow: hidden;
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
}
.ny_pro .tu:hover img{
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
}

/* 招聘信息 */
.zp{width: 1200px; overflow: hidden; margin: 40px auto;}
.zp h4{font-size: 22px; color: #333; text-align: center;}
.zp .con{width: 1000px; overflow: hidden; margin: 0 auto 30px;}
.zp .con .tit{background: #fff !important;}
.zp .con .llzp{width: 100%; min-height: 60px; color: #666; line-height: 60px; background: #f1f1f1; margin-top: 10px; overflow: hidden;}
.zp .con .llzp .zwmc{width: 47%; float: left; padding-left: 30px;}
.zp .con .llzp .zprs{width: 43%; float: left;}
.zp .con .llzp .ckxq{width: 10%; float: left; text-align: center;}
.zp .con .llzp .ckxq-1{width: 10%; float: left; text-align: center; color: #e60012; cursor: pointer;}
.zp .con .llzp .ckxq-1 a{color: #e60012;}
.zp .con .zpxq{width: 100%; overflow: hidden; background: #fff; line-height: 26px; padding: 10px 30px 20px;}
.zp .con .zpxq button{width: 120px; height: 40px; background: #e60012; color: #fff; display: block; margin: 20px auto; border-radius: 3px; cursor: pointer;}

/* 留言 */
.liuyan{width: 490px; overflow: hidden; margin: 0 auto 60px;}
.liuyan table tr{margin-bottom: 10px;}
.liuyan .sx{width: 80px; height: 40px; font-size: 16px; color: #617787; line-height: 40px;}
.liuyan .srk{width: 400px; height: 38px; border: 1px solid #617787; border-radius: 3px; margin: 10px 0;}
.liuyan .bz{width: 400px; height: 100px; border: 1px solid #617787; border-radius: 3px; margin: 10px 0;}
.liuyan .tj{width: 80px; height: 38px; background: #e60012; margin-left: 80px; margin-top: 10px; border-radius: 4px; color: #fff; font-size: 16px;letter-spacing:2px;}
.liuyan .cz{width: 80px; height: 38px; background: #ccc; margin-left: 65px; margin-top: 10px; border-radius: 4px; color: #fff; font-size: 16px;letter-spacing:2px;}

/* 翻篇 */
.fp{width: 1200px; height: 50px; margin: 30px auto 50px; font-size: 16px; color: #333; font-weight: 400;}
.fp a{color: #666;}
.fp a:hover{text-decoration: underline;}


.shipin{width: 1200px; overflow: hidden; margin: 0 auto 50px;}
.shipin li{width: 580px; overflow: hidden; float: left; margin: 30px 40px 0 0;}
.shipin li .tu{width: 580px; height: 387px; background: #ccc;}
.shipin li h5{font-size: 18px; color: #333; padding-top: 10px; text-align: center;}
.shipin li:nth-child(2n){margin-right: 0;}