*{margin: 0; padding: 0; list-style: none;text-decoration: none; color: #333; font-family: "Microsoft YaHei";}

img{border: 0;}
.clear{ clear: both; }
.m1200{ width: 100%;}

.wrap{ margin: 0; width: 100%; }

.banner{ background:url(../images/banner_bg.jpg) center center no-repeat;  text-align: center; padding-top: 1px; margin-top: -1px;padding-bottom: 30px;  overflow:hidden; }
.banner .banner_bt{ margin: 60px 0 50px; width: 90%; }
.banner .banner_img{ margin-top: 30px; width: 98%; }
.banner p{ color: #ffba07; font-size: 26px; background: #2b2b2b; position: relative; z-index: 2;  display: inline-block; padding: 0 10px; margin: 0 auto;}
.banner em{ display: block; position: relative; z-index: 1; top: -20px; height: 1px; background:#ffba07; margin: 0 auto;}


.about{ margin: 50px auto; }
.about_l img{ width: 100%; }

.about_r{ width: 100%; padding: 10px;  color: #333; text-align: center;    box-sizing: border-box;}
.about_r dt{ font-size: 25px; margin-bottom: 20px; margin-top: 15px; }
.about_r dd{ font-size: 15px; line-height: 25px; }

.why{ margin-top: 40px; padding-top: 1px; }
.why_bt{ width: 95%; height: 40px; margin: 20px auto 40px; border: 2px solid #d3d3d3; text-align: center;  }
.why_bt p{ font-size: 23px; display: inline-block;background: #fff; margin-top: -16px; padding: 0 10px;}
.why_bt span{ font-size: 12px; color: #cecece;  display: inline-block;background: #fff; margin-top: 17px; padding: 0 10px;}

.why_list{ margin: 50px 0; }
.why_list li{ width: 50%; margin: 10px 0; float: left; text-align: center;}
.why_list img{ width: 80px; }
.why_list b{ display: block; font-size: 22px; margin: 20px 0 10px; font-weight: normal; }
.why_list p{ font-size: 14px; color: #444344; line-height: 20px; padding: 0 10px; }



.taidu{}
.taidu_bt{ margin-bottom: 20px;  padding-top: 1px; padding-left: 10px; }
.taidu_bt dl{ margin: 0 auto; }
.taidu_bt dl dt{ width: 60px; height: 60px; float: left; font-size: 24px; color: #333; line-height: 25px;margin-top: 13px; margin-right: 10px; background:#ffba07; padding: 10px 0 0 10px; }
.taidu_bt dl dd{  float:left; }
.taidu_bt dl dd p{ color: #ffba07; font-size: 16px; margin-top: 15px; }
.taidu_bt dl dd i{ font-size: 10px; color: #565656; margin:10px 0 10px; font-style: normal; }
.taidu_bt dl dd span{ color: #ffba07; font-size: 20px;display: block; }


.taidu_box{ background: #2b2b2b; padding: 20px 0; margin-top: 30px; }
.taidu_box li{ margin: 10px 0; min-height: 70px;}
.taidu_box li div{ float: left; width: 75%;}
.taidu_box em{ display: block; width: 25%; float: left; text-align: center;}
.taidu_box li em img{ width: 70px;}
.taidu_box li div b{ color: #fff;  font-size: 18px; font-weight: normal; margin: 5px 0; display: block; }
.taidu_box li div p{ color: #c2c2c2; font-size: 14px;  line-height: 20px; padding-right: 10px; }

.changjing{margin-bottom: 40px;}
.ch_bt{ height: 60px; background: url(../images/ch_bg.jpg) center center repeat-x; text-align: center; margin: 60px auto 30px;}
.ch_bt p{ font-size: 24px; background: #fff; display: inline-block; padding: 0 15px;}
.ch_bt span{ font-size: 16px; color: #bbbbbb; display: inline-block;margin-top: 7px;}


.ch_box{}
.ch_box li{ width: 50%; padding: 5px; box-sizing: border-box; float: left; text-align: center; }
.ch_box li p{  padding: 4px; border: 1px solid #f0f0f0; }
.ch_box li p img{ width: 100%; }
.ch_box li span{ display: block;line-height: 30px; height: 30px; }


.rexian2{ font-size: 22px; text-align: center; line-height: 70px; color: #a2a2a2; }


.case{ padding-top: 100px; margin-top: -100px; }
.case_bt{ background: url(../images/01.png) left 10px no-repeat; width: 290px; height: 70px; margin: 40px auto 20px; text-align: center;background-size: 60px;}
.case_bt p{ font-size: 25px; color: #3c3c3c; }
.case_bt span{ font-size: 16px; color: #afafaf; }

.case_top{ width: 100%; margin: 20px auto;}
.case_top dd {width: 63%; padding-left: 2%;}
.case_top dd img{ width: 100%; }
.case_top dt{ width: 35%; }

.case_name{ padding:15px;line-height:30px; border-left: 3px solid #ffba07;border-right: 3px solid #ffba07; color: #ffba07; font-size: 24px; text-align: center; position: relative;z-index: 1; margin-top: 20px;writing-mode: vertical-lr;writing-mode: tb-lr; margin-left: 25px;}
.case_name img{ position: absolute; right: -20px; top: -20px; width: 70px; }
.case_sao{ margin-top: 40px; margin-left: 20px; width: 80px;}

.case_list{ text-align: center; }
.case_list img{ width: 40%;  margin: 10px;  position: relative; box-shadow: 1px 1px 13px #7b7b7b;}
.case_list img:nth-child(2){ top: 40px; }
.case_list img:nth-child(4){ top: 40px; }


.tel_01{ text-align: center; display: block; }
.tel_01 img{ width: 90%; }


.nine_list{}
.nine_list li{ width: 50%; text-align: center;float:left; box-sizing: border-box; padding:20px 10px; }
.nine_list li img{ width: 70px; }
.nine_list li b{ display: block; font-size: 16px; margin: 20px 0 6px;}
.nine_list li p{ font-size: 14px; color: #555555; line-height: 25px;height: 50px; }
.nine_list li:nth-child(1){ border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.nine_list li:nth-child(2){ border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.nine_list li:nth-child(3){ border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.nine_list li:nth-child(4){  border-bottom: 1px solid #e5e5e5; }
.nine_list li:nth-child(5){ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; }
.nine_list li:nth-child(6){ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; 
}
.nine_list li:nth-child(7){ border-right: 1px solid #e5e5e5; }
.nine_list li:nth-child(8){ }


.youoshi{ background: #2b2b2b; margin: 50px 0; padding-bottom: 1px; padding-top: 1px;}
.youoshi ul{ text-align: center; padding-top: 60px; padding-bottom: 10px; }
.youoshi ul li{ width: 50%; height: 140px; padding: 20px; float: left; box-sizing: border-box; }
.youoshi ul li dl{ border: 1px solid #555555; padding-top: 20px;}
.youoshi ul li dl dt{ color: #ffba07; font-size: 40px; background: #2b2b2b; margin-top: -60px; display: inline-block; padding: 0 10px;}
.youoshi ul li dl dt em{ color: #ffba07; font-size: 25px; font-style: normal; }
.youoshi ul li dl dt span{ color: #ffba07; }
.youoshi ul li dl dd{ color: #fff;  margin-bottom: 6px; margin-top: 6px; font-size: 14px;}
.youoshi ul li p{ color: #686868; font-size: 13px; margin-top: 5px; }


.duibi_top{ text-align: center; clear: both; }
.duibi_top dl{ width: 50%; float: left; box-sizing: border-box; padding: 10px;}
.duibi_top dt{ font-size: 22px; margin: 10px 0 5px;  }
.duibi_top dd{ font-size: 14px; }
.duibi_top dd.duibi_logo{ width: 100px; margin: 0 auto;}
.duibi_top dd img{ width: 50px; }


.duibi_box{ margin:0px auto; padding-top: 1px; }

.duibi_list{ width: 45%; }
.duibi_list ul li{ border-radius: 7px;   height: 150px; padding: 30px 10px 10px 10px; box-sizing: border-box; position: relative; margin-top: 40px;text-align: center;}
.duibi_list ul li img{ position: absolute; top: -20px; left: 38%; width: 40px;}
.duibi_list ul li b{font-size: 18px;}
.duibi_list ul li p{font-size: 14px;}

.duibi_l{float: left; margin-left: 10px; }
.duibi_l ul li{ border: 1px solid #ffba07; color: 2b2b2b; }

.duibi_r{ float: right; margin-right: 10px; }
.duibi_r ul li{ border: 1px solid #9c9c9c;  }
.duibi_r ul li b{ color: #808080; }
.duibi_r ul li p{ color: #808080; }



.duibi_vs{ width: 20%;  margin: 0px auto -20px; }
.duibi_vs img{ width: 100%; }


.liucheng{  background: #ffba07; padding-top: 1px; margin: 80px 0;}
.liucheng dl{}
.liucheng dt{ background: #2b2b2b;  margin-top: -15px; padding:10px; }
.liucheng dt img{ margin-top: 10px; float: left;  width: 125px;}
.liucheng dt b{ font-weight: normal; color: #cacaca; margin-top: 5px; display: block; font-size: 33px; }
.liucheng dt span{ display: block; width: 150px; float: left; color: #a1a1a1; font-size: 15px;}
.liucheng dd{ padding: 15px 0; }
.liucheng dd ul{ }
.liucheng dd ul li{ width:25%; float: left; background: url(../images/next.png) right 25px no-repeat; background-size: 10px; text-align: center; padding-top: 10px; padding-bottom: 13px;}
.liucheng dd ul li:nth-child(8){ background: none; }
.liucheng dd ul li img{ width: 40px; }
.liucheng dd ul li p{ margin-top: 10px; font-size: 15px; }
#next_line li{ float: right; background: url(../images/pre.png) left 25px no-repeat; background-size: 10px;}
#next_line li:nth-child(4){ background: none; }
#xia_line{background: url(../images/xia.png) center bottom no-repeat; background-size: 15px;}




.biao{border:1px solid #ddd; font-family:"微软雅黑"; width: 100%; margin: 20px 0 50px; border-collapse: collapse;}
.biao td{ padding:6px; font-size: 13px;border:1px solid #ddd;}
.biao td p{ display: inline-block; width: 125px; margin: 8px 0;}
.biao td img{    width: 18px;    margin-right: 5px;    margin-left: 20px;    vertical-align: -3px;}
.biao th{ font-weight: bold; font-size: 15px;border:1px solid #ddd; }
.biao h2{ font-size:22px; text-align:center; margin: 10px 0; }
.biao tr:nth-child(2n){ background: #eee; }

.tel3{ display: block;font-size: 20px; color: #ffba07; text-align: center;margin-bottom: 20px; border-top: 1px dotted #5c4a27; padding-top: 10px;  }




/*优势对比动画*/
.duibi_toL{
    animation: changel 1s ;
}
@keyframes changel {
    0% {
        left: 38%;
    }
    33% {
         left: 45%;
    }
    66% {
         left: 45%;
    }
    100% {
         left: 38%;
    }
}

.duibi_toR{
    animation: changer 1s ;
}
@keyframes changer {
    0% {
        left: 42%;
    }
    33% {
         left: 35%;
    }
    66% {
         left: 35%;
    }
    100% {
         left: 42%;
    }
}