/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:谷志斌
Author URI:http://www.injnet.me
Author e-mail:zhibin1223@126.com
Version:1.0.0
Created:September 2014
License URI:http://www.injnet.com
File Description:Main CSS file of the template */

/*----------------------------------------------------------------------------- */
html {
	height: 100%;
}
a {
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    color:#666;
}
a:hover {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:link {text-decoration:none}
.clear {clear:both}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.p-white {
  color: #fff;
}

body {
	font-family:"微软雅黑","新宋体",serif;
	font-size: 14px;
	line-height: 24px;
	color: #323232;
    overflow-x:hidden;
    padding:0px;
}
body.full-height, body.full-height .page-wrapper {
	min-height: 100%;
}
img {max-width:100%;}
ul {margin:0px; padding:0px; list-style:none}
.none-padding {padding:0px;}
.Roat {-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

/*头部*/
.header {width: 100%;height: 85px;top:0px;background:#fff;}
.hidTop {position:relative;width:100%;}
.logo {float:left;margin-left:41px;}
.logo a {float:left;}
.nav {float:right; margin-right:20px;}
/*.menu {float:left; height:85px; line-height:85px;}
.menu > li{float:left; }
.menu > li > a { font-size:16px; color:#000;display:block; padding:0px 39px 0px 39px;height:85px;}
.menu > li > a:after {
    border-bottom:2px solid #ff5709;width:0px;content: ""; display:block;margin-top:-2px;
    transition:width 0.5s;
    -moz-transition:width 0.5s; 
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s; 
}
.menu > li > a:hover:after {width:100%;}*/
@media screen and (max-width:959px) {
    .header {display:none}
}

.DSearch {float:right; width:69px;height:85px; display:block;text-align:center;}
.DSearch i {color:#000;line-height:85px; font-size:20px;}
.DDrop {float:right; width:120px;height:85px; display:block;text-align:center;margin-right:41px;background:url(../images/ensite.png) no-repeat center}
.DTel {float:right; background:url(../images/t_tel.jpg) no-repeat 14px 6px #f5f5f5;color:#f08300;font-size:16px;padding:6px 20px;border-radius:20px; margin-top:25px; padding-left:45px;}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {margin-left:10px; margin-top:25px;}
    .logo img{height:40px;}
    .DSearch {margin-right:10px;display:none}
    .DTel {display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .header {width: 100%;height: 80px;top:0px;background:#fff}
   .logo {margin-left:10px;}
   .logo img{height:50px;margin-top:15px;}
   .DDrop {width:120px;height:80px;margin-right:11px;}
   .DDrop i {line-height:120px; font-size:20px;}
   .DSearch {width:69px;height:80px;}
   .DSearch i {line-height:80px; font-size:20px;}
   .DTel {font-size:14px;padding:6px 20px;border-radius:20px; margin-top:22px; padding-left:45px;display:none}
}
@media (min-width: 1200px) and (max-width: 1440px) {
   .header {width: 100%;height: 80px;top:0px;background:#fff}
   .logo {margin-left:10px;}
   .logo img{height:70px;margin-top:5px;}
   .DDrop {width:120px;height:80px;margin-right:11px;}
   .DDrop i {line-height:80px; font-size:20px;}
   .DSearch {width:69px;height:80px;}
   .DSearch i {line-height:80px; font-size:20px;}
   .DTel {font-size:14px;padding:6px 20px;border-radius:20px; margin-top:22px; padding-left:45px;}
}
@media (min-width: 1441px) and (max-width: 1679px) {
   .logo {margin-left:11px;}
   .logo img{height:85px;margin-top:0px;}
   .DDrop {width:120px;height:85px;margin-right:11px;}
   .DSearch {width:69px;height:85px;}
}
.fixed-header-on .header {background:#fff;}
.fixed-header-on .header.fixed {position: fixed;width: 100%;top: 0;left: 0;z-index: 1006;}
.fixed-header-on .menu > li > a {color:#000}
.fixed-header-on .header.fixed {top: 0;}
.fixed-header-on .DSearch i {color:#000;}

.prpDetail .header.fixed {position:static;width: 100%;top: 0;left: 0;z-index: 0;}


/*.menu li.mega-menu:hover .dropdown {
    visibility: visible;
    opacity: 1;
    transition: all 1s;
}*/
/*.menu li.mega-menu:hover .dropdown {display: block;}*/
/*.menu li.mega-menu:hover a.dropdown-toggle {color:#fd5646}*/
/*.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    background-color:rgba(255,255,255,0.96);
        background-color:rgba(51,51,51,0.95);
    visibility:hidden;
    opacity:0;
    padding:5px 5px 30px 5px;
    color:#747577;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}*/
/*.cateMenu {float:left;width:16.66666666666667%;}
.cateMenu .divBig{float:left;width:100%;height:39px; line-height:39px; border-bottom:1px solid #a2a2a2}
.cateMenu .divBig a {font-size:15px; font-weight:bold;color:#f08300}
.cateMenu .divBig a i {margin-left:20px;}
.cateMenu ul {float:left; width:100%; margin-top:20px;min-height:90px;}
.cateMenu ul li{float:left; width:100%; font-size:13px; line-height:30px;height:30px; overflow:hidden;}
.cateMenu .divImg {float:left; margin-top:30px;width:100%;}
.cateMenu .divImg img{float:left;border-radius:10px; width:100%;}

@media (min-width: 768px) and (max-width: 991px) {
   .dropdown{padding:15px 5px 15px 5px;}
    .cateMenu {padding:10px;}
    .cateMenu ul li{font-size:12px; line-height:24px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .dropdown{padding:15px 5px 15px 5px;}
    .cateMenu {padding:10px;}
    .cateMenu ul li{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .dropdown{padding:15px 5px 15px 5px;}
    .cateMenu {padding:10px;}
    .cateMenu ul li{font-size:15px;}
}
@media (min-width: 1440px) and (max-width: 1680px) {
   .dropdown{padding:15px 5px 15px 5px;}
   .cateMenu {padding:0px 10px;}
}*/

/*关于我们*/
.iabout {float:left; width:100%; margin-top:35px;}
.im_left {float:left; width:52%;padding-left:3%}
.l_tit {float:left; width:100%;height:128px;}
.l_tit .t1 {float:left; width:100%;font-size:24px;line-height:32px;margin-top:10px;}
.l_tit .t2 {float:left;width:100%;font-size:24px;margin-top:10px;}
.l_tit .t2 p {padding-top:10px;font-size:20px;font-family:"SY-Regular";}
.l_content {float:left; width:100%;}
.im_right {float:right; width:48%;}
.r_tit {float:left; width:100%;height:128px;padding-left:90px;padding-top:10px;background:#dfdfdf;color:#000;}
.r_tit .t1 {font-size:24px; line-height:32px;}
.r_tit .t2 {font-size:24px;line-height:32px; text-transform:uppercase;}
.r_tit .t3 {font-size:13px;line-height:32px; text-transform:uppercase;}
.r_content {float:left; width:100%;padding:50px 240px 0px 150px}
.m_t1 {float:left; width:100%;font-size:18px;background:url(../images/m-1.jpg) no-repeat left center;padding-left:25px;}
.m_t2 {float:left; width:100%;font-size:34px;line-height:60px;color:#000}
.m_t3 {font-size:18px;color:#a1a1a1} 
.m_t4 {float:left; width:100%;font-size:14px;color:#000;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 45px;}
.m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:16px;}
.m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:16px; margin-top:10px;}
.m_btn {float:left; width:100%; margin-top:45px;}
.btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;}
.btn_lj:hover {color:#fff;}
.btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;margin-left:18px;}
.btn_lx:hover {color:#181818;}

@media (max-width: 768px){
    .im_left {float:left; width:100%;padding:0 3%}
    .im_right {float:left; width:100%;padding:0 3%;}
    .l_tit {float:left; width:100%;height:auto;}
    .l_tit .t1 {float:left; width:100%;font-size:18px;line-height:32px;margin-top:0px;}
    .l_tit .t2 {float:left;width:100%;font-size:18px; margin-top:10px;}
    .l_tit .t2 p {padding-top:10px;font-size:18px;}
    .r_tit {float:left; width:100%;height:auto;padding:10px;}
    .r_tit .t1 {font-size:20px; line-height:30px;}
    .r_tit .t2 {font-size:12px;line-height:30px;padding:5px 0px}
    .r_tit .t3 {font-size:12px;line-height:24px;margin-top:10px;display:none}
    .r_content {float:left; width:100%;padding:10px 0px 0px 0px}
    .m_t1 {font-size:14px;padding-left:25px;margin-top:20px;}
    .m_t2 {font-size:14px;line-height:40px;}
    .m_t3 {font-size:12px;}
    .m_t4 {float:left; width:100%;font-size:14px;color:#666;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 15px;}
    .m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:14px;}
    .m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:14px; margin-top:10px;}
    .m_btn {float:left; width:100%; margin-top:25px;}
    .btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;display:none}
    .btn_lj:hover {color:#fff;}
    .btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;display:none}
    .btn_lx:hover {color:#181818;}      
}
@media (min-width: 768px) and (max-width: 991px) {
    .im_left {float:left; width:100%;padding:0 3%}
    .im_right {float:left; width:100%;padding:0 3%}
    .l_tit {float:left; width:100%;height:auto;}
    .l_tit .t1 {float:left; width:100%;font-size:22px;line-height:32px;margin-top:0px;}
    .l_tit .t2 {float:left;width:100%;font-size:22px; margin-top:10px;}
    .l_tit .t2 p {padding-top:10px;font-size:18px;}
    .r_tit {float:left; width:100%;height:168px;padding-left:50px;padding-top:35px;}
    .r_tit .t1 {font-size:28px; line-height:50px;}
    .r_tit .t2 {font-size:12px;line-height:50px;}
    .r_tit .t3 {font-size:12px;line-height:50px;display:none}
    .r_content {float:left; width:100%;padding:30px 40px 0px 40px}
    .m_t1 {font-size:16px;padding-left:25px;}
    .m_t2 {font-size:22px;line-height:40px;}
    .m_t3 {font-size:14px;}
    .m_t4 {float:left; width:80%;font-size:14px;color:#666;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 15px;}
    .m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:16px;}
    .m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:16px; margin-top:10px;}
    .m_btn {float:left; width:100%; margin-top:25px;}
    .btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;}
    .btn_lj:hover {color:#fff;}
    .btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;margin-left:18px;}
    .btn_lx:hover {color:#181818;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .im_left {float:left; width:100%;padding:0 3%}
    .im_right {float:left; width:100%;padding:0 3%}
    .l_tit {float:left; width:100%;height:auto;}
    .l_tit .t1 {float:left; width:100%;font-size:22px;line-height:32px;margin-top:0px;}
    .l_tit .t2 {float:left;width:100%;font-size:22px; margin-top:10px;}
    .l_tit .t2 p {padding-top:10px;font-size:18px;}
    .r_tit {float:left; width:100%;height:168px;padding-left:50px;padding-top:35px;}
    .r_tit .t1 {font-size:28px; line-height:32px;}
    .r_tit .t2 {font-size:28px;line-height:50px;}
    .r_tit .t3 {font-size:12px;line-height:30px;}
    .r_content {float:left; width:100%;padding:30px 40px 0px 40px}
    .m_t1 {font-size:16px;padding-left:25px;}
    .m_t2 {font-size:22px;line-height:40px;}
    .m_t3 {font-size:14px;}
    .m_t4 {float:left; width:80%;font-size:15px;color:#666;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 15px;}
    .m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:16px;}
    .m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:16px; margin-top:10px;}
    .m_btn {float:left; width:100%; margin-top:25px;}
    .btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;}
    .btn_lj:hover {color:#fff;}
    .btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;margin-left:18px;}
    .btn_lx:hover {color:#181818;}    
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .l_tit {float:left; width:100%;height:128px;}
    .l_tit .t1 {float:left; width:100%;font-size:24px;line-height:32px;margin-top:10px;}
    .l_tit .t2 {float:left;width:100%;font-size:24px;margin-top:10px;}
    .l_tit .t2 p {padding-top:10px;font-size:20px;font-family:"SY-Regular";}
    .r_tit {float:left; width:100%;height:128px;padding-left:40px;padding-top:10px;background:#dfdfdf;color:#000;}
    .r_tit .t1 {font-size:24px; line-height:32px;}
    .r_tit .t2 {font-size:24px;line-height:32px; text-transform:uppercase;}
    .r_tit .t3 {font-size:13px;line-height:32px; text-transform:uppercase;}
    .r_content {float:left; width:100%;padding:30px 40px 0px 40px}
    .m_t1 {font-size:16px;padding-left:25px;}
    .m_t2 {font-size:22px;line-height:40px;}
    .m_t3 {font-size:14px;}
    .m_t4 {float:left; width:80%;font-size:16px;color:#666;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 15px;}
    .m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:16px;}
    .m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:16px; margin-top:10px;}
    .m_btn {float:left; width:100%; margin-top:25px;}
    .btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;}
    .btn_lj:hover {color:#fff;}
    .btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;margin-left:18px;}
    .btn_lx:hover {color:#181818;}  
}
@media (min-width: 1441px) and (max-width: 1680px) {
    .l_tit {float:left; width:100%;height:128px;}
    .l_tit .t1 {float:left; width:100%;font-size:24px;line-height:32px;margin-top:10px;}
    .l_tit .t2 {float:left;width:100%;font-size:24px;margin-top:10px;}
    .l_tit .t2 p {padding-top:10px;font-size:20px;font-family:"SY-Regular";}
    .r_tit {float:left; width:100%;height:128px;padding-left:90px;padding-top:10px;background:#dfdfdf;color:#000;}
    .r_tit .t1 {font-size:24px; line-height:32px;}
    .r_tit .t2 {font-size:24px;line-height:32px; text-transform:uppercase;}
    .r_tit .t3 {font-size:13px;line-height:32px; text-transform:uppercase;}
    .r_content {float:left; width:100%;padding:30px 100px 0px 80px}
    .m_t1 {font-size:16px;padding-left:25px;}
    .m_t2 {font-size:24px;line-height:60px;}
    .m_t3 {font-size:14px;}
    .m_t4 {float:left; width:80%;font-size:16px;color:#666;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 15px;}
    .m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:16px;}
    .m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:16px; margin-top:10px;}
    .m_btn {float:left; width:100%; margin-top:45px;}
    .btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;}
    .btn_lj:hover {color:#fff;}
    .btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;margin-left:18px;}
    .btn_lx:hover {color:#181818;}
}
@media (min-width: 1681px) and (max-width: 1780px) {
    .l_tit {float:left; width:100%;height:128px;}
    .l_tit .t1 {float:left; width:100%;font-size:24px;line-height:32px;margin-top:10px;}
    .l_tit .t2 {float:left;width:100%;font-size:24px;margin-top:10px;}
    .l_tit .t2 p {padding-top:10px;font-size:20px;font-family:"SY-Regular";}
    .r_tit {float:left; width:100%;height:128px;padding-left:90px;padding-top:10px;background:#dfdfdf;color:#000;}
    .r_tit .t1 {font-size:24px; line-height:32px;}
    .r_tit .t2 {font-size:24px;line-height:32px; text-transform:uppercase;}
    .r_tit .t3 {font-size:13px;line-height:32px; text-transform:uppercase;}
    .r_content {float:left; width:100%;padding:50px 200px 0px 120px}
    .m_t1 {font-size:18px;padding-left:25px;}
    .m_t2 {font-size:30px;line-height:60px;}
    .m_t3 {font-size:18px;}
    .m_t4 {float:left; width:80%;font-size:16px;color:#666;margin-top:20px;border-top:1px solid #eeeeee;padding:10px 0px 35px;}
    .m_t5 {float:left; width:100%; background:url(../images/m-2.jpg) no-repeat left center;padding-left:30px; font-size:16px;}
    .m_t6 {float:left; width:100%; background:url(../images/m-3.jpg) no-repeat left center;padding-left:30px; font-size:16px; margin-top:10px;}
    .m_btn {float:left; width:100%; margin-top:45px;}
    .btn_lj {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-4.jpg);text-align:center;color:#fff;font-size:18px;}
    .btn_lj:hover {color:#fff;}
    .btn_lx {float:left; width:219px; height:56px; line-height:55px; background:url(../images/m-5.jpg);text-align:center;color:#181818;font-size:18px;margin-left:18px;}
    .btn_lx:hover {color:#181818;}
}

/*cplist*/
.cplist {float:left; width:100%; background:url(../images/pcpBGS.jpg) no-repeat top center;background-size:cover}
.cp_left {float:left; width:22%;color:#fff; background-color:rgba(30,30,30,0.6);padding:45px 0px 30px 0px;}
.cp_left .div1 {float:left; width:100%;text-transform:uppercase;font-weight:bold;padding-left:14%;font-size:30px; line-height:50px;}
.cp_left .div1:after {display:block;content:" "; width:21px;height:1px; background:#fff;}
.cp_left ul {float:left; width:100%; margin-top:32px;} 
.cp_left ul li{float:left; width:100%;height:64px; line-height:64px;border-bottom:1px dotted #383838;}
.cp_left ul li span {font-size:16px;color:#999999;display:block;width:100%;height:100%;padding-left:16%; background:url(../images/dott.jpg) no-repeat 14% center;cursor:pointer}
.cp_left ul li a{background:#f08300;font-size:16px;color:#fff;display:block;width:105%;height:100%;padding-left:16%;border-top-right-radius:50px;border-bottom-right-radius:50px;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility:hidden}
.cp_left ul li a i {width:75px;height:1px;display:block;background:#fff;float:left;margin-top:32px; margin-right:5px;}
/*.cp_left ul li a span {float:left}*/
/*.cp_left ul li a:hover {background:#f08300;color:#fff; width:105%;border-top-right-radius:50px;border-bottom-right-radius:50px;}
.cp_left ul li a:hover i {display:block}*/
/*.cp_left ul li.hover {background:#f08300;color:#fff; width:105%;border-top-right-radius:50px;border-bottom-right-radius:50px;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}*/
.cp_left ul li.hover span{display:none}
.cp_left ul li.hover a{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility:visible}
/*.cp_left ul li.hover i {display:block}*/

.cp_right {float:left; width:78%;color:#fff; margin-top:45px;padding:0px 2%;padding-bottom:25px;}
.cp_right .col-md-4 {padding-right: 5px;padding-left: 5px;}
.img-box-v3 {width:100%;height:100%; cursor:pointer;float:left;position: relative;text-align: center;background:#fff; margin-bottom:10px;border:4px solid #999}
.img-box-v3 .overlay {width: 100%;position: absolute;overflow: hidden;left:0px;bottom:0px;opacity:1;background-color:rgba(0,0,0,0.4); z-index: 100;height:100%;display:flex;}
/*.img-box-v3 img {display: block;position: relative;width:100%;margin:10% 0;}*/
.img-box-v3 img {display: block;position: relative;width:100%;margin-bottom:20%;}
.img-box-v3 .jia {width:74px;height:74px; background:#cecece;position:absolute;top:-4px;right:-4px;line-height:74px;color:#868686;font-weight:bold;font-size:40px;z-index:102}
.img-box-v3 .titls {font-size:20px;color:#000;width:100%;position:absolute;bottom:0px;left:0px;height:120px; line-height:120px;z-index:101}
.img-box-v3 .content {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0, 200%, 0);transform: translate3d(0, 200%, 0);align-self: center;width:100%;}
.img-box-v3:hover {border:4px solid #f08300;}
.img-box-v3:hover .overlay {opacity:0;}
.img-box-v3:hover .jia {color:#fff;background:#f08300}
.img-box-v3:hover  .titls {color:#f08300;}
.img-box-v3:hover .content {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
 

@media (max-width: 768px){
    .cp_left {width:100%;padding:20px 0px}
    .cp_left .div1 {font-size:20px; line-height:24px;padding-left:0px;text-align:center;line-height:30px;}
    .cp_left .div1:after {display:block;content:" "; width:0px;height:1px; background:#fff;}
    .cp_left ul{display:none}
    .cp_right {width:100%;padding:0px;margin-top:10px;}
    .img-box-v3 img {margin:30% 0;}
    .img-box-v3 .jia {width:34px;height:34px;line-height:34px;font-size:20px}
    .img-box-v3 .titls {font-size:14px;height:40px;line-height:40px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .cp_left .div1 {font-size:16px; line-height:24px;}
    .cp_left ul {margin-top:32px;}
    .cp_left ul li{height:44px; line-height:44px;}
    .cp_left ul li a{font-size:14px;}
    .cp_left ul li a i {width:20px;margin-top:22px; margin-right:5px;}
    .img-box-v3 img {margin:0px 0px 24%;}
    .img-box-v3 .jia {width:54px;height:54px;line-height:54px;font-size:30px}
    .img-box-v3 .titls {font-size:16px;height:80px; line-height:80px}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .cp_left .div1 {font-size:18px; line-height:28px;}
    .cp_left ul {margin-top:32px;}
    .cp_left ul li{height:44px; line-height:44px;}
    .cp_left ul li a{font-size:14px;}
    .cp_left ul li a i {width:40px;margin-top:24px; margin-right:5px;}
    .img-box-v3 img {margin:0px 0px 24%;}
    .img-box-v3 .jia {width:35px;height:35px;line-height:35px;font-size:20px}
    .img-box-v3 .titls {font-size:16px;height:80px; line-height:80px}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .cp_left .div1 {font-size:24px; line-height:36px;}
    .cp_left ul {margin-top:22px;}
    .cp_left ul li{height:45px; line-height:45px;}
    .cp_left ul li a{font-size:13px;}
    .cp_left ul li a i {width:45px;margin-top:24px; margin-right:5px;}
    /*.img-box-v3 img {padding:0px 20px}*/
    .img-box-v3 img {margin:0px 0px 8%;}
    .img-box-v3 .jia {width:35px;height:35px;line-height:35px;font-size:20px}
    .img-box-v3 .titls {font-size:15px;height:60px; line-height:60px}
}
@media (min-width: 1441px) and (max-width: 1680px) {
    .cp_left .div1 {font-size:24px; line-height:36px;}
    .cp_left ul {margin-top:32px;}
    .cp_left ul li{height:50px; line-height:50px;}
    .cp_left ul li a{font-size:14px;}
    .cp_left ul li a i {width:45px;margin-top:24px; margin-right:5px;}
}

/*数字滚动*/
.inum {float:left; width:100%; background:#dfdfdf;margin-top:123px; height:240px;}
.i-num {float:left; margin-top:70px;padding-left:50px;}
.i-icon {float:left;}
.i-right {float:left;margin-left:10px;width:300px;}
.divNum {float:left; width:100%;font-size:60px;color:#000; line-height:60px; margin-bottom:10px;}
.divTit{float:left; width:100%;font-size:14px;color:#666}
@media (max-width: 768px){
    .inum {float:left; width:100%; background:#dfdfdf;margin-top:30px; height:auto;padding-bottom:20px;}
    .i-num {float:left; margin-top:50px;padding-left:10px;}
    .i-icon {float:left;width:25%}
    .i-right {float:left;margin-left:10px;width:71%;}
    .divNum {float:left; width:100%;font-size:28px;color:#000; line-height:30px; margin-bottom:20px;}
    .divTit{float:left; width:100%;font-size:12px;color:#666; line-height:22px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .inum {float:left; width:100%; background:#dfdfdf;margin-top:110px; height:200px;}
    .i-num {float:left; margin-top:50px;padding-left:10px;}
    .i-icon {float:left;}
    .i-icon img{width:40px;}
    .i-right {float:left;margin-left:10px;width:100px;}
    .divNum {float:left; width:100%;font-size:28px;color:#000; line-height:30px; margin-bottom:10px;}
    .divTit{float:left; width:100%;font-size:12px;color:#666; line-height:22px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .inum {float:left; width:100%; background:#dfdfdf;margin-top:110px; height:240px;}
    .i-num {float:left; margin-top:50px;padding-left:10px;}
    .i-icon {float:left;}
    .i-right {float:left;margin-left:10px;width:140px;}
    .divNum {float:left; width:100%;font-size:35px;color:#000; line-height:40px; margin-bottom:10px;}
    .divTit{float:left; width:100%;font-size:14px;color:#666}
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .inum {float:left; width:100%; background:#dfdfdf;margin-top:110px; height:240px;}
    .i-num {float:left; margin-top:50px;padding-left:30px;}
    .i-icon {float:left;}
    .i-right {float:left;margin-left:10px;width:160px;}
    .divNum {float:left; width:100%;font-size:40px;color:#000; line-height:45px; margin-bottom:10px;}
    .divTit{float:left; width:100%;font-size:14px;color:#666}
}
@media (min-width: 1440px) and (max-width: 1680px) {
    .inum {float:left; width:100%; background:#dfdfdf;margin-top:110px; height:240px;}
    .i-num {float:left; margin-top:50px;padding-left:50px;}
    .i-icon {float:left;}
    .i-right {float:left;margin-left:10px;width:200px;}
    .divNum {float:left; width:100%;font-size:45px;color:#000; line-height:50px; margin-bottom:10px;}
    .divTit{float:left; width:100%;font-size:14px;color:#666}
}
@media (min-width: 1681px) and (max-width: 1920px) {
    .inum {float:left; width:100%; background:#dfdfdf;margin-top:110px; height:240px;}
    .i-num {float:left; margin-top:70px;padding-left:50px;}
    .i-icon {float:left;}
    .i-right {float:left;margin-left:10px;width:250px;}
    .divNum {float:left; width:100%;font-size:50px;color:#000; line-height:55px; margin-bottom:10px;}
    .divTit{float:left; width:100%;font-size:14px;color:#666}
}


/*案例展示*/
.icase {float:left; width:100%; margin-top:45px;}
#property-for-rent-slider .slick-arrow {background: none;width:48px;height:105px;padding:0;top: 45%;}
#property-for-rent-slider .icon-left-open {left: 0px;}
#property-for-rent-slider .icon-right-open {right:0px;}
@media (max-width: 767px) {
   #property-for-rent-slider .icon-left-open {left: 0px;}
    #property-for-rent-slider .icon-right-open {right:0px;} 
}

.div25 {float:left; width:25%;}
.itemCase {float:left; width:100%;height:100%; display:block;}
.itemCase a {width:100%;height:100%; display:block;position:relative;float:left;}
.itemCase img {float:left;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.divTitle {position:absolute;width:100%;left:0px;bottom:40px;color:#fff;display:none;padding:0px 10%;}
.divTitle strong {font-size:28px;color:#fff;line-height:40px; width:100%;float:left;}
.divTitle p{font-size:16px;color:#b4b4b4;line-height:30px; width:100%;float:left;text-transform:uppercase}
.divTitle div {float:left;width:60%;border-top:1px solid #fff;background:url(../images/iRight.png) no-repeat left bottom;height:44px}
.itemCase .conver {background-color:rgba(0,0,0,0.5);display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
.itemCase .converTit {display:block}
.converTit {width:100%;position:absolute;top:40%;padding:0px 10%;}
.converTit strong {font-size:28px;color:#fff;line-height:40px; width:100%;float:left;}
.converTit p {font-size:16px;color:#b4b4b4;line-height:30px; width:100%;float:left;text-transform:uppercase}
.converTit div {float:left;width:60%;border-top:1px solid #fff;background:url(../images/iRight.png) no-repeat left bottom;height:44px}

.itemCase a:hover .divTitle{display:block}
.itemCase a:hover .converTit{display:none}
.itemCase a:hover .conver{display:none}
.itemCase a:hover img{-webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:inherit;}

@media (max-width: 768px){
    .icase {float:left; width:100%; margin-top:15px;}
    .divTitle strong {font-size:18px;line-height:30px}
    .divTitle p{font-size:14px;line-height:24px}
    .divTitle div {float:left;}
    .converTit strong {font-size:18px;line-height:30px}
    .converTit p{font-size:14px;line-height:24px}
    .converTit div {float:left;}   
}
@media (min-width: 768px) and (max-width: 991px) {
    .divTitle strong {font-size:20px;}
    .divTitle p{font-size:14px;}
    .divTitle div {float:left;}
    .converTit strong {font-size:20px;}
    .converTit p{font-size:14px;}
    .converTit div {float:left;}
}

/*新闻展示*/
.inews{float:left; width:100%;padding:25px 3% 30px 3%}
.nTit{float:left; width:100%; background:url(../images/lane.jpg) repeat-x 0px 80px;}
.nText{float:left; background:#fff; width:150px;}
.nT1{float:left;font-size:36px;color:#191919; line-height:50px;}
.nT2{float:left; width:100%;font-size:30px; line-height:50px;}
.nT3 {float:left; width:21px; height:1px; background:#020202;margin-left:10px; margin-top:10px;}
.topTitle {float:left; width:100%;font-size:18px;padding:50px 0px 20px;}
.topTitle a{color:#323232;}
.topCon {color:#b0b0b0}

.nl{float:left; width:50%; margin-top:30px;padding-right:30px;}
.topBG {float:left; width:100%;height:230px; background:url(../images/news.jpg)}
.NewDate{float:left; width:310px;height:230px; background:#f08300;text-align:center}
.NewDate .RQ{font-size:80px;color:#fff; margin-top:50px;}
.NewDate .RQ span{ line-height:80px;}
.NewDate .RQ i{ font-size:24px;color:#914809;}
.NewDate .T{font-size:18px;color:#fff; line-height:30px;}
.NewDate .Ten{font-size:18px;color:#fff}

.nr {float:right; width:50%; margin-top:30px;padding-left:30px;}
.nrTop {float:left; width:100%;margin-top:40px;}
.lDate{float:left;font-size:28px;color:#a1a1a1; line-height:40px; width:25%;padding-bottom:100px;}
.lCon {float:left; width:75%;}
.lCon a{float:left;width:100%;padding:8px 0px;font-size:18px;color:#323232;}
.lCon p{float:left;width:100%;color:#b0b0b0; margin-top:10px;}
.nr ul {float:left; width:100%; margin-top:80px;}
.nr ul li{float:left; width:100%;padding:35px 0px;font-size:18px}
.nr ul li a{float:left;color:#323232}
.nr ul li span{float:right;color:#a2a2a2}
.nr ul li:nth-child(1) {border-bottom:1px solid #eee}
@media (max-width: 768px){
    .inews{float:left; width:100%;padding:35px 3% 25px 3%}
    .nTit{float:left; width:100%; background:url(../images/lane.jpg) repeat-x 0px 50px;}
    .nText{float:left; background:#fff; width:100px;}
    .nT1{float:left;font-size:20px;color:#191919; line-height:30px;}
    .nT2{float:left; width:100%;font-size:16px; line-height:30px;}
    .nT3 {float:left; width:21px; height:1px; background:#020202;margin-left:10px; margin-top:10px;}
    .topTitle {float:left; width:100%;font-size:14px;padding:30px 0px 10px;}
    .topTitle a{color:#323232;}
    .topCon {color:#b0b0b0}
    .nl{float:left; width:100%; margin-top:30px;padding-right:0px;}
    .topBG {float:left; width:100%;height:200px; background:url(../images/news.jpg)}
    .NewDate{float:left; width:200px;height:200px; background:#f08300;text-align:center}
    .NewDate .RQ{font-size:60px;color:#fff; margin-top:30px;}
    .NewDate .RQ span{ line-height:80px;}
    .NewDate .RQ i{ font-size:24px;color:#914809}
    .NewDate .T{font-size:14px;color:#fff; line-height:30px;}
    .NewDate .Ten{font-size:14px;color:#fff}

    .nr {float:right; width:100%; margin-top:0px;padding-left:0px;}
    .nrTop {float:left; width:100%;margin-top:20px;}
    .lDate{float:left;font-size:16px;color:#a1a1a1; line-height:40px; width:25%;background:url(../images/jt.jpg) no-repeat 20px 60px; padding-bottom:60px;}
    .lCon {float:left; width:75%;}
    .lCon a{float:left;width:100%;padding:8px 0px;font-size:14px;color:#323232;}
    .lCon p{float:left;width:100%;color:#b0b0b0; margin-top:5px;font-size:12px;}
    .nr ul {float:left; width:100%; margin-top:10px;}
    .nr ul li{float:left; width:100%;padding:15px 0px;font-size:14px}
    .nr ul li a{float:left;color:#323232}
    .nr ul li span{float:right;color:#a2a2a2}
}
@media (min-width: 768px) and (max-width: 991px) {
    .nTit{float:left; width:100%; background:url(../images/lane.jpg) repeat-x 0px 70px;}
    .nText{float:left; background:#fff; width:150px;}
    .nT1{float:left;font-size:24px;color:#191919; line-height:35px;}
    .nT2{float:left; width:100%;font-size:20px; line-height:35px;}
    .nT3 {float:left; width:21px; height:1px; background:#020202;margin-left:10px; margin-top:10px;}
    .topTitle {float:left; width:100%;font-size:16px;padding:50px 0px 20px;}
    .topTitle a{color:#323232;}
    .topCon {color:#b0b0b0}

    .nl{float:left; width:50%; margin-top:20px;padding-right:30px;}
    .topBG {float:left; width:100%;height:200px; background:url(../images/news.jpg)}
    .NewDate{float:left; width:200px;height:200px; background:#f08300;text-align:center}
    .NewDate .RQ{font-size:60px;color:#fff; margin-top:30px;}
    .NewDate .RQ span{ line-height:80px;}
    .NewDate .RQ i{ font-size:24px;color:#914809;}
    .NewDate .T{font-size:18px;color:#fff; line-height:30px;}
    .NewDate .Ten{font-size:18px;color:#fff}

    .nr {float:right; width:50%; margin-top:20px;padding-left:30px;}
    .nrTop {float:left; width:100%;margin-top:30px;}
    .lDate{float:left;font-size:22px;color:#a1a1a1; line-height:40px; width:25%;background:url(../images/jt.jpg) no-repeat 20px 90px; padding-bottom:90px;}
    .lCon {float:left; width:75%;}
    .lCon a{float:left;width:100%;padding:8px 0px;font-size:16px;color:#323232;}
    .lCon p{float:left;width:100%;color:#b0b0b0; margin-top:10px;}
    .nr ul {float:left; width:100%; margin-top:20px;}
    .nr ul li{float:left; width:100%;padding:20px 0px;font-size:14px}
    .nr ul li a{float:left;color:#323232}
    .nr ul li span{float:right;color:#a2a2a2}
    .nr ul li:nth-child(1) {border-bottom:1px solid #eee}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nTit{float:left; width:100%; background:url(../images/lane.jpg) repeat-x 0px 70px;}
    .nText{float:left; background:#fff; width:150px;}
    .nT1{float:left;font-size:24px;color:#191919; line-height:35px;}
    .nT2{float:left; width:100%;font-size:20px; line-height:35px;}
    .nT3 {float:left; width:21px; height:1px; background:#020202;margin-left:10px; margin-top:10px;}
    .topTitle {float:left; width:100%;font-size:16px;padding:50px 0px 20px;}
    .topTitle a{color:#323232;}
    .topCon {color:#b0b0b0}

    .nl{float:left; width:50%; margin-top:20px;padding-right:30px;}
    .topBG {float:left; width:100%;height:200px; background:url(../images/news.jpg)}
    .NewDate{float:left; width:200px;height:200px; background:#f08300;text-align:center}
    .NewDate .RQ{font-size:60px;color:#fff; margin-top:30px;}
    .NewDate .RQ span{ line-height:80px;}
    .NewDate .RQ i{ font-size:24px;color:#914809;}
    .NewDate .T{font-size:18px;color:#fff; line-height:30px;}
    .NewDate .Ten{font-size:18px;color:#fff}

    .nr {float:right; width:50%; margin-top:20px;padding-left:30px;}
    .nrTop {float:left; width:100%;margin-top:30px;}
    .lDate{float:left;font-size:22px;color:#a1a1a1; line-height:40px; width:25%;background:url(../images/jt.jpg) no-repeat 20px 70px; padding-bottom:70px;}
    .lCon {float:left; width:75%;}
    .lCon a{float:left;width:100%;padding:8px 0px;font-size:16px;color:#323232;}
    .lCon p{float:left;width:100%;color:#b0b0b0; margin-top:10px;}
    .nr ul {float:left; width:100%; margin-top:20px;}
    .nr ul li{float:left; width:100%;padding:20px 0px;font-size:14px}
    .nr ul li a{float:left;color:#323232}
    .nr ul li span{float:right;color:#a2a2a2}
    .nr ul li:nth-child(1) {border-bottom:1px solid #eee}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .nTit{float:left; width:100%; background:url(../images/lane.jpg) repeat-x 0px 70px;}
    .nText{float:left; background:#fff; width:150px;}
    .nT1{float:left;font-size:24px;color:#191919; line-height:35px;}
    .nT2{float:left; width:100%;font-size:20px; line-height:35px;}
    .nT3 {float:left; width:21px; height:1px; background:#020202;margin-left:10px; margin-top:10px;}
    .topTitle {float:left; width:100%;font-size:16px;padding:50px 0px 20px;}
    .topTitle a{color:#323232;}
    .topCon {color:#b0b0b0}

    .nl{float:left; width:50%; margin-top:20px;padding-right:30px;}
    .topBG {float:left; width:100%;height:200px; background:url(../images/news.jpg)}
    .NewDate{float:left; width:200px;height:200px; background:#f08300;text-align:center}
    .NewDate .RQ{font-size:60px;color:#fff; margin-top:30px;}
    .NewDate .RQ span{ line-height:80px;}
    .NewDate .RQ i{ font-size:24px;color:#914809;}
    .NewDate .T{font-size:18px;color:#fff; line-height:30px;}
    .NewDate .Ten{font-size:18px;color:#fff}

    .nr {float:right; width:50%; margin-top:20px;padding-left:30px;}
    .nrTop {float:left; width:100%;margin-top:30px;}
    .lDate{float:left;font-size:22px;color:#a1a1a1; line-height:40px; width:25%;background:url(../images/jt.jpg) no-repeat 20px 70px; padding-bottom:70px;}
    .lCon {float:left; width:75%;}
    .lCon a{float:left;width:100%;padding:8px 0px;font-size:16px;color:#323232;}
    .lCon p{float:left;width:100%;color:#b0b0b0; margin-top:10px;}
    .nr ul {float:left; width:100%; margin-top:40px;}
    .nr ul li{float:left; width:100%;padding:35px 0px;font-size:14px}
    .nr ul li a{float:left;color:#323232}
    .nr ul li span{float:right;color:#a2a2a2}
    .nr ul li:nth-child(1) {border-bottom:1px solid #eee}
}
@media (min-width: 1441px) and (max-width: 1680px) {
    .nT1{font-size:28px;line-height:40px;}
    .nT2{font-size:20px; line-height:40px;}
    .nTit{background:url(../images/lane.jpg) repeat-x 0px 70px;}
    .NewDate .RQ{font-size:60px;color:#fff; margin-top:50px;}
    .NewDate .RQ span{ line-height:70px;}
    .NewDate .RQ i{ font-size:22px;color:#914809;}
    .NewDate .T{font-size:16px;color:#fff; line-height:30px;}
    .NewDate .Ten{font-size:16px;color:#fff}
    .nr {float:right; width:50%; margin-top:60px;padding-left:30px;}
    .topTitle {float:left; width:100%;font-size:16px;padding:50px 0px 20px;}
    .nrTop {float:left; width:100%;margin-top:40px;}
    .lCon {float:left; width:75%;}
    .lCon a{float:left;width:100%;padding:8px 0px;font-size:16px;color:#323232;}
    .lCon p{float:left;width:100%;color:#b0b0b0; margin-top:10px;}
    .nr ul {float:left; width:100%; margin-top:80px;}
    .nr ul li{float:left; width:100%;padding:35px 0px;font-size:16px}
    .nr ul li a{float:left;color:#323232}
    .nr ul li span{float:right;color:#a2a2a2}
    .nr ul li:nth-child(1) {border-bottom:1px solid #eee}
}

/*合作伙伴*/
.partner {float:left; width:100%;padding:20px 0px;border-top:1px solid #e5e5e5;border-bottom:4px solid #e3e3e5}
.pl1 {float:left; width:15%;text-align:center}
.pr1 {float:right;width:85%}

@media (max-width: 768px){
    .partner {display:none}
}
@media (min-width: 768px) and (max-width: 991px) {
      .pl1 img{width:70%;margin-top:20%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
     .pl1 img{width:50%}
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .pl1 img{width:50%}
}

/*底部*/
.ifoot {float:left; width:100%;background:#424242;}
.fotMenu {float:left; width:100%; text-align:center;border-bottom:1px solid #4c4c4e;padding:25px 0px;color:#999}
.fotMenu a {font-size:18px;color:#999;padding:0px 90px}
.fotCon {float:left; width:100%;padding:0 8%;color:#999;}
.m1 {float:left; width:45%;border-right:1px solid #4c4c4e;padding-top:35px;padding-bottom:55px;}
.m1 strong {float:left; width:100%;font-size:30px;color:#fff; line-height:50px;}
.m1 p {float:left; width:100%;font-size:18px;}
.m1 ul{float:left; width:100%; margin-top:20px;}
.m1 ul li{float:left; width:33.333%;}
.m1 ul li a:hover{color:#fff}
.m2 {float:left; width:30%;border-right:1px solid #4c4c4e;padding-top:35px;padding-bottom:55px;padding-left:4%;}
.m2 strong {float:left; width:100%;font-size:30px;color:#fff; line-height:50px;}
.m2 p {float:left; width:100%;font-size:18px;}
.m2 .cer {float:left; width:100%;margin-top:20px;}
.m3{float:left; width:25%; text-align:center}
.m-emwTit {float:left; width:100%;text-align:center;color:#fff;margin-top:50px;}
.m-ewm {display:table;margin:0 auto;padding-top:10px;}
.m3 .ewm {float:right;margin:0px 15px;}

.copy{float:left; width:100%;padding:20px 3%;border-top:1px solid #4c4c4e;}
.lcopy{float:left;color:#999;width:100%;text-align:center}
.lcopy a{color:#1574bc}
.sj {margin:0 auto; display:table;margin-top:30px;}
.mShare {float:left; margin-top:3px;}
.mShare li{float:left; margin-right:20px;}
.mShare li a{float:left; width:25px;height:25px; display:block;text-align:center; line-height:25px;}
.mShare li a i {color:#606060; font-size:24px;}
.mShare li a:hover i {color:#b9b9b9;}


@media (max-width: 768px){
   .fotMenu {display:none}
   .lcopy{width:100%;text-align:center;}
   .sj {float:right;width:100%;}
   .mShare {float:none;display:table;margin:0 auto; margin-top:10px;}
   .m1,.m2,.m3 {display:none}
}
@media (min-width: 768px) and (max-width: 991px) {
    .fotMenu a {padding:0px 30px;font-size:14px;}
    .fotCon {padding:0 3%;}
    .m1 {width:50%;}
    .m1 strong {font-size:24px;line-height:35px;}
    .m1 p {font-size:16px;}
    .m1 ul li{float:left; width:50%;}
    .m2{display:none}
    .m3{ width:50%;}
    /*.m3 .ewm {margin-left:25px;}*/
}
@media (min-width: 992px) and (max-width: 1199px) {
    .fotMenu a {padding:0px 40px}
    .fotCon {padding:0 2%;}
    .m1 {width:30%;}
    .m1 strong {font-size:24px;line-height:35px;}
    .m1 p {font-size:16px;}
    .m1 ul li{float:left; width:50%;}
    .m2 {width:35%;padding-left:2.5%;}
    .m2 {width:30%;}
    .m2 strong {font-size:24px;line-height:35px;}
    .m2 img{width:80%;}
    .m3{ width:35%;}
    /*.m3 .ewm {margin-left:15px;}*/
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .fotMenu a {padding:0px 60px}
   .fotCon {padding:0 2%;}
   .m1 {width:32%;}
   .m2 {width:35%;padding-left:2%;}
   .m3{ width:33%;}
   /*.m3 .ewm {margin-left:40px;}*/
}
@media (min-width: 1440px) and (max-width: 1830px) {
   .fotMenu a {padding:0px 80px}
   .fotCon {padding:0 4%;}
   .m1 {width:35%;}
   .m2 {width:35%;padding-left:3%;}
   .m3{ width:30%;}
   /*.m3 .ewm {margin-left:55px;}*/
}

.work-image {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
	
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	-webkit-transition: box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
	 border:1px solid #ddd;
}

.work-image img {
    width: 100%;
    display: block;
    
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.work-image:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.port
{
	margin-top:25px;
}
.link-overlay {
	position: absolute;
	top: 0;       left: 0;
	bottom: 0;    right: 0;
	background: rgba(0,0,0,0);
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.link-overlay:before {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;    left: 50%;
	margin: -22px 0 0 -25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity:0;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.work-image:hover .link-overlay { background: rgba(20,22,23,0.6);}

.work-image:hover  .link-overlay:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1;
}
.work p { margin: 0; }

.work-name {
	display: inline-block;
	margin: 15px 0 6px;
	font: 14px ;
}

a.work-name {
	color: #313538;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative; height:20px; line-height:20px;overflow:hidden;
    width:100%;text-align:center
}

a.work-name:hover {
	color: #04BFEA;
}

/*分页*/
.pagination {display:table; margin:0 auto; margin-top:40px; margin-bottom:20px}
.m-style { position: relative;text-align: center;zoom: 1;}
.m-style:before,
.m-style:after {content: "";display: table;}
.m-style:after {clear: both;overflow: hidden;}
.m-style span {float: left;margin: 0 3px;width: 45px;height: 38px;line-height: 38px;color: #bdbdbd;font-size: 14px;}
.m-style .active {float: left;margin: 0 3px;width: 45px;height: 38px;line-height: 38px;background: #ff5b0a;color: #fff;font-size: 14px;border: 1px solid #ff5b0a;}
.m-style a {float: left;margin: 0 3px;width: 45px;height: 38px;line-height: 38px;background: #fff;border: 1px solid #ebebeb;color: #bdbdbd;font-size: 14px;}
.m-style a:hover {color: #fff;background: #ff5b0a;}
.now,.count {padding: 0 5px;color: #f00;}




.form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.form-control:focus, .form-control:active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#section-2 input[type="text"] {
  height: 50px;
}
#section-2 .form-group {
  margin-bottom: 15px;
}
.btn-lager {width:100%;padding:10px 0px;border-radius:0px;}




.icon-new-label {
	font-size: 12px;
	color: #fff;
	background: #ff5b0a;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 23px
}
.icon-sale-label {
	font-size: 11px;
	color: #fff;
	background: #ff5b0a;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px
}
.new-right {
	right: -28px;
	top: -12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.new-left {
	left: -28px;
	top: -12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
.sale-right {
	top: -12px;
	right: -28px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.sale-left {
	left: -28px;
	top: -12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
.icon-hot-label {
	font-size: 11px;
	color: #fff;
	background: #fe0100;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px
}
.hot-right {
	top: -12px;
	right: -28px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.hot-left {
	left: -28px;
	top: -12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
.pr-img-area {
	overflow: hidden;
	position: relative;
    border:1px solid #444;
}
.hover-img {
	left: 0;
	opacity: 0;
	position: absolute;
	bottom: 220px;
	transition: all .5s ease-out 0s;
	visibility: hidden
}
.add-to-cart-mt {
	background: #f9d247;
	border: 0 none;
	bottom: 0;
	font-size: 12px;
	left: -100%;
	line-height: 10px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	transition: all .5s ease-out 0s;
	width: 100%;
	padding: 12px 0;
	color: #fff;
    display:none;
}
.add-to-cart-mt:hover {
	background: #ffa200;
	color: #fff;
}
.add-to-cart-mt span {
	margin-left: 5px
}
.product-item .item-inner .product-thumbnail:hover .add-to-cart-mt {
	left: 0
}
.product-item .item-inner .product-thumbnail:hover .hover-img {
	bottom: 0;
	opacity: 1;
	visibility: visible
}
.product-item .item-inner .product-thumbnail:hover .pr-button {
	background: #F2F2F2
}
.pr-button .mt-button {
	width: 33.3%;
	float: left;
	text-align: center;
	border-right: 1px solid
}
.pr-button {
	border-top: 1px solid #e5e5e5;
	overflow: hidden;
	transition: all .5s ease-out 0s
}
.pr-info-area .product-name a:hover, .pr-button .mt-button a:hover {
	color: #F47E1E
}
.pr-button .mt-button {
	border-right: 1px solid #e5e5e5;
	float: left;
	text-align: center;
	width: 33.3%
}
.pr-button .mt-button a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 9px 0 6px;
	background: #ffa200;
	font-weight: normal
}
.pr-info-area .pr-button .s-button a:hover {
	background: #69bd43;
	color: #fff
}
.pr-button .s-button a {
	color: #fff
}
.pr-img-area {

}
.pr-img-area img {
	width: 100%
}
.pr-button {
	border: 0 none;
	left: 50%;
	margin-left: -66px;
	position: absolute;
	top: 30%;
	padding-left: 2px
}
.product-item .item-inner .product-thumbnail:hover .pr-button {
	background: none
}
.pr-button .mt-button a:hover {
	background: #69bd43;
	color: #fff
}
.pr-button .mt-button {
	border-right: 0 none;
	float: left;
	height: 40px;
	margin-right: 5px;
	text-align: center;
	transform: scale(0);
	transition: all 0.4s ease 0s;
	width: 40px;
	line-height: 25px
}
.product-item .item-inner .product-thumbnail:hover .mt-button {
	transform: scale(1)
}
.product-item .item-inner .item-info {
	text-align: center;
	/*padding-top: 12px;*/
    padding-top:0px;
}
.product-item .item-inner .item-info .item-title {
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 400;
}
@media (max-width:479px) {
.product-item .item-inner .item-info .item-title {
	font-size: 14px;
	padding: 0px 10px
}
}
.product-item .item-inner .item-info .item-title a {
	display: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 15px;
	/*font-weight: 700;*/
	text-transform: none;
    color:#666;

    padding:10px 0px;
}
.product-item .item-inner {
	position: relative;
	overflow: hidden
}
.product-item {
	margin-bottom:20px;
}
.product-item .item-inner .item-info .item-title a:hover {
	color: #666;

}


/*首页产品展示*/
.i_prp {float:left; width:100%;background:#f6f7f9;padding-bottom:90px;}
.pcp-content{ width:86%;margin-left:7%;float:left; position:relative}

.pleft{float:right;width:16%; margin-top:100px;}
.pleft img{float:right;margin-left:30px;margin-bottom:25px;}
.pleft .showTit {float:left; width:100%;text-align:right;}
.pleft span.xhTit{font-size:18px;color:#999;margin-left:15px;float:right;}
.pleft span.xhCont{font-size:40px;color:#000;margin-left:10px;float:right;line-height:40px;}
.pleft .jia {float:right; margin-top:20px;}

.pcpShow {float:left; width:100%;}
.pcpDesc {float:left; width:34%;padding-right:7%;padding-top:110px;}
.pcpImgs {float:left; width:50%; margin-top:100px;}
.pcpImgs #imgPrev{margin-top:12% ;width:80%; margin-bottom:12%;}

.p_t1 {float:left; width:100%;font-size:18px;background:url(../images/m-1.jpg) no-repeat left center;padding-left:25px;color:#323232}
.p_xh{float:left; width:100%;font-size:36px;color:#000;line-height:40px;padding:15px 0px;}
.p_xh a{color:#000;}
.p_ms {float:left; width:100%;font-size:18px;color:#a1a1a1;}
.m_pcp{float:left; width:100%;font-size:14px;color:#000;border-top:1px solid #dad9d9;margin-top:30px;padding:20px 0px 5px;}
.ab{float:left; width:100%;font-size:14px;color:#666;height:48px;overflow:hidden;}
.qw {float:left; width:100%;margin-top:30px }
.abAN {float:left; width:100%; margin-top:40px;}
.abAN_lj {width:219px;margin:0 auto;display:table;}



.i-pcp{float:left; width:172px;}
.i-pcp a{float:left;width:100%;background:url(../images/d.png);display:block;width:43px;height:43px;text-indent:-999px}
.i-pcp a.hover{background:url(../images/h.png);text-indent:0px;text-align:center;line-height:43px;color:#000}

.slick-slider .slick-arrow {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  text-align: center;
}
#property-for-rent-slider2 {position:inherit;width:172PX;}
#property-for-rent-slider2 .slick-arrow {background: none;width:58px;height:60px;padding:0;top:6px;}
#property-for-rent-slider2 .icon-left-open {left: 0px;}
#property-for-rent-slider2 .icon-right-open {right:-50px;}

@media (max-width: 768px){
   .pcpDesc {float:left; width:100%;padding-right:0%;padding-top:10px;}
   .p_t1 {font-size:16px;}
   .p_xh{font-size:28px;color:#000;line-height:30px;padding:10px 0px;}
   .p_ms {font-size:16px;}
   .m_pcp{margin-top:10px;padding:20px 0px 5px;}
   .qw {margin-top:20px;display:none}
   .abAN {display:none}
   .pcpImgs {width:100%; background:none; margin-top:20px;}
   .pcpImgs #imgPrev{margin:0px;width:100%;margin-top:20px;margin-bottom:20px;}
   .pleft{display:none}
    .carousel-indicators {display:none}
    .i_prp {padding:20px;padding-top:50px;}

}
@media (min-width: 768px) and (max-width: 991px) {
   .pcpDesc {float:left; width:100%;padding-right:0%;padding-top:10px;}
   .p_t1 {font-size:16px;}
   .p_xh{font-size:28px;color:#000;line-height:30px;padding:10px 0px;}
   .p_ms {font-size:16px;}
   .m_pcp{margin-top:10px;padding:20px 0px 5px;}
   .qw {margin-top:20px;display:none}
   .abAN {display:none}

   .pleft{display:none}

}
@media (min-width: 992px) and (max-width: 1199px) {
   .pcp-content{ width:94%;margin-left:3%;}
    .pcpDesc {width: 34%;padding-right: 7%;padding-top: 70px;padding-bottom:30px;}
   .p_t1 {font-size:14px;}
   .p_xh{font-size:24px;line-height:28px;padding:5px 0px;}
   .p_ms {font-size:14px;}
   .m_pcp{font-size:14px;margin-top:10px;padding:5px 0px 5px;}
   .qw {margin-top:20px }
   .qw img{height:100px; }
   .abAN {float:left; width:100%; margin-top:30px;}
   .abAN img{height:40px}

   .pleft span.xhTit{font-size:12px;}
   .pleft span.xhCont{font-size:24px;line-height:24px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
   .pcp-content{ width:94%;margin-left:3%;}
   .pcpDesc {width:34%;padding-right:3%;padding-top:70px;}
   .p_t1 {font-size:14px;}
   .p_xh{font-size:24px;line-height:28px;padding:5px 0px;}
   .p_ms {font-size:14px;}
   .m_pcp{font-size:14px;margin-top:10px;padding:5px 0px 5px;}
   .qw {margin-top:30px }
   /*.qw img{height:140px; }*/
   .abAN {float:left; width:100%; margin-top:20px;}
   .abAN img{height:50px}


   .pleft span.xhTit{font-size:12px;}
   .pleft span.xhCont{font-size:24px;line-height:24px;}
}
@media (min-width: 1441px) and (max-width: 1679px) {
   .pcp-content{ width:92%;margin-left:4%;}
   .pcpDesc {width:34%;padding-right:4%;padding-top:70px;}
   .p_t1 {font-size:16px;}
   .p_xh{font-size:28px;line-height:30px;padding:10px 0px;}
   .p_ms {font-size:16px;}
   .m_pcp{font-size:14px;margin-top:20px;padding:10px 0px 5px;}
   .qw {margin-top:30px }
   .abAN {float:left; width:100%;}



   .pleft span.xhTit{font-size:14px;}
   .pleft span.xhCont{font-size:30px;line-height:30px;}
}


/*.divTable{float:left; width:100%;}
.divTable td {text-align:center;}
/*.firstRow {top:0;width:100%;}*/

/*#hdtable2 {overflow:hidden;}*/

/*#divList {float:left; width:100%;height:500px;overflow:scroll}
#tabList {float:left; width:100%;}

.divShow {float:left; width:100%;}
.divShow table {min-width:600px;}

#tabTitle{float:left; width:100%;overflow:hidden;margin-bottom:0px;height:35px;}
.M {float:left; width:100%;padding-right:17px;margin-top:70px;z-index:9}*/

.divTable{float:left; width:100%;}
.divTable td {text-align:center;}
/*.firstRow {top:0;width:100%;}*/
#hdtable2 {overflow:hidden;}

@media (max-width: 767px) {
  .divTable{float:left; width:100%;overflow-x:scroll;}
  .divTable table {min-width:600px;}
}



.about-us{
    position: relative;
    /*background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;*/
    min-height:380px;
    color:#fff;
}
.about-us:before { content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;   background: rgba(0, 0, 0, 0.55);z-index: 0;}
.auto-container {position:relative; z-index:5;}
.about-us h3 { font-size:24px; line-height:40px;color:#fff; font-weight:bold; margin-top:120px; margin-bottom:30px;}
.about-us h3:after {content:""; border-bottom:2px solid #f60;display:block;width:50px; margin:0 auto; margin-top:15px;}
.about-us .moreView { padding:10px 25px; background:#fff; font-size:14px; font-weight:bold;}
.about-us .moreView:hover {background:#f60;color:#fff;}

@media (max-width: 767px) {
  .about-us h3 { font-size:24px;}
  .about-us p {font-size:14px; line-height:30px; width:100%;}
  .about-us .moreView { padding:10px 25px; font-size:12px;}
}


.abouIcon{margin-bottom:35px;margin-top:30px;}
.abouIcon .converImgs{float:left; width:100%;}
.abouIcon .converImgs a{float:left; width:100%;text-align:center;}
.abouIcon .converTitle {float:left; width:100%;text-align:center;font-size:18px;color:#333;text-transform:uppercase;line-height:45px; margin-top:37px;}
.abouIcon p {float:left; width:100%;font-size:14px;color:#a0a0aa; text-align:center; height:90px; line-height:30px;overflow:hidden;}

@media (max-width: 767px) {
   .aboutus{float:left; width:100%;padding:15px 0% 10px 0%;}
   .aboutus .titWelcome {width:100%;margin-left:0%;height:30px; line-height:30px; font-size:28px;}
   .aboutus .welcomeImgs{margin-top:10px; width:100%;margin-left:0%}
   .aboutus .aboutContent {width:100%; margin-top:25px;font-size:14px;}
   .aboutus .learnM{font-size:16px;padding:10px 0px;margin-top:15px;width:100%;text-align:center;}
   .abouIcon{margin-bottom:35px;margin-top:20px;}
   .abouIcon .converTitle {font-size:16px;line-height:35px; margin-top:7px;}
   .abouIcon p {font-size:14px;height:auto; line-height:24px;}
}
@media (min-width: 768px) and (max-width: 991px) {
   .aboutus{float:left; width:100%;padding:15px 0% 10px 0%;}
   .aboutus .titWelcome {width:100%;margin-left:0%;height:30px; line-height:30px; font-size:28px;}
   .aboutus .welcomeImgs{margin-top:10px; width:100%;margin-left:0%}
   .aboutus .aboutContent {width:100%; margin-top:25px;font-size:14px;}
   .aboutus .learnM{font-size:16px;padding:10px 0px;margin-top:15px;width:100%;text-align:center;}
   .abouIcon{margin-bottom:35px;margin-top:20px;}
   .abouIcon .converTitle {font-size:18px;line-height:35px; margin-top:17px;}
   .abouIcon p {font-size:15px;height:auto; line-height:26px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .aboutus{float:left; width:100%;padding:15px 0% 10px 0%;}
   .aboutus .titWelcome {width:100%;margin-left:0%;height:30px; line-height:30px; font-size:28px;}
   .aboutus .welcomeImgs{margin-top:10px; width:100%;margin-left:0%}
   .aboutus .aboutContent {width:100%; margin-top:25px;font-size:14px;}
   .aboutus .learnM{font-size:16px;padding:10px 0px;margin-top:15px;width:100%;text-align:center;}
   .abouIcon{margin-bottom:35px;margin-top:20px;}
   .abouIcon .converTitle {font-size:16px;line-height:24px; margin-top:7px;padding:10px 0px;min-height:48px;height:48px;}
   .abouIcon p {font-size:14px;height:auto; line-height:24px;margin-top:10px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .aboutus .ml{width:45%;}
   .aboutus .mr{width:55%;}
   .aboutus{float:left; width:100%;padding:15px 0% 10px 0%;}
   .aboutus .titWelcome {width:100%;margin-left:0%;height:30px; line-height:30px; font-size:28px;}
   .aboutus .welcomeImgs{margin-top:10px; width:100%;margin-left:0%}
   .aboutus .aboutContent {width:100%; margin-top:25px;font-size:14px;}
   .aboutus .learnM{font-size:16px;padding:10px 0px;margin-top:15px;width:100%;text-align:center;}
   .abouIcon{margin-bottom:35px;margin-top:20px;}
   .abouIcon .converTitle {font-size:16px;line-height:24px; margin-top:7px;}
   .abouIcon p {font-size:14px;height:auto; line-height:24px;margin-top:10px;}
}


.pdownload {float:left;width:100%;}
.pdownload li{float:left;width:100%;line-height:30px;}
.pdownload li span{float:left;}
.pdownload li a{float:right;color:#F60}

.divSButton {float:left; width:100%;}
.divSButton div{float:left; width:60%;margin-left:20%}
.divSButton a{float:left; width:100%;line-height:40px; display:block;text-align:center; background:#0477b3;color:#fff;font-size:14px; margin-bottom:10px;border-radius:25px}
.divSButton a:hover{background:#ff5b0a;}

/*#j_pro_tab {float:left; width:100%; background:#f8f8f8;line-height:50px;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px;}
#j_pro_tab li a{float:left; width:100%;height:50px; line-height:50px;display:block; text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{background:#e77918;color:#fff; }*/

#j_pro_tab {float:left; width:100%;line-height:50px;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px;}
#j_pro_tab li a{float:left; width:100%;height:50px; line-height:50px;display:block; text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{color:#e77918;border-bottom:3px solid #e77918}

.tab-content {float:left;background:#fff; width:100%;}
.tab-content  .tabs {float:left;font-size:14px;display:none;width:100%;padding:1.2%;border:1px solid #f8f8f8}

@media screen and (max-width: 768px) and (min-width:0px) {/* 移动端的尺寸 */	
    #j_pro_tab li{float:left; width:50%; line-height:50px;}}


.sm-feedback {float:left; width:100%;}

.bin1 {float:left; width:33%;padding-right:2%;}
.bin2 {float:left; width:65%}

@media (max-width: 768px){
    .bin1 {display:none}
    .bin2 {width:100%}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .bin1 {float:left; width:40%;padding-right:2%;}
    .bin2 {float:left; width:58%}
}

/* leftsead */
#leftsead{width:167px;position:fixed;top:258px;right:0px; z-index:9999}
#leftsead li{width:167px;height:46px;}
#leftsead li img{float:right;}
#leftsead li a{height:45px;float:right;display:block;min-width:54px;max-width:167px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:pointer}
#leftsead li a.youhui .hides{display:none;position:absolute;right:197px;top:35px;}
#leftsead .youhui2 {cursor:pointer;}


.footer__subnavSelect{width:100%;background:#FFF;height:45px;border:0;border-bottom:1px solid #879baa;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#788791;padding:2px 15px 0;background-color:#FFF;background-image:url("../images/arrow-down-select.svg");background-repeat:no-repeat;background-position-x:95%;background-position-y:center;background-size:15px;outline:0;display:block}
.divSear {float:left;width:100%;margin-top:20px;}

.inpButton {float:left;width:45px;height:45px;background:#879baa;border:none}
.inpForm {float:left;width:calc(100% - 45px);border:1px solid #879baa;height:45px;line-height:35px;border-right:none;padding:5px 10px;border-radius:0}