/*共用*/
.evawidth{ width: 980px; margin: 0 auto; }

/*开始*/
.evaluation-top{ width: 100%; height: 800px; overflow: hidden; background:url(../images/banner-bg.jpg) no-repeat center top; }
.evaluation-top .conwidth{ position: relative; overflow: hidden;}
.evaluation-top-cont{ width: 980px; height: 325px; margin: 0 auto; overflow: hidden; margin-top: 405px; }
.evaluation-top-cont ul{ float: left; margin-left: -70px; }
.evaluation-top-cont li{ width: 280px; height: 325px; overflow: hidden; float: left; margin-left: 70px;}
.evaluation-top-cont li .iconshow{ width: 160px; height: 160px; margin: 0 auto; background:url(../images/icon.png) no-repeat; }
.evaluation-top-cont li .iconshow01{ background-position: 0 0; }
.evaluation-top-cont li .iconshow02{ background-position: 0 -160px; }
.evaluation-top-cont li .iconshow03{ background-position: 0 -320px; }
.evaluation-top-cont li .title{ font-size: 20px; color: #666; text-align: center; height: 60px; line-height: 60px; }
.evaluation-top-cont li .info{ font-size: 14px; color: #999; text-align: center; line-height: 22px; }
.evaluation-top-cont li .btn{ overflow: hidden; padding-top: 20px; }
.evaluation-top-cont li .btn a{ display: block; width: 118px; height: 28px; border:1px solid #F2B808; border-radius: 3px; margin: 0 auto; text-align: center; line-height: 28px; color: #F2B808; font-size: 14px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}
.evaluation-top-cont li .btn a:hover{ background: #F2B808; color: #fff; text-decoration: none; }

.evaluation-01{ width: 100%; height: 450px; overflow: hidden; background:url(../images/eva-bg.jpg) no-repeat center top; }

.swiper-container{ width: 100%; height: 450px; position: relative; overflow: hidden; top: 0;}
.slide-inner{ width: 890px; height: 265px; overflow: hidden;}
.slide-inner .title{ position: absolute; left: 0; top: 0; font-size: 36px; color: #333; top: 30px;}
.slide-inner .info{ position: absolute; left: 0; top: 105px; width: 380px; font-size: 18px; color: #666; line-height: 2;}
.slide-inner .imgshow{ position: absolute; right: 0; top: 0;}
.swiper-button-next,.swiper-button-prev{ position: absolute; width: 22px; height: 41px; top: 50%; margin-top: -20px; cursor: pointer;}
.swiper-button-next{ background-image:url(../images/next-btn.png); right: 0;}
.swiper-button-prev{ background-image:url(../images/pare-btn.png); left: 0;}
.swiper-slide{ position: absolute; top: 120px; left: 50%; margin-left: -445px;}
.swiper-pagination{ width: 890px; height: 30px; position: absolute; top: 40px; left: 50%;margin-left: -445px;}
.swiper-pagination ul{ float: left; margin-left: -10px; }
.swiper-pagination li{ width: 138px; height: 28px; color: #888; border:1px solid #A6A7A2; text-align: center; line-height: 28px; float: left; font-size: 14px; margin-left: 10px; cursor: pointer;}
.swiper-pagination li.click{ background: #0FA783; border-color: #0FA783; color: #fff; }


.evaluation-02 .imgshow{ width: 100%; text-align: center; background: #FFF; overflow: hidden; padding-top: 70px; margin-bottom: 80px;}
.evaluation-02 .btn{ width: 350px; height: 50px; margin: 0 auto; margin-bottom: 80px;}
.evaluation-02 .btn a{ display: block;  width: 160px; height: 50px; line-height: 50px;  border-radius: 3px; color: #fff; font-size: 16px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}
.evaluation-02 .btn a:hover{ text-decoration: none; }
.evaluation-02 .btn a i{ display: block; width: 50px; height: 50px; float: left; background:url(../images/btn-icon.png) no-repeat; margin-left: 10px;}
.evaluation-02 .btn a.pcbtn{ background: #059E73; float: left;}
.evaluation-02 .btn a.pcbtn:hover{ background: #03835F; }
.evaluation-02 .btn a.pcbtn i{ background-position: 0 0; }
.evaluation-02 .btn a.phonebtn{ background: #F2B808; float: right; position: relative;}
.evaluation-02 .btn a.phonebtn:hover{ background: #E3AA0D; }
.evaluation-02 .btn a.phonebtn i{ background-position: 0 -50px; }
.evaluation-02 .btn .code-show{ width: 174px; height: 188px; position: absolute; background:url(../images/code-bg.png) no-repeat; left: 0; overflow: hidden; top: -188px; display: none;}
.evaluation-02 .btn .code-show img{ width: 135px; height: 135px; margin-left: 20px; margin-top: 17px;}
.evaluation-02 .btn a.phonebtn:hover .code-show{ display: block; }