﻿@charset "utf-8";
/* CSS Document */


body { font-size: 14px; font-family: "microsoft yahei"; color: #000; background: #fff; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align: middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color:#2b2b2b; }
a:hover{ color: #218bce;}
* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearFix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w{ width: 1200px; margin: 0 auto; }

.head{padding: 13px 0}
.head .logo{width:229px;height: 56px;}
.head .nav li{float: left;margin-left:54px;line-height: 60px;font-size: 18px ;border-bottom: 2px solid #fff}
.head .nav li:hover{border-bottom: 2px solid #629c24 }


.slider{height:586px; overflow:hidden; position:relative;}
.slider ul{ width:100%; height:586px; overflow:hidden; position:absolute; top:0; left:0;}
.slider ul li{ background-repeat:no-repeat; background-size:cover; background-position:top center; width:100%; height:586px; position:absolute; top:0; left:0; display:none;}
.slider ul li:first-child{display:block;}
.slide-txt{ position:relative; margin-top:189px; text-align:right;left: -200px}
.slide-btn{ position:absolute; width:100%; left:0; bottom:24px; text-align:center;}
.slide-btn a{ background:#f68b01; display:inline-block;width:70px; height:4px; vertical-align:middle; margin:0 18px; font-size:0; text-indent:-999px; overflow:hidden;}
.slide-btn a.cur{background:#fff;}


.cb{padding: 45px 0;}
.tit{padding-bottom: 40px;text-align: center}
.tit .cn{font-size: 24px;line-height:36px;display: inline-block;color: #666666}
.tit .i1{display: inline-block;width:8px;height: 16px;background: url("../images/tit-icon_03.png") 0 0;margin-right: 10px}
.tit .i2{display: inline-block;width:8px;height: 16px;background: url("../images/tit-icon_03.png") -15px 0;margin-left: 10px}
.tit .en {font-size:24px;font-weight: lighter;color: #999999}
.cb li {width: 23%;text-align: center;float: left;padding: 0 1%}
.cb li em {display: inline-block;width: 130px;height: 130px;border-radius: 50%;background: url("../images/item-bg_03.png") no-repeat;position: relative;top: -18px;left: -18px;transition: .5s}
.cb li:nth-child(1) em {background-position: -2px 0;}
.cb li:nth-child(2) em {background-position:-152px 0;}
.cb li:nth-child(3) em {background-position: -301px 0;}
.cb li:nth-child(4) em {background-position: -456px 0;}
.cb li em:hover {transform:rotate(120deg);transition: .5s;}
.cb li i {display: inline-block;width:95px;height: 95px;background: url("../images/item-icon_09.png") no-repeat;margin-top: 18px}
.cb li:nth-child(1) i {background-position: 0 0}
.cb li:nth-child(2) i {background-position: -140px 0}
.cb li:nth-child(3) i {background-position: -279px 0}
.cb li:nth-child(4) i {background-position: -408px 0}
.cb li h3 {font-size: 20px;line-height: 60px;}
.cb li:nth-child(1) h3 , .cb li:nth-child(1) span {color: #e30707}
.cb li:nth-child(2) h3 , .cb li:nth-child(2) span {color: #f4c23a}
.cb li:nth-child(3) h3 , .cb li:nth-child(3) span {color: #93d59b}
.cb li:nth-child(4) h3 , .cb li:nth-child(4) span {color: #1072bd}
.cb li p {font-size: 14px;line-height: 24px}
.cb li a{line-height:60px}


.bc {padding: 50px 0;background: url("../images/case-bg_02.png")}
.bc .tit h3.cn{color: #fff}
.bc .tit h3.en{color: #fff}
.bc li {float: left;width: 25%;}
.bc li .pic{width:100%;height: 221px;}
.bc li .pic img{width:100%;height:auto;}
.bc li .con{padding: 20px 20px;background: #fff;position: relative}
.bc li .con h3{font-size: 16px;line-height: 30px}
.bc li .con p{font-size: 14px;line-height: 24px;color:#666666}
.bc li:nth-child(1) .con i,.bc li:nth-child(3) .con i {display:block;width:0;height: 0;border-right:10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid #c6c5c6;position: absolute;top:0;left: 39px }
.bc li:nth-child(2) .con i,.bc li:nth-child(4) .con i {display:block;width:0;height: 0;border-right:10px solid transparent;border-left: 10px solid transparent;border-bottom: 10px solid #c6c5c6;position: absolute;bottom:0;left: 39px }


.about {padding: 50px 0;}
.about .main {width: 100%;}
.about .main .des{width: 50%;}
.about .main .des h3{font-size: 18px;color: #53c4ff;line-height: 60px;}
.about .main .des p{font-size: 14px;line-height: 24px;padding-bottom: 30px;text-indent: 25px}
.about .main .des a{display: inline-block;font-size: 14px;line-height:30px;color: #53c4ff;padding: 0 17px;border: 1px solid #53c4ff;text-align: center}
.about .main .pic{width: 50%;height: 275px;background-position: right;background-repeat: no-repeat;background-size: cover;}

.int-show {width: 100%;height: 200px}
.int-show img{width: 100%;height: auto}

.news {width: 100%;padding: 50px 0}
.news .main{width: 100%;padding: 50px 0}
.news .main .pic-news{width:495px;height: 293px;position: relative}
.news .main .pic-news img{width:100%;height:auto;}
.news .main .pic-news .hov{width:96%;height:auto;background:rgba(0,0,0,.3);position: absolute;bottom: 0;left: 0;padding-left:4%}
.news .main .pic-news .hov p{width: 100%;line-height:50px;color: #fff;}
.news .main .pic-news .hov p:before{content: "";display: inline-block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;margin-bottom: 3px;margin-right: 10px}
.news .news-list { padding:0 35px 0 25px }
.news .news-list li{border-bottom: 1px solid #e5e5e5;padding: 5px 0 25px 0;}
.news .news-list span{ color: #999999;line-height:40px}
.news .news-list p{line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .news-list p:before{display: inline-block;content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #f67608;margin-right: 10px;margin-bottom: 3px}
.news .pic {width: 285px ;height: 293px;}
.news .pic  img{width: 100%;height:auto;}

.footer {width: 100%;padding: 50px 0 30px 0;background: url("../images/footer_15.jpg") no-repeat left;}
.footer .list {width: 87%;height:30px;padding-top:20px;padding-left: 13%;}
.footer .list li {float: left;width: 125px;border-left: 2px solid #fff;text-align: center;line-height:18px; }
.footer .list li a{color: #fff; }
.footer .list li:first-child {border: none; }
.footer .main {padding-top: 40px;}
.footer .main .img{width: 141px;height: 167px;padding-left: 30px}
.footer .main .cont{padding-left:90px;color:#fff;}
.footer .main .cont .en{font-size: 30px;line-height: 45px;}
.footer .main .cont .cn{font-size: 18px;line-height: 30px;}
.footer .main .cont p{font-size: 14px;line-height: 30px;}
.footer .qrCode {padding-right: 60px;}
.footer .qrCode p{padding-right: 60px;line-height: 45px;color: #fff;padding-left: 15px}


/*内页*/

/*关于我们*/
.ny-banner {width: 100%;height: 380px;}
.ny-banner img{width: 100%;height:auto;}

.ny-nav {box-shadow: 0 2px 3px  rgba(0,0,0,.3)}
.ny-nav  li{float: left;height: 85px;line-height: 85px;padding: 0 25px;}
.ny-nav  li a{color: #53c4ff}
.ny-nav  li:hover a{color: #fff;}
.ny-nav  li:hover{background-color: #53c4ff}
/*.ny-nav  li:nth-child(1){background-color: #3fab0b}
.ny-nav  li:nth-child(1) a{color: #fff}*/

.ny-nav li.active{ background-color: #53c4ff }
.ny-nav li.active a{color: #fff}

.ny-about {padding: 50px 0}
.ny-about .tit h3{font-size: 30px;line-height: 30px;color: #68b82d}
.ny-about .main p{font-size:14px;line-height: 30px;}
.ny-about .pic{width: 100%;height: 275px;}
.ny-about .pic{width: 100%;background-position: center;background-repeat: no-repeat;}


/*核心业务*/
.eva {padding: 50px 0;}
.eva .con{width: 465px;}
.eva .con h3{font-size: 30px;line-height: 60px;color: #3fab0b}
.eva .con p{line-height: 30px;text-indent: 25px;}
.eva .con .con-list{padding: 20px 0; }
.eva .con .con-list a{display: inline-block;font-size: 18px;margin-left: 20px}
.eva .con .con-list a:before{display: inline-block;content: "";width: 9px;height: 9px;border-radius: 50%;margin-right: 10px}
.eva .con .con-list a:nth-child(1):before{background-color: #00a0e9}
.eva .con .con-list a:nth-child(2):before{background-color: #f9be00}
.eva .con .con-list a:nth-child(3):before{background-color: #68b82d}

.eva-main {padding: 50px 0}
.eva-main  .main-det{width: 360px;}
.eva-main  .main-det .det-tit{font-size: 30px;line-height: 60px;color: #3fab0b;padding-left:35px;margin-bottom: 30px;background: url("../images/ny-cb-icon_03.png") no-repeat left}
.eva-main  .main-det li {padding-bottom: 40px}
.eva-main  .main-det li .tt{display: inline-block;padding: 0 10px;font-size: 20px;font-weight: bold;background-color: #a4d4ac;line-height: 45px;border-radius: 5px}
.eva-main  .main-det li .tt .yell{color: #ecea22}
.eva-main  .main-det li .tt .whi{color: #fff}
.eva-main  .main-det li p{font-size: 16px;line-height: 24px;padding-top: 15px}


/*新闻中心*/
.ny-news {padding: 50px 0;}

/*.ny-news li{float:left;width:31.3%;margin: 0 1%;padding-bottom: 40px}
.ny-news li .pic{width:100%;height: 220px;}
.ny-news li .pic img{width:100%;height:auto;}
.ny-news li .con{padding: 15px 10px;background-color: #edf3ea;}
.ny-news li .con h3{font-size: 16px;line-height: 30px}
.ny-news li .con p{font-size: 12px;line-height: 30px}
.ny-news li:hover .con {background-color: #3fab0b}
.ny-news li:hover .con p,.ny-news li:hover .con h3{color: #fff;transition: .5s;}*/

.pright-news li{float:left;width:31.3%;margin: 0 1%;padding-bottom: 40px}
.pright-news li .pic{width:100%;height: 220px;}
.pright-news li .pic img{width:100%;height:220px;}
.pright-news li .con{padding: 15px 10px;background-color: #edf3ea;}
.pright-news li .con h3{font-size: 16px;line-height: 30px}
.pright-news li .con p{font-size: 12px;line-height: 30px}
.pright-news li:hover .con {background-color: #f68b01}
.pright-news li:hover .con p,.ny-news li:hover .con h3{color: #fff;transition: .5s;}

.page {text-align: center;padding-bottom: 60px}
.page a{display: inline-block;font-size: 12px;line-height: 24px;padding: 0 10px;border: 1px solid #dddddd;margin: 5px;background-color: #edf3ea;}
.page a:hover{background-color: #3fab0b;border-color: #3fab0b;color: #fff;transition: .5s;}


.ny-page{ text-align:center; padding:20px 0; clear:both; }
.ny-page a{ background:#edf3ea; line-height:26px; display:inline-block; font-size:12px; color:#666; padding:0 10px; margin:0 4px;}
.ny-page a.cur, .ny-page a:hover{ background:#3fab0b;color:#fff;}
.ny-page .nowpage{ background:#3fab0b;line-height:26px; display:inline-block; font-size:12px; color:#fff; padding:0 10px; margin:0 4px;}



.ullist li{line-height: 39px; height:39px;  border-bottom:1px dashed #ccc; margin:0px; padding:0px; }
.ullist li a{color:#333333;font-size: 14px;}
.ullist li a i{position:relative;top:-3px;margin:0 4px 0 0;}
.ullist li a span{float:right;color:#999999;font-size: 14px;}



/**投诉中心**/
.compl-warp{ width:90%; margin:auto; padding-top:20px;}
.compl-filed { margin-top:26px; line-height:29px; min-height:29px; color:#4a4a4a;}
.compl-filed label{ width:320px; text-align:right; float:left; padding-right:5px;}
.compl-filed label .red{ color:#d21300;}
.compl-filed .inpt{ width:435px; height:27px; line-height:27px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .select{ width:158px; height:29px; line-height:29px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .filed-item{ padding-right:5px; float:left;}
.compl-filed .filed-item input[type='radio']{ margin:0 8px 0 20px;}
.compl-filed .wth100{ width:100px; margin-right:10px;}
.compl-filed .select.wth100{ width:105px;}
.compl-filed .textarea{ width:435px; height:120px; border:1px #cccbcb solid; border-radius:5px; padding:5px;}
.compl-filed .btn{ background:#3fab0b; width:84px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:14px; border-radius:5px; cursor:pointer; border:none; }
.compl-tips{ padding:60px 90px 50px 90px; line-height:30px; color:#868686;}




/*业务案例*/
.ny-case {padding: 50px 0;}
.ny-case li{float:left;width:31.3%;margin: 0 1%;padding-bottom: 40px}
.ny-case li .pic{width:100%;height: 220px;position: relative;overflow: hidden}
.ny-case li .pic img{width:100%;height:220px;}
.ny-case li .pic .con{width:100%;background: rgba(0,0,0,0.6);height: 30px;line-height: 30px;color: #fff;position: absolute;bottom: 0;left: 0;transition: .3s;-webkit-transition: .3s;}
.ny-case li .pic .cen{padding-left: 20px;transition: .3s;-webkit-transition: .3s;}
.ny-case li .pic .cen p{transition: .3s;-webkit-transition: .3s;}
.ny-case li .pic .con a{display: none}

.ny-case li:hover .pic .con {height: 220px;display: table;transition: .3s;-webkit-transition: .3s;}
.ny-case li:hover .pic .cen {display: table-cell;text-align: center;;vertical-align: middle;}
.ny-case li:hover .pic .cen p{font-size: 18px;line-height: 30px;padding-bottom: 30px;transition: .3s;-webkit-transition: .3s;}
.ny-case li:hover .pic .cen a{display:inline-block;color: #fff;padding: 0 20px;line-height: 30px;border: 1px solid #fff;}