﻿
/* CSS Document */
body{font-family:"微软雅黑";font-size:16px;line-height:30px;font-weight:normal;color:#333333;margin:0px; padding:0px; margin-left:0px;margin-right:0px;}
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#999; text-decoration:none; }
a:active {color:#000000; text-decoration:none;}
/*margin-right:auto; margin-left:auto;*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/*body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}*/





/* css é–²å¶‡ç–† */
/*.banner-box,div,ul,li,dl,dt,dd,h2,p{padding:0;margin:0;margin-right:auto; margin-left:auto;font-family:"å¯°î†¿è’‹é—†å‘´ç²¦";}*/
ul{list-style:none ;}
.banner-box img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}

.banner-box{min-width:1050px;height:500px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1050px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:500px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1050px;position:absolute;top:150px;left:50%;margin-left:-525px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(http://www.lufalvshi.cn/template/default/images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(http://www.lufalvshi.cn/template/default/images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:320px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}


.ding{width:100%; min-width:1300px; height:7px; background-color:#960011;}
.tou{width:1300px; height:48px; margin-top:30px;margin-right:auto; margin-left:auto; margin-bottom:30px; }
.logo{width:331px;height:48px; float:left; margin-right:200px;}
.dhbox{width:90px;height:30px; margin-top:18px; float:left; line-height:35px;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.dhbox:hover {color:#000000; font-weight:bold; text-decoration:none;}




#nav { margin:0;padding:0;border:0; /* width:765px; */ text-align:center;
line-height: 58px; height:60px;list-style-type: none;  font-family:"å¾®è½¯é›…é»‘";font-size:16px;
} 
#nav a { 
display: block; width:95px; text-align:center; 
} 
#nav a:link { 
color: #262626; text-decoration:none; 
} 
#nav a:visited { 
color: #262626;text-decoration:none; 
} 
#nav a:hover { 
color: #262626;text-decoration:none;
} 
#nav li { 
float: left;  width:95px;  z-index:10000;float:left; /*color:#000;*/
} 
#nav li a:hover{ color:#000; text-decoration:none; font-weight: bold;
/*background-color:#082345 !important;*/
 -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 1000ms linear;
   -o-transition: background-color 1000ms linear;
   -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-direction: alternate;

    -webkit-animation-iteration-count: 2; /* Chrome, Safari, Opera */
    animation-iteration-count: 2;  
/*background: #FFF; */
} 
#nav li ul { 
line-height: 35px; list-style-type: none;text-align:left; font-size:14px;  
left: -999em; width: 100px; position: absolute;  z-index:10000; padding-left:0px;
} 
#nav li ul li{ 
float: left; width: 130px; 
background: #F2F0F0; 
} 
#nav li ul a{ 
display: block; width: 106px;text-align:left;padding-left:24px; 
} 
#nav li ul a:link { 
color:#666; text-decoration:none; 
} 
#nav li ul a:visited { 
color:#666;text-decoration:none; 
} 
#nav li ul a:hover { 
color:#F3F3F3;text-decoration:none;font-weight:normal; 
background:#da251c; 
} 
#nav li:hover ul { 
left: auto; 
} 
#nav li.sfhover ul { 
left: auto; 
} 

.lfban{ width:100%; height:500px; min-width:1300px; background-image:url(../lfimg/01.jpg); background-position:center; background-repeat:no-repeat;}

.lfxbt{width:216px; height:63px;margin-right:auto; margin-left:auto; margin-top:70px;}

.lfly{width:1300px; height:360px;margin-right:auto; margin-left:auto; margin-top:50px;}

.lflybox{width:200px; height:152px; background-color:#f6f6f6; border-color:#e5e5e5; border-style:solid; border-width:1px; float:left; margin-left:7px; margin-right:7px;transition: all 0.6s;-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s; margin-bottom:25px;}

.lflybox:hover{background-color:#c30d19;}


.lflyboxa{width:50px; height:50px; margin-top:20px; margin-left:75px; margin-right:75px;}
.lflyboxa img{width:50px; height:50px;}
.lflybox:hover .lflyboxa{visibility:hidden;}
.lflyboxb{width:160px; height:25px; line-height:25px; margin-top:15px; font-weight:bold;  margin-left:20px; margin-right:20px;}
.lflybox:hover .lflyboxb{visibility:hidden;}
.lflyboxc{width:180px; height:25px; line-height:15px; margin-top:10px;  margin-left:10px; margin-right:10px; font-size:10px; color:#c1c1c1;text-transform:Uppercase; font-weight:lighter; }
.lflybox:hover .lflyboxc{visibility:hidden;}

.lflybox2{width:160px; height:112px; padding:20px; padding-top:10px; visibility:hidden; margin-top:-132px;}
.lflybox2a{width:20px; height:3px; background-color:#FFF; }
.lflybox2b{width:160px; height:25px; line-height:25px; color:#FFF; margin-top:15px; font-weight:bold;}
.lflybox2c{width:160px; height:60px; line-height:20px; color:#FFF; font-size:14px; margin-top:10px;}
.lflybox:hover .lflybox2{visibility:visible;}
.lflyzx{ width:120px; height:49px; line-height:49px; margin-top:30px;margin-right:auto; margin-left:auto; background-image:url(../lfimg/15.png); background-position:center; background-repeat:no-repeat; color:#FFF; padding-left:70px; font-size:18px; font-weight:bold;}



.lfjj{width:100%; min-width:1300px; height:500px;margin-right:auto; margin-left:auto; margin-top:50px; background-image:url(../lfimg/16.png); background-position:center; background-repeat:no-repeat; padding-top:70px;}
.lfjja{width:159px; height:63px;}
.lfjjb{width:1300px; height:260px; margin-top:80px;}
.lfjjba{width:365px; height:237px; float:left;}
.lfjjbb{width:830px; height:237px; float:right; margin-right:30px;}
.lfjjbba{width:830px; max-height:170px; text-indent:35px; line-height:30px;}
.lfjjbbb{width:830px; height:40px; margin-top:40px; }
.lfjjbbba{width:140px; height:35px; line-height:35px; color:#960011; border-color:#dfdfdf; border-style:solid; border-width:1px; float:left; margin-right:30px; background-color:#FFF;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.lfjjbbba:link {color:#960011; text-decoration:none;}
.lfjjbbba:visited {color:#960011; text-decoration:none;}
.lfjjbbba:hover {color:#FFF; text-decoration:none; background-color:#960011; }
.lfjjbbba:active {color:#960011; text-decoration:none;}




.lftuand{ width:1300px; height:400px; margin-top:50px;margin-right:auto; margin-left:auto;}
.lftd{width:200px; height:360px; background-color:#f6f6f6; float:left; margin-right:16px;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.lftd:hover{-webkit-box-shadow:0px 0px 10px #d6d6d6;-moz-box-shadow:0px 0px 10px #d6d6d6;-o-box-shadow:0px 0px 10px #d6d6d6;box-shadow:0px 0px 10px #d6d6d6;}

.lftda{width:145px; height:145px; margin-left:25px; margin-right:25px; margin-top:20px; border-radius:50%;border-color:#960011; border-style:solid; border-width:5px;-webkit-transition: 1s ease-out;-moz-transition:1s ease-out;-o-transition:1s ease-out;-ms-transition:1s ease-out; transition:1s ease-out;overflow:hidden;}
.lftda img{width:145px; height:145px;border-radius:50%;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }
.lftd:hover .lftda img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.lftd:hover .lftda:before{border-color:#960011; border-style:solid; border-width:5px;}


.lftd:hover .lftda{
            border: solid 5px #efdddf;
            animation: whirl 3s linear infinite;/*animation-iteration-count:1; */
        }
.lftd:hover .lftda img{transform:scale(1.1); -webkit-transform:scale(1.1);-moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;z-index:0;/*transform: rotate(0deg)*/} 



/* .lftda{width:145px; height:145px; margin-left:25px; margin-right:25px; margin-top:20px; border-radius:50%;border-color:#960011; border-style:solid; border-width:5px;-webkit-transition: 1s ease-out;-moz-transition:1s ease-out;-o-transition:1s ease-out;-ms-transition:1s ease-out; transition:1s ease-out;}
.lftda img{width:145px; height:145px;border-radius:50%;display:block; }
.lftd:hover .lftda img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.lftd:hover .lftda:before{border-color:#960011; border-style:solid; border-width:5px;}


.lftd:hover .lftda{
            border: solid 5px #efdddf;
            animation: whirl 1s linear infinite;
        }
.lftd:hover .lftda img{transform: rotate(0deg)}		
		

@keyframes whirl {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(10deg);
            }
        } */



.lftdb{width:160px; height:30px; margin-top:20px; font-size:18px; font-weight:bold; margin-left:20px; margin-right:20px;}
.lftdc{width:160px; height:75px; line-height:25px; margin-top:10px; font-size:14px; margin-left:20px; margin-right:20px;}
.lftdd{width:110px; height:25px; line-height:25px; margin-top:10px; font-size:14px; background-color:#c30d19; color:#FFF; margin-left:45px; margin-right:45px;}
.lftdd:link {color:#FFF; text-decoration:none;}
.lftdd:visited {color:#FFF; text-decoration:none;}
.lftdd:hover {color:#FFF; text-decoration:none; }
.lftdd:active {color:#FFF; text-decoration:none;}




.lfxw{width:1300px; height:470px; margin-top:50px;margin-right:auto; margin-left:auto;}
.lfxwa{width:350px; height:400px; float:left; background-color:#fafafa;-webkit-box-shadow:0px 0px 5px #d6d6d6;-moz-box-shadow:0px 0px 5px #d6d6d6;-o-box-shadow:0px 0px 5px #d6d6d6;box-shadow:0px 0px 5px #d6d6d6; padding-top:35px; padding-left:25px; padding-right:25px; padding-bottom:35px; margin-right:50px; }
.lfxwa ul li{line-height:35px; list-style:inside;list-style-type:square; list-style:#e60101; /*font-size:14px;*/width:360px; border-bottom-color:#D3D3D3; border-bottom-style:dashed; border-bottom-width:1px;}
.lfxwa ul li:hover{text-decoration:none; color:#000000;}
.lfxwa ul{margin:0; padding:0px; }

.lfxwaa{width:350px; height:40px; line-height:40px; font-size:18px; font-weight:bold; }
.lfxwab{width:350px; height:86px; padding-bottom:30px; margin-top:10px; border-bottom-color:#A3A3A3; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:20px;}
.lfxwab img{ float:left; width:150px; height:86px; margin-right:10px; margin-top:10px;}


.lfxwa2{width:350px; height:400px; float:left; background-color:#fafafa;-webkit-box-shadow:0px 0px 5px #d6d6d6;-moz-box-shadow:0px 0px 5px #d6d6d6;-o-box-shadow:0px 0px 5px #d6d6d6;box-shadow:0px 0px 5px #d6d6d6; padding-top:35px; padding-left:25px; padding-right:25px; padding-bottom:35px; margin-right:50px;}
.lfxwa2 ul li{line-height:45px; list-style:inside;list-style-type:square; list-style:#e60101; /*font-size:14px;*/width:360px; border-bottom-color:#D3D3D3; border-bottom-style:dashed; border-bottom-width:1px;}
.lfxwa2 ul li:hover{text-decoration:none; color:#000000;}
.lfxwa2 ul{margin:0; padding:0px; }


.lfdi{ width:100%; height:155px; background-color:#960011; margin-top:50px; color:#FFF; padding-top:35px;  }
.lfdia{ width:1300px; height:155px; }
.lfdiaa{width:600px; height:155px; float:left; font-size:14px; line-height:25px; margin-right:100px;}
.lfdiab{width:343px; height:135px;padding-top:20px; float:left;}

.lfdixia{width:100%; height:40px; line-height:40px; color:#d4d4d4; background-color:#2e2e2e; font-size:14px;}
.lfnylxban{width:100%; height:350px;min-width:1300px; background-image:url(../lfimg/13.jpg);  background-position:center; background-repeat:no-repeat;}

.lfnylxayb{width:930px; min-height:700px; margin-top:20px; padding-left:70px;}
.lfnylxayb img{ float:right; margin-left:100px;}
.lfnylxayba{width:900px; min-height:200px; margin-top:20px;}

/*内页css*/
.lfnyban{width:100%; height:350px;min-width:1300px; background-image:url(../lfimg/04.jpg);  background-position:center; background-repeat:no-repeat;}

.lfnyjja{width:1300px; min-height:700px;margin-right:auto; margin-left:auto;  margin-top:30px;}
.lfnyjjaz{width:250px; height:auto; float:left; background-color:#f9f9f9; padding-bottom:20px; margin-top:-80px;}
.lfnyjjaza{width:250px; height:150px; background-image:url(../lfimg/05.jpg); line-height:150px; color:#FFF; font-size:26px; font-weight:bold; margin-bottom:30px;}
.lfnyjjazb{width:210px; height:40px; line-height:40px; margin-left:20px; margin-right:20px; border-color:#CCC; border-style:solid; border-width:1px; -webkit-box-shadow:0px 0px 5px #bebebe;-moz-box-shadow:0px 5px 0px #bebebe;-o-box-shadow:0px 0px 5px #bebebe;box-shadow:0px 0px 5px #bebebe; margin-bottom:10px;}
.lfnyjjazb:hover {color:#FFF; background-color:#960011;}


.lfnyjjay{width:1008px; height:auto; min-height:700px; float:right; border-left-color:#E7E7E7; border-left-style:solid; border-left-width:1px; padding-left:20px;}
.lfnyjjaya{width:1000px; height:50px; line-height:50px; border-bottom-color:#C7C7C7; border-bottom-style:solid; border-bottom-width:1px; padding-left:10px; }
.lfnyjjayb{width:1000px; min-height:700px; margin-top:20px;}
.lfnyjjayb img{ float:left; margin-right:10px;  margin-bottom:20px;width: 100%;}


/*内页新闻列表*/
.lfnyxwban{width:100%; height:350px;min-width:1300px; background-image:url(../lfimg/04.jpg);  background-position:center; background-repeat:no-repeat;}
.lfnyxw{width:1008px;height:120px; margin-top:30px; margin-bottom:20px; border-color:#D9D9D9; border-style:solid; border-width:1px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.lfnyxw:hover{transform:translate(0,-3px);
	  -webkit-transform:translate(0,-3px);
	-moz-transform:translate(0,-3px);
	-o-transform:translate(0,-3px);
	-ms-transform:translate(0,-3px);
	-webkit-box-shadow:0px 0px 5px #bebebe;-moz-box-shadow:0px 5px 0px #bebebe;-o-box-shadow:0px 0px 5px #bebebe;box-shadow:0px 0px 5px #bebebe;
	}


.lfnyxwz{width:110px;height:60px; float:left; background-color:#960011; color:#FFF; padding-top:20px; padding-bottom:20px; margin-left:10px; margin-top:10px; margin-right:40px; }
.lfnyxwza{width:110px;height:50px; line-height:50px; font-size:28px;}
.lfnyxwzb{width:110px;height:30px; line-height:30px; font-size:12px;}

.lfnyxwy{width:720px;height:120px; float:left;}
.lfnyxwya{width:720px;height:30px; line-height:30px; font-size:18px; border-bottom-color:#D1D1D1; border-bottom-style:solid; border-bottom-width:1px; margin-top:10px;}
.lfnyxwyb{width:720px;height:60px; line-height:25px; margin-top:10px; font-size:12px;}

.lfnyxw2{width:120px;height:120px; float:left;}



/*业务领域*/
.lfnylyban{width:100%; height:350px;min-width:1300px; background-image:url(../lfimg/10.jpg);  background-position:center; background-repeat:no-repeat;}



/*内页团队*/
.lfnytdban{width:100%; height:350px;min-width:1300px; background-image:url(../lfimg/09.jpg);  background-position:center; background-repeat:no-repeat;}

.lfnytdbox{width:220px; height:308px; float:left; margin-left:14px; margin-right:14px; margin-bottom:20px;-webkit-transition: 1s ease-out;-moz-transition:1s ease-out;-o-transition:1s ease-out;-ms-transition:1s ease-out; transition:1s ease-out; border-color:#F0F0F0; border-style:solid; border-width:1px;}
.lfnytdbox:hover {-webkit-box-shadow:0px 0px 10px #C8C8C8;-moz-box-shadow:0px 10px 0px #C8C8C8;-o-box-shadow:0px 0px 10px #C8C8C8;box-shadow:0px 0px 10px #C8C8C8;}

.lfnytdboxa{width:190px; height:190px; margin-left:15px; margin-right:15px; margin-top:15px;overflow:hidden;}
.lfnytdboxa img{text-decoration:none;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.lfnytdbox:hover .lfnytdboxa img{text-decoration:none;transform:scale(1.1); -webkit-transform:scale(1.1);-moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;z-index:0;}


.lfnytdboxb{width:220px; height:40px; line-height:40px; margin-top:5px; font-weight:bold; }
.lfnytdboxc{width:80px; height:30px;line-height:30px; margin-left:70px; margin-right:70px; margin-top:5px; background-color:#960011;  border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; color:#FFF; font-size:14px; }

.lfnytdzw{width:1000px; min-height:700px; margin-top:20px;}
.lfnytdzwa{width:1000px; height:70px; line-height:70px; margin-top:20px; font-size:24px; font-weight:bold;}
.lfnytdzwb{min-width:300px; min-height:300px; }
.lfnytdzwc{width:900px; min-height:500px; margin-top:20px; margin-left:50px; margin-right:50px;}



/**/
.pagination {
  display: flex;
  @include list-unstyled();
  @include border-radius();
}

.page-link {
  position: relative;
  display: block;
  padding: $pagination-padding-y $pagination-padding-x;
  margin-left: -$pagination-border-width;
  line-height: $pagination-line-height;
  color: $pagination-color;
  background-color: $pagination-bg;
  border: $pagination-border-width solid $pagination-border-color;

  &:hover {
    z-index: 2;
    color: $pagination-hover-color;
    text-decoration: none;
    background-color: $pagination-hover-bg;
    border-color: $pagination-hover-border-color;
  }

  &:focus {
    z-index: 2;
    outline: $pagination-focus-outline;
    box-shadow: $pagination-focus-box-shadow;
  }

  // Opinionated: add "hand" cursor to non-disabled .page-link elements
  &:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
}

.page-item {
  &:first-child {
    .page-link {
      margin-left: 0;
      @include border-left-radius($border-radius);
    }
  }
  &:last-child {
    .page-link {
      @include border-right-radius($border-radius);
    }
  }

  &.active .page-link {
    z-index: 1;
    color: $pagination-active-color;
    background-color: $pagination-active-bg;
    border-color: $pagination-active-border-color;
  }

  &.disabled .page-link {
    color: $pagination-disabled-color;
    pointer-events: none;
    // Opinionated: remove the "hand" cursor set previously for .page-link
    cursor: auto;
    background-color: $pagination-disabled-bg;
    border-color: $pagination-disabled-border-color;
  }
}


//
// Sizing
//

.pagination-lg {
  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
}

.pagination-sm {
  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
}

/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}
/*其他*/
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}



img{border:none;}

/* scrollpic */
.scrollpic{max-width:1048px;min-height:550px;margin:20px auto;}
#myscroll{display:block; width:100%; position:relative; height:290px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:242px; padding:0 10px; position:relative; height:290px; color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(../images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{margin:10px; width:100%; display:block; height:42px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);}
#mybtns #right{background-image:url(../images/jt_r.png);}

@media(min-width:1572px){
.scrollpic{max-width:1572px; width:100%;}
#myscroll{width:1572px;}
}
@media(max-width:1571px){
.scrollpic{max-width:1310px; width:100%;}
#myscroll{width:1310px;}
}
@media(max-width:1309px){
.scrollpic{max-width:1048px; width:100%;}
#myscroll{width:1048px;}
}
@media(max-width:1047px){
.scrollpic{max-width:786px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:262px; width:100%;}
#myscroll{width:262px;}
}
/*浏览器宽度变化时需刷新页面才能正常显示*/

