*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}

/*header */
.header{width: 100%;}
.header .header-1{height: 40px;width: 100%;line-height: 40px;background: #ededed;}
.header .header-1 .content{width: 1200px;margin: auto;padding-right: 15px;}
.header .header-1 .content b{color: #999999;font-size: 14px;line-height: 40px;}
.header .header-1 .content nav{line-height: 40px;float: right;}
.header .header-1 .content nav a{color: #999999;font-size: 14px;}

.header .header-2 .content{width: 1200px;height: 135px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top: 12px;}
.header .header-2 .content .text{float: left;margin-top: 30px;margin-left: 20px;}
.header .header-2 .content .text h3{font-size: 24px;color: #333;font-family: "Microsoft YaHei", 微软雅黑;font-weight:bold;margin-bottom: 5px;color: #d60d19;}
.header .header-2 .content .text h3 span{color: #d60d19;}
.header .header-2 .content .text b{font-size: 22px;color: #666;}
.header .header-2 .content .text b span{color: #d60d19;}
.header .header-2 .content .phone{float: right;width: 260px;margin-top: 15px;margin-right: 15px;}
.header .header-2 .content .phone .dh{color: #333333;font-size: 18px;float: right;text-align: left;    margin-left: 11px;  margin-top: 27px;}
.header .header-2 .content .phone .dh b{color: #d60d19;font-size: 26px;line-height: 30px;}

.header .header-3{width: 100%;background: #d60d19;height: 58px;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{display:block;float: left;text-align: center;height: 58px;line-height: 58px;font-size: 16px;color: #fff;position: relative;    padding-left: 22px;
    padding-right: 23px;}
.header .header-3 .content nav a .cc{position: absolute;top: 9px;right: 0px;width: 2px;height: 40px;background: url("../images/nav_xxbj.png")no-repeat;}
.header .header-3 .content nav a:hover{}
/*.header .header-3 .content nav .on{color: #fff;background: #000;}*/
/*banner*/
.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 46%; bottom: 38px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 30px; height: 8px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 15px;}
.slideBox .hd ul li.on{background: #d60d19;}
.banner-index .slideBox .bd{height: 600px;overflow: hidden;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}

/*search*/
.search{ width: 100%; height: 85px; line-height: 85px;display: none;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #fff; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #333; font-size: 14px; display: inline-block; border-radius: 16px; text-align: center; height: 30px; line-height: 30px; width: 80px;}
.search-keywords .wb > a{ color: #666666; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #d60d19;}
.search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 300px; line-height: 29px; height: 29px; z-index: 99; position: relative;top: 0px;}
.search-form{ display: inline-block; float: right;margin-top: 32px;}
#searchForm .search-input{ vertical-align: top; height: 28px; background: none; line-height: 28px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 28px; height: 28px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{ /* WebKit browsers */  color: #666;}
#searchForm .search-input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #666;}
#searchForm .search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #666;}
#searchForm .search-input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #666;}


/*product*/
.product{height: 1280px;background: url("../images/cp_bj.png")no-repeat center;padding-top: 60px;    background-position-y: 0px;}
.product .ac{width: 279px;float: left;}
.product .left{width: 279px;float: left;background: url("../images/fl_bj.png")no-repeat;height:840px; background-position-y: 0px;}
.product .left .top{width: 280px;height: 105px;padding-top: 16px;text-align: center;}
.product .left .top b{color: #d60d19;font-size: 26px;font-weight: bold;margin-bottom: 5px;display: block;}
.product .left .sideMenu{padding: 15px 15px 15px 0px;margin-top: 95px;}
.product .left .sideMenu .tt{background: url("../images/cptt.png")no-repeat center;height: 50px;width: 279px;line-height: 50px;padding-left: 34px;}
.product .left .sideMenu .tt a{color: #fff;font-size: 16px;}
.product .left .sideMenu ul{margin-bottom: 15px;}
.product .left .sideMenu ul li{height: 45px;width: 246px;line-height: 45px;padding-left: 40px;border-bottom: dashed 1px #ccc;background: #fff url(../images/cblli.png) no-repeat left;background-position-x: 18px;margin-left: 17px;}
.product .left .sideMenu ul li a{color: #666;font-size: 14px;}
.product .left .sideMenu ul li:hover a{color: #d60d19;}
.product .ac .dh{background: url("../images/cpbb.png")no-repeat center;width: 260px;height: 170px;float: left;margin-left: 10px;margin-top: 30px;}
.product .ac .dh .phone{width: 175px;margin-top: 55px;margin-left: 50px;}
.product .ac .dh .phone .dh_1{color: #333333;font-size: 18px;float: right;text-align: left;margin-left: 11px;  margin-top: 27px;}
.product .ac .dh .phone .dh_1 b{color: #fff;font-size: 18px;line-height: 30px;}
.product .right{width: 895px;height: 1044px;float: right;background: #fff;padding: 14px;}
.product .right .tj{width: 862px;height: 340px;border: solid 1px #ccc;margin-top: 15px;position: relative;}
.product .right .tj .jtou{position: absolute;top: 35%;padding-top: 17px;}
.product .right .tj .ri{right: 10px;}
.product .right .tj .le{left: 10px;}
.product .right .tj .db{width: 780px;margin: 20px auto 0;height: 300px;overflow: hidden;}
.product .right .tj .db .img{float: left;width: 400px;text-align: center;}
.product .right .tj .db .wz{float: left;width: 313px;}
.product .right .tj .db .wz b{font-size: 26px;color: #333;}
.product .right .tj .db .wz i{font-size: 16px;color: #333;font-weight: bold;display: block;margin-bottom: 15px;}
.product .right .tj .db .wz p{color: #666;}
.product .right .tj .db .wz .an{margin-top: 15px;}
.product .right .tj .db .wz .an .a_1{width: 117px;height: 43px;background: #868686;color: #fff;line-height: 43px;text-align: center;display: block;float: left;font-size:16px;border-radius:5px;margin-right: 39px;}
.product .right .tj .db .wz .an .a_2{background: #d60d19;}
.product .right .list{margin-top: 20px;}
.product .right .list .xq{width: 275px;height: 250px;border: solid 1px #ccc;float: left;margin-right: 19px;margin-bottom: 18px;}
.product .right .list .xq .img{width: 273px;height: 215px;overflow: hidden;}
.product .right .list .xq .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .right .list .xq .wz{height: 33px;width: 100%;background: #d7d7d7;color: #999;line-height: 33px;text-align: center;}
.product .right .list .xq:hover .wz{background: #d60d19;color: #fff;}
.product .right .list .xq:nth-child(3n){ margin-right: 0px;}

.ad_1{height: 346px;background: url("../images/ad_1.png")no-repeat center;}

/*client*/
.client{width: 1200px;margin: auto;height: 950px;padding-top: 43px;}
.client .top{width: 684px;height: 133px;margin: 30px auto 0px;text-align: center;}
.client .top .bt{color: #d60d19;font-size: 36px;height: 60px;line-height: 60px;margin-bottom: 10px;}
.client .top .bt h1{font-weight: bold;    font-size: 36px;}
.client .top .bt i{color: #4c4c4c;}
.client .top .bt img{float: left;margin-right: 20px;}
.client .top p{color: #888;}

.client .an{width: 370px;height: 58px;line-height: 58px;text-align: center;margin: 35px auto 0;border: solid 2px #d60d19;    border-radius: 15px;  }
.client .an a{color: #d60d19;font-size: 24px;}
.client .an:hover{background: #d60d19;}
.client .an:hover a{color: #fff;}




.ad_2{background: url("../images/ad_2.png")no-repeat center;height: 556px;}


/*pk*/
.pk{background: url("../images/vs_bj.png")no-repeat center;width: 1200px;height: 448px;margin: auto;}
.pk .left{width:500px;float: left;color: #d60d19;font-size: 18px;font-weight: bold;margin-top: 84px;}
.pk .img{width:500px;margin-bottom: 10px;height: 283px;overflow: hidden;}
.pk .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.pk .right{width:500px;float: right;color: #d60d19;font-size: 18px;font-weight: bold;margin-top: 84px;}

.ad_3{background: url("../images/ad_3.png")no-repeat center;height: 300px;}
.ad_3 .left{width: 654px;float: left;height: 227px;margin-top: 43px;}
.ad_3 .left b{font-size: 24px;color: #fff;font-weight: bold;}
.ad_3 .left ul{height: 169px;margin-top: 18px;}
.ad_3 .left ul li{float: left;margin-right: 33px;

    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}
.ad_3 .left ul li:hover{
    transform: translateZ(30px) rotateY(360deg);
    -webkit-transform: translateZ(30px) rotateY(360deg);
    -ms-transform: translateZ(30px) rotateY(360deg);
    -moz-transform: translateZ(30px) rotateY(360deg);
}


.advantage{background: url("../images/ys_bj.png")no-repeat center;height: 1799px;}

.advantage .content{width: 1200px;margin: auto;padding-top: 100px;}
.advantage .content .mode{height: 404px;margin-bottom: 0px;}
.advantage .content .mode .wz{float: left;width: 49%;margin-top: 50px;}
.advantage .content .mode .wz .title{overflow: hidden;margin-bottom: 10px;}
.advantage .content .mode .wz .title img{float: left; margin-right: 20px;}
.advantage .content .mode .wz .title .wenzhi{float: left;margin-top: 6px;}
.advantage .content .mode .wz .title .wenzhi h3{font-size: 25px;color: #000;margin-bottom: 5px;font-weight: bold;}
.advantage .content .mode .wz .title .wenzhi h3 span{font-weight: bold;color: #d60d19;}
.advantage .content .mode .wz .title .wenzhi p{font-size: 12px;color: #999;text-transform:uppercase;}
.advantage .content .mode .wz ul li{font-size: 14px;color: #666;background: url("../images/li_bj.png")no-repeat;padding-left: 91px; line-height: 25px;margin-bottom: 15px;background-position: 56px 1px;}
.advantage .content .mode .img{float: right;}

.advantage .content .mode_1{width: 1200px;margin: auto;height: 361px;margin-bottom: 40px;margin-top: 40px;}
.advantage .content .mode_1 .wz{float: right;width: 50%;margin-top: 30px;}
.advantage .content .mode_1 .wz .title{overflow: hidden;margin-bottom: 10px;}
.advantage .content .mode_1 .wz .title img{float: left; margin-top: 0px; margin-right: 20px;}
.advantage .content .mode_1 .wz .title .wenzhi{float: left;margin-top: 6px;}
.advantage .content .mode_1 .wz .title .wenzhi h3{font-size: 25px;color: #000;margin-bottom: 5px;font-weight: bold;}
.advantage .content .mode_1 .wz .title .wenzhi h3 span{font-weight: bold;color: #d60d19;}
.advantage .content .mode_1 .wz .title .wenzhi p{font-size: 12px;color: #999;text-transform:uppercase;}
.advantage .content .mode_1 .wz ul li{font-size: 14px;color: #666;background: url("../images/li_bj.png")no-repeat;padding-left: 91px; line-height: 25px;margin-bottom: 15px;background-position: 56px 1px;}
.advantage .content .mode_1 .img{float: left;}


.ad_4{background: url("../images/ad_4.png")no-repeat center;height: 317px;}



.case{width: 1200px;height: 900px;margin: auto;}
.case .top{width: 684px;height: 133px;margin: 30px auto 0px;text-align: center;}
.case .top .bt{color: #d60d19;font-size: 36px;height: 60px;line-height: 60px;margin-bottom: 10px;}
.case .top .bt h1{font-weight: bold;font-size: 36px;}
.case .top .bt i{color: #4c4c4c;}
.case .top .bt img{float: left;margin-right: 20px;}
.case .top p{color: #888;}
.case .nav{height: 54px;margin-bottom: 40px;}
.case .nav li{background: url("../images/case_limr.png")no-repeat;width: 186px;height: 54px;color: #333333;font-size: 16px;line-height: 54px;padding-left: 30px;float: left;margin-right: 67px;}
.case .nav li img{float: left;margin-top: 15px;margin-right: 15px;}
.case .nav li .ho{display: none;}

.case .nav .on{background: url("../images/case_liho.png")no-repeat;color: #fff;}
.case .nav .on a{color: #fff;}
.case .nav .on .ho{display: inline-block;}
.case .nav .on .mr{display: none;}



.case .content{height: 582px;overflow: hidden;}
.case .content .img{width: 421px;float: left;margin-right: 18px;overflow: hidden;}
.case .content .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.case .content .xt{width: 370px;float: left;margin-right: 18px;}
.case .content .xt .img{width: 370px;height: 281px;overflow: hidden;}
.case .content .xt .img img{width: 370px;height: 281px;}
.case .content .xt .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}

.case .content .wz{width: 370px;float: right;background: url("../images/case_wzbj.png")no-repeat top;height: 582px;background-position-y: 23px;}
.case .content .wz .w{margin-top: 35px;height: 245px;margin-bottom: 22px;}
.case .content .wz .img{width: 370px;height: 281px;overflow: hidden;}
.case .content .wz .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.case .content .wz .w b{display: block;font-size: 26px;color: #333333;}
.case .content .wz .w i{display: block;font-size: 12px;color: #999;}
.case .content .wz .w p{font-size: 14px;color: #666; margin-top: 15px;line-height: 30px;}


/*ly*/
.ly{background: url("../images/ly.png")no-repeat bottom;height: 378px;}
.ly .left{float: left;margin-top: 120px;}
.ly .right{float: right;margin-top: 0px;width: 389px;height: 373px;padding: 50px 54px 7px 54px;background: url("../images/ly_ri.png")no-repeat;}
.ly .right .ni{height: 44px;background: #f5f5f5;border-radius: 5px;padding-left: 20px;margin-bottom: 17px;}
.ly .right .ni img{float: left;margin-top: 9px;}
.ly .right .ni input{float: left;height: 44px;border: none;background: none;    width: 85%;  margin-left: 13px;}

.ly .right .an{height: 45px;background: #d60d19;border-radius: 15px;text-align: center;line-height: 45px;margin-bottom: 15px;}
.ly .right .an a{color: #fff;font-size: 15px;}

.ly .right .an_1{height: 45px;border-radius: 15px;text-align: center;line-height: 45px;border: solid 2px #d60d19;}
.ly .right .an_1 a{color: #d60d19;font-size: 15px;}



/*about*/
.about{height: 1020px;background: url("../images/about_bj.png")no-repeat;background-position-y: 0;}

.about .content{width: 1470px;height: 1000px;margin: auto;padding-top: 80px;}
.about .content .nr{height: 599px;}
.about .content .nr .wz{float: left;width: 500px;height: 599px;margin-left: 60px;}
.about .content .nr .wz h3{font-size: 36.74px;color: #333;margin-top: 30px;margin-bottom: 40px;}
.about .content .nr .wz p{font-size: 20px;color: #666;line-height: 36px;height: 252px;margin-bottom: 45px;}
.about .content .nr .wz .an{width: 120px;height: 45px;line-height: 45px;text-align: center;background: #d60d19;}
.about .content .nr .wz .an a{color: #fff;font-size: 16px;}
.about .content .nr .img{float: right;width: 830px;height: 599px;overflow: hidden;}
.about .content .nr .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.about .content .list{height: 260px;width: 1023px;position: relative;margin-left: 64px;margin-top: 55px;}
.about .content .list .jt{position: absolute;top: 30%;}
.about .content .list .le{right: 0;}
.about .content .list .db{margin: 20px auto;width: 937px;overflow: hidden;height: 260px;}
.about .content .list .db ul li{width: 300px;height: 260px;color: #666;text-align: center;float: left;margin-right: 18px;}
.about .content .list .db ul li .img{width: 300px;height: 225px;overflow: hidden;}
.about .content .list .db ul li .img img{width: 300px;height: 225px;}
.about .content .list .db ul li .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}


/*news*/
.news{height: 485px;padding-top: 40px;}
.news .nr{width: 1200px;margin: auto;}
.news .nr .top{height: 50px;border-bottom: solid 1px #666;margin-bottom: 20px;}
.news .nr .top ul li{font-size: 24px;color: #333;float: left;height: 50px;margin-right: 24px;}
.news .nr .top ul .on{color: #d60d19;border-bottom: solid 4px #d60d19;}
.news .nr .top .an{float: right;margin-top: 13px;}
.news .nr .top .an a{color: #333;}

.news .nr .list{height: 363px;}
.news .nr .list ul li .left{height: 363px;width: 598px;float: left;}
.news .nr .list ul li .left .img{position: relative;height: 260px;margin-bottom: 20px;overflow: hidden;}
.news .nr .list ul li .left .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.news .nr .list ul li .left .img .sj{height: 42px;width: 124px;position: absolute;right: 237px;top: 218px;color: #666;background: #fff;text-align: center;line-height: 42px;font-size: 20px;}
.news .nr .list ul li .left .img .sj b{font-size: 35px;font-weight: bold;color: #666;}


.news .nr .list ul li .left h3{font-size: 16px;color: #333;margin-bottom: 10px;}
.news .nr .list li .left p{font-size: 14px;color: #808080;line-height: 25px;}

.news .nr .list ul li .right{height: 363px;width: 540px;float: right;}
.news .nr .list ul li .right .m{height: 115px;width: 100%;border-bottom: solid 1px #ccc;margin-bottom: 20px;}
.news .nr .list ul li .right .m:nth-child(3n){border:0px;margin-bottom: 0px;height: 92px;}
.news .nr .list ul li .right .m .a{height: 100px;width: 100px;background: #efefef;padding-top: 12px;color: #696969;float: left;text-align: center;    border-radius: 50px;}
.news .nr .list ul li .right .m .a h3{font-size: 36px;height: 47px;}
.news .nr .list ul li .right .m .a b{font-size: 14px;}
.news .nr .list ul li .right .m .b{width: 420px;height: 92px;float: left;margin-left: 20px;}
.news .nr .list ul li .right .m .b h3{color: #555555;font-size: 16px;margin-bottom: 15px;}
.news .nr .list ul li .right .m .b p{color: #808080;font-size: 14px;line-height: 27px;}

.news .nr .list ul li .right .m:hover .a{background: #d60d19;color: #fff;}
.news .nr .list ul li .right .m:hover .b h3{color: #d60d19;}
.news .nr .list ul li .right .m:hover .b p{color: #d60d19;}


.question{ position: relative;margin: 50px auto 15px;    height: 132px;  }
.question>div{ display: inline-block; vertical-align: top;}
.question .left{width: 172px;overflow: hidden;  text-align: center;  padding-top: 10px;float: left;height: 104px;background: url("../images/wd_bj.png")no-repeat;}
.question .left p{ font-size: 22px; color: #494949; line-height: 27px; margin-bottom: 10px;}
.question .left b{ font-size: 16px; color: #999; line-height: 21px;}
.question .bd{ margin-left: 34px; width: 944px;margin-top: 0px;}
.question .bd ul li{ border: 1px solid #d8d8d8; width: 488px!important; height: 104px; float: left; margin-right: 20px;}
.question .bd ul li dd{ padding: 10px 10px 0 20px;}
.question .bd ul li .wen a{ font-size: 14px; color: #333;}
.question .bd ul li dd .wen{ margin-bottom: 10px;}
.question .prev4,.question .next4{ position: absolute; width: 80px; height: 25px; text-align: center; line-height: 17px; cursor: pointer; top: 78px;}
.question .prev4{ left: 0;}
.question .next4{ left: 80px;}
.question .bd ul li .da a:before,.question .bd ul li .wen a:before{ width: 24px; height: 24px; font-size: 14px; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; display: inline-block; vertical-align: middle; margin-right: 4px;}
.question .bd ul li .wen a:before{ content: "问"; background: #d60d19;}
.question .bd ul li .da a:before{ content: "答"; background: #a2a2a2;margin-top: 3px;}
.question .bd ul li .da a i{ font-size: 14px; color: #696969; text-align: justify; display: inline-block; vertical-align: top; width: 411px; line-height: 28px;}
.question .bd ul li .wen a:hover{ color: #d60d19;}



.bottom{height: 324px;background: url("../images/bottom_bj.png")no-repeat bottom;}
.bottom .content{width: 1200px;margin: auto;height: 284px;}
.bottom .content .log{float: left;}
.bottom .content .right{float: left;width: 867px;height: 180px;margin-top: 61px;margin-left: 37px;}
.bottom .content nav{margin-bottom: 24px;}
.bottom .content nav a{display: block;height: 13px;line-height: 13px;text-align: center;color: #fff;border-right: solid 1px #666;float: left;margin-right: 7px;}
.bottom .content nav a b{margin-right: 10px;}

.bottom .content .nr{height: 156px;}
.bottom .content .nr .a{float: left;width: 600px;margin-top: 20px;}
.bottom .content .nr .a p{margin-bottom: 17px;color: #fff;}
.bottom .content .nr .a .list a{color: #fff;margin-right: 10px;display: block;float: left;}

.bottom .content .nr .b{float: right;width: 210px;height: 124px;margin-right: 13px;margin-top: 10px;}


.bottom .banq{margin: auto;width: 1200px;text-align: center;line-height: 40px;color: #fff;}
.bottom .banq a{color: #fff;}













.shoulaqin{margin-top: 70px;background: #f7f7f7;padding: 60px 0;}
.container{width: 1200px;margin: 0 auto;}
.clx{*zoom: 1;}

.card-area {
    margin: 52px auto 0;
    height: 560px;
    width: 100%;
    position: relative;
}
.clearfix {
    zoom: 1;
}
.clearfix {
    display: block;
}
.card-area .card-item.active {
    z-index: 6;
    /*box-shadow: 0 0 30px rgba(0, 0, 0, .2);*/
    width: 49%;
    height: 578px;
    margin-left: -2px;
}
.card-area .card-item {
    list-style: none;
    overflow: hidden;
    z-index: 4;
    transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
    position: relative;
    float: left;
    width: 266px;
    height: 500px;
    background-color: transparent;
    top: 20px;
}

.card-area .card-item+.card-item {
    margin-left: -2px;
}

.card-area .card-item .card{width: 264px;height: 100%;text-align: center;background: #fff;    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    /*border-left: solid 1px #ccc;*/
}
.card-area .active .card{border:none;}

.card-area .card-item .card .card-content.content-first{transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;z-index: 3;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));line-height: 2}
.card-area .card-item .card .card-content.content-second li{float: left;width: 50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position: absolute;left: 0;right: 0;z-index: 1}
.card-area .card-item .card .card-title{padding-top: 1px;transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;height: 216px;line-height: 26px;font-size: 14px;top: 0;background: #fff;border-left: 1px solid #fff}
.card-area .card-item .card .card-title .content{position: absolute;bottom: 0px;width: 100%}
.card-area .card-item .card .card-title .content img{display: block;}

.card-area .card-item .card .card-title .zz{position: absolute;bottom: 0px;width: 100%;height: 215.99px;background: url("../images/zz.png");font-size: 24px;line-height: 215.99px;color: #666;}
.card-area .active .card .card-title .zz{display: none;}


.card-area .card-item .card .card-title h1{font-size: 22px;font-weight: 700;color: #d9efff;margin-bottom: 0}
.card-area .card-item .card .card-title .short-info{color: #8dbbdc;font-size: 14px;margin-top: 0;margin-bottom: 20px}
.card-area .card-item .card .card-title .zq-product-img{width: 40px;height: 40px;margin: 10px auto;position: relative}
.card-area .card-item .card .card-title .zq-product-img img{position: absolute;left: 0;width: 100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index: 1;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s}
.card-area .card-item .card .card-content{height: 307px;position: absolute;top: 197px;}
.card-area .card-item .card .card-content.content-first .content-first-list{width: 100%;max-width: 250px; font-size: 16px;color: #666;margin-top: 67px;margin-bottom: 47px;text-align: left;padding-left: 35px;}

/*.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}*/

.card-area .card-item .card .card-content.content-second{width: 94%; left: 13px;font-size: 14px;color: #a9b0b4;text-align: left;padding-top: 46px}
.card-area .card-item .card .card-content.content-second p{margin: 5px 0;}
.card-area .card-item .card .card-content.content-second .main-desc{color: #8c8c8c;font-size: 12px;line-height: 22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor: pointer;width: 160px;height: 38px;font-size: 16px!important;color: #fff;margin-top: 22px;margin-bottom: 33px;border-radius: 19px;background: #9f8651;border: none;transition: color .3s ease-in-out, background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color: #fff;background: #d60d19}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor: pointer;width: 160px;height: 36px;border: 1px solid #9f8651;font-size: 16px!important;color: #9f8651;margin-top: 22px;margin-bottom: 33px;border-radius: 19px;background: #fff;transition: color .3s ease-in-out, background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color: #fff;background: #9f8651}
.card-area .card-item .card .card-content .other-info{width: 105%;height: 70px;overflow: hidden;line-height: 22px;padding-top: 20px;font-size: 12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width: 27%;height: 70px;background: #f2f2f2;margin-right: 25px;padding: 0 0 0 10px;position: relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position: absolute;right: 10px;top: 15px;background-position: -200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background: #9f8651}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position: -200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color: #fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color: #d60d19}
.card-area .card-item .card .card-content .other-info .other-head{font-size: 16px;font-weight: 400;color: #000;margin: 13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top: 2px;font-size: 12px;color: #999}
.card-area .card-item.active{z-index: 6;width: 405px;height: 540px;border: solid 1px #d60d19;top: 0px;}
.card-area .card-item.active .card .card-title{border: none}
.card-area .card-item.active .card .card-title .short-info{color: #d60d19}
.card-area .card-item.active .card .card-title h1{color: #fff}
.card-area .card-item.active .card .card-content.content-first{transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;z-index: 3;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}

.edfw1{display: block;color: #a18a59;font-size: 20px}
.edfw2{display: block;color: #a18a59;font-size: 20px;margin-bottom: 25px;}
.main-head{font-size: 24px;color: #d60d19;font-weight: bold;text-align: center;}
.asdfesz{display: block;font-size: 22px;color: #333333;text-decoration: none;}
.main-tip{font-size: 18px; color: #000; position: relative;}
.arrowss2{margin-right: 7px;color: #d60d19;}

.loadingss:before {
    content: url(../images/p25.png);
}
*:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.martop14{ margin-top: 14px;color: #666;font-size: 13px;}
.martop14 i{ margin-top: 14px;color: #ccc;font-size: 16px;}
.card-area .bg-e8e8e8 {
    /*background: #e8e8e8;*/

}