.heading{ position: relative; display: inline-block; width: 260px; height: 41px; margin-top: 50px; border-radius: 20px; border: 1px solid #dadada; text-align: center; line-height: 41px;}
.heading h2{ font-size: 20px; color: #3d4750;}
.heading span{ color: #c70026;}
.heading i{ position: absolute; bottom: -12px; left: 50%; z-index: 10; display: inline-block; width: 17px; height: 17px; margin-left: -8px; border-radius: 100%; border: 1px solid #dadada;  background: url(../images/index/down.png) no-repeat center #fff;}

body{ background-color: #f3f3f3;}
.banner{ position: relative; height: 470px; /*height: 541px;*/ overflow: hidden;}
.banner .images img{ opacity: 0; filter: alpha(opacity=0); position: absolute; left: 50%; top: 0; margin-left: -960px;}
.banner .images img.cur{ opacity: 1; filter: alpha(opacity=100);}
.banner .main{ position: relative; height: 100%;}
.banner .ctrl{ position: absolute; bottom: 14px; right: 0;}
.banner .ctrl li{ float: left; position: relative; width: 100px; height: 64px; margin-left: 10px; box-shadow: 0 0 5px rgba(0,0,0,.15); border: 3px solid #fff; cursor: pointer; overflow: hidden; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
.banner .ctrl li:hover,
.banner .ctrl li.cur{ border-color: #c70026;}
.banner .ctrl li.cur{ margin-top: -10px;}
.banner .ctrl li img{ position: absolute; top: 0; left: -60%; height: 100%;}
.solution{ position: relative; height: 530px;}
.solution .bg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 188px;}
.solution .sol-cont{ position: relative; text-align: center;}
.solution .sol-list{ margin-top: 20px;/*margin-top: 40px;*/}
.solution .sol-list li{ position: relative; float: left; margin: 60px 39px 0 0; padding-bottom: 7px;}
.solution .sol-list li .wrap{ width: 245px; height: 194px; padding: 6px; box-shadow: 2px 3px 5px rgba(199,199,199,.3); background-color: #fff;}
.solution .sol-list li.cur i{ display: none;}
.solution .sol-list li.last{ margin-right: 0;}
.solution .sol-list li .image{ width: 100%; height: 155px; overflow: hidden; font-size: 0; line-height: 155px;}
.solution .sol-list li .img{ max-width: 100%; max-height: 155px; vertical-align: middle;}
.solution .sol-list li .text h3{ padding-top: 10px; font-size: 16px;}
.solution .sol-list li.cur .text h3{ padding-bottom: 16px; background: url(../images/index/line.png) no-repeat center bottom;}
.solution .sol-list li .text p{ display: none; height: 64px; padding: 14px 8px 0; color: #7c7e87; line-height: 22px; overflow: hidden;}
.solution .sol-list li .text a{ display: none; width: 76px; height: 27px; margin-top: 16px; border-radius: 13px; color: #fff; line-height: 27px; background-color: #c70026;}
.solution .sol-list li.cur .text p{ display: block;}
.solution .sol-list li.cur .text a{ display: inline-block;}
.solution .sol-list li .text a:hover{ background-color: #d5032b;}
.solution .sol-list li i{ position: absolute; bottom: 0; left: 50%; z-index: 10; display: block; width: 13px; height: 7px; margin-left: -6px; background: url(../images/index/pointer.png) no-repeat center;}
.introduce{ height: 188px; background: url(../images/index/img1.jpg) no-repeat center;}
.introduce a{ display: block; height: 100%;}
.introduce img{ padding: 32px 0 0 12px;}
.introduce .text{ width: 534px; padding: 45px 0 0 32px; color: #fff; background: url(../images/index/red-line.png) no-repeat 0 25px;}
.introduce .text h2{ font-size: 20px;}
.introduce .text p{ padding-top: 10px; font-family: "SimSun", "宋体"; color: #fff; line-height: 20px;}
.introduce .text span{ display: block; width: 78px; height: 21px; margin-top: 10px; border: 1px solid #919194; border-radius: 10px; color: #fff; text-align: center; line-height: 21px;}
.introduce a:hover span{ border-color: #fff; color: #3d3d43; background-color: #fff;}
.recommend .main{ position: relative; width: 1122px;}
.recommend .rec-list{ position: relative; height: 218px; padding-bottom: 42px; margin: 24px 0 96px; overflow: hidden;}
.recommend .rec-list ul{ position: absolute; top: 0; left: 0;}
.recommend .rec-list li{ padding: 12px 12px 0;}
.recommend .rec-list .ctrl{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.recommend .rec-list .ctrl i{ display: inline-block; width: 7px; height: 7px; border: 1px solid #cbcbcb; border-radius: 100%; margin: 0 5px; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
.recommend .rec-list .ctrl i:hover,
.recommend .rec-list .ctrl i.cur{ border-color: #c70026; background-color: #c70026;}
.recommend .btn{ position: absolute; top: 218px; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #dcdcdc; cursor: pointer; background: url(../images/index/ctrl-ico.png) no-repeat #fff;}
.recommend .btn:hover{ border-color: #c8062b;}
.recommend .prev{ left: -60px; background-position: -20px -20px;}
.recommend .prev:hover{ background-position: -50px -20px;}
.recommend .next{ right: -60px; background-position: -80px -20px;}
.recommend .next:hover{ background-position: -110px -20px;}