@charset "utf-8";
/* CSS Document */



.view{ float: left;    border: 1px solid #ccc;}
.view .swiper-container {width: 500px;height: 500px;}
.view .arrow-left {background: url("../images/index_tab_l.png") no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view .arrow-right {background: url("../images/index_tab_r.png")no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.swiper-wrapper .swiper-slide img{ width: 100%;}

.view_r{ float: right; width: 600px;}
.view_r .tiet{ float: left; width: 100%; margin-top: 30%; padding-bottom: 40px; font-size: 24px; color: #333;  border-bottom: 1px solid #ddd;}
.view_r .hotline{ float: left; margin-top: 20px; background: url(../images/nav-contact.png) no-repeat center left; padding-left: 40px;}
.view_r .hotline span{ float: left; width: 100%; font-size: 18px; line-height: 22px; color: #333;}
.view_r .hotline span:nth-child(2){ color: #067df9; font-size: 20px;}