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

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important;outline:none !important;}
.container-fluid{max-width:1130px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCover{ background-position: 50% 50%; background-size: cover; }
.sizeCover1{ background-position: 50% 50%; background-size: contain;background-repeat: no-repeat; }



/*全局样式*/

.logo{ line-height:100px;background:url(../images/beijing8.png) no-repeat;background-size: cover;background-position: 50% 50%;}
.logo .tel_box{ margin:25px 0 0 0;}
.logo .tel{ padding:10px 0 39px 88px; background:url(../images/tel.png) left top no-repeat;}
.logo .tel h6{ font-size:36px; color:#ff8400; line-height: 20px;}

.heard1{ width:100%; background:#333333;}
.heard1 nav{ width:100%;}
.heard1 nav ul li{ width:12.5%;  position:relative;height: 50px;background: url(../images/tubiao.jpg) no-repeat right;}
.heard1 nav ul li.active{background: url(../images/tubiao.jpg) no-repeat left ,url(../images/tubiao.jpg) no-repeat right;}
.heard1 nav ul li a{ display:block; color:#fff; font-size:15px; line-height:50px;  position: relative; z-index: 99;padding-left: 1px;}
.heard1 nav ul li.active a{ background: #ff8400;color: white;}
.heard1 nav ul li:hover a{ background: #ff8400;color: white;}


.logo .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
.logo .sjdnav ul{ padding:0; margin:0;}
.logo .sjdnav li{width:100%;background:rgba(4,92,187,0.8);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
.logo .sjdnav li a{display:block;color:#fff;}
.logo .sjdnav li a:hover{ background:#ff8400;color: white;}
.logo .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
.logo .ydd_btn span{ display:block; width:100%; height:4px; background:#0461b6;}
.logo .ydd_btn span.span02{margin:4px 0;}
.logo .ydd_btn.click{ background:none;}
.logo .ydd_btn.click span{ background:#0461b6;}
.logo .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}



/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none; display:none}
#myCarousel .carousel-control.right{background-image: none; display:none}

.carousel-indicators{bottom:0;}
.carousel-indicators .active,.carousel-indicators li{width:13px;height:13px;margin:1px 4px;}

/*标题*/
.title {background: url(../images/kuan.png) center 15px no-repeat; padding: 0 0 20px 0;}
.title h3{ color: #ff8400; font-size: 26px; font-weight: bold;}
.title h6{ font-size:20px; color: #ff8400; text-transform: uppercase; padding: 8px 0 0 0;font-family: "微软雅黑";}

/*画室简介*/
.min{padding: 48px 0 0 0;}
.min .title{margin:0 0 41px 0 ;}
.pictrue-2-list{ overflow: hidden; }
.pictrue-2-list a{ display: block; height:273px; }
.text-1{margin-left: 30px;}
.text-1 .biaoti{ margin-bottom:23px; font-size: 24px;color: #333333; line-height: 24px; }
.text-1 .jieshao{ margin-bottom: 28px; height: 160px; font-size: 14px;color:#666666 ; line-height: 40px; overflow: hidden; }
.text-1 .more a{ display: block; width: 141px; font-size: 14px;color: #fff; line-height: 34px; background: #ff8400; }


/*画室作品*/
.min1{padding: 48px 0 0 0;}
.min1 .title{margin:0 0 41px 0 ;}
.min1 .owl-theme .owl-controls .owl-buttons div{display:none}
.min1 .picture21{ position:relative;}
.min1 .picture21 #owl-demo .item{-webkit-transition: all 0.3s;transition:all 0.3s;}
.min1 .picture21 #owl-demo .item li{ -webkit-transition: all .3s; transition:all .3s;border: 1px solid #CCCCCC;}
.min1 .picture21 #owl-demo .item li a{display: block;}
.min1 .picture21 #owl-demo .item li .imgs{ transition:all .3s; overflow: hidden; position: relative;}
.min1 .picture21 #owl-demo .item li .imgs span{ display: block; width: 100%; transition: all .8s;}
.min1 .picture21 #owl-demo .item .imgs img{max-width:100%;}
.min1 .picture21 #owl-demo .item li .imgs .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.75) url(../images/mak.png) no-repeat center center;opacity:0}
.min1 .picture21 .owl-theme .owl-controls .owl-page{ display:none;}
.min1 .owl-theme .owl-controls.clickable .owl-buttons div{display:none !important}

/*招生简章*/
.min2{padding: 48px 0 50px 0;}
.min2 .news_left{ margin: 20px 0 0 0; border-bottom: 1px solid #333333;}
.min2 .news_left .imgbox{ overflow: hidden;}
.min2 .news_left .imgbox span{ display: block; width: 100%; transition:all .5s;}
.min2 .news_left .imgbox img{ max-width: 100%;}
.min2 .news_left .news_til{ margin: 22px 0 0 0;}
.min2 .news_left .news_til .biao h3{ font-size: 16px; color: #333333; font-weight: bold; width: 60%; line-height: 18px;}
.min2 .news_left .news_til .biao h6{ font-size: 16px; color: #808080; line-height: 18px;}
.min2 .news_left .news_til .biao h6 i{ font-style: normal; padding: 0 10px 0 0; font-size: 14px;}
.min2 .news_left .news_til .news_ti{ font-size: 14px; line-height: 29px; height: 57px; overflow: hidden; color: #666666; margin: 20px 0 10px 0;}

.min2 .news_right{ margin: 20px 0 0 0;}
.min2 .news_right ul{ padding: 0;}
.min2 .news_right ul li{ padding: 0px 16px 16px 232px; min-height: 154px; position: relative; margin-bottom: 14px;}
.min2 .news_right ul li a{ display: block; width: 100%;}
.min2 .news_right ul li .imgbox{ position: absolute;  left: 16px;  z-index: 1;  width: 206px; height: 149px; transition: all .3s; overflow: hidden;border-top: 1px solid rgba(126,126,126,0.8);border-bottom: 1px solid rgba(126,126,126,0.8);}
.min2 .news_right ul li .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.min2 .news_right ul li .news_til2{ padding: 0 0 0 15px;}
.min2 .news_right ul li .news_til2 h3{ font-size: 16px; color: #333333; font-weight: bold; transition: all .3s}
.min2 .news_right ul li .news_til2 h6{ font-size: 16px; color: #666666; line-height: 18px; padding: 16px 0 13px 0;}
.min2 .news_right ul li .news_til2 h6 i{ font-style: normal; padding: 0 10px 0 0; font-size: 14px;}
.min2 .news_right ul li .news_til2 .news_ti2{ color: #666666; line-height: 29px; height: 87px; overflow: hidden;}
.min2 .more22{display:block; width:158px; font-size:16px; color:#fff; line-height:40px; text-align:center; margin:19px auto 0;background: #ff8400;}



/*教学优势*/
.min3{background:url(../images/bei1.jpg) no-repeat;background-size: cover;padding: 48px 0 50px 0;}
.min3 .title {background: url(../images/kuan1.png) center 15px no-repeat; padding: 0 0 20px 0;}
.min3 .title{margin:0 0 38px 0 ;}
.min3 .title h3{color: white;}
.min3 .title h6{color: white;}
.min3 .zi p{font-size: 16px;color: white;line-height: 28px;margin: 0;overflow: hidden;}
.min3 .more{display:block; width:140px; font-size:12px; color:#fff; line-height:36px; text-align:center; margin:10px auto 0;background: #ff8400;border-radius: 10px;}


/*家长必读*/
.min4{padding: 48px 0 50px 0;}
.min4 .title{margin:0 0 60px 0 ;}
.min4 .news_right{ margin: 20px 0 0 0;}
.min4 .news_right ul{ padding: 0;}
.min4 .news_right ul li{ padding: 0px 0 16px 232px; min-height: 154px; position: relative; margin-bottom: 14px;}
.min4 .news_right ul li a{ display: block; width: 100%;}
.min4 .news_right ul li .imgbox{ position: absolute;  left: 16px;  z-index: 1;  width: 206px; height: 149px; transition: all .3s; overflow: hidden;border-top: 1px solid rgba(126,126,126,0.8);border-bottom: 1px solid rgba(126,126,126,0.8);}
.min4 .news_right ul li .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.min4 .news_right ul li .news_til2{ padding: 0 0 0 15px;}
.min4 .news_right ul li .news_til2 h3{ font-size: 16px; color: #333333; font-weight: bold; transition: all .3s}
.min4 .news_right ul li .news_til2 h6{ font-size: 16px; color: #666666; line-height: 18px; padding: 16px 0 13px 0;}
.min4 .news_right ul li .news_til2 h6 i{ font-style: normal; padding: 0 10px 0 0; font-size: 14px;}
.min4 .news_right ul li .news_til2 .news_ti2{ color: #666666; line-height: 29px; height: 87px; overflow: hidden;}
.min4 .more22{display:block; width:158px; font-size:16px; color:#fff; line-height:40px; text-align:center; margin:19px auto 0;background: #ff8400;}

.min4 .jianqu{}
.min4 .jianqu .col-md-6{padding: 0 !important;}

/*联系我们*/
.min5{padding: 48px 0 50px 0;background:url(../images/bei4.jpg) no-repeat;background-size: cover;}
.min5 .title {background: url(../images/kuan1.png) center 15px no-repeat; padding: 0 0 20px 0;}
.min5 .title{margin:0 0 38px 0 ;}
.min5 .title h3{color: white;}
.min5 .title h6{color: white;}
.contact02{ margin: 6px 0 0 0;}
.contact02 h3{ color: #fff; font-size: 16px; line-height: 40px;}
.contact02 .h5{ font-size: 14px; color: #fff; line-height: 22px; height: 44px; overflow: hidden;}
.contact02 .detailed { margin-top:25px;}
.contact02 .detailed .ewm_box{ width:30%;}
.contact02 .detailed .lx{ width: 70%;}
.contact02 .detailed .lx ul li{ padding: 0 0 0 34px; font-size: 14px; color: #fff; line-height: 30px; margin-bottom: 5px;}
.contact02 input{border:1px solid #cccccc; background: #fff; height:37px; width: 100%; padding: 10px 20px; border-radius: 5px;color: #4c4c4c;}
.contact02 textarea{ border:1px solid #cccccc;  background:#fff; height:108px; resize:none; width: 100%; padding:10px 20px; border-radius: 5px;color: #4c4c4c;}
.contact02 button{ width:100%; height:38px; color:#fff; background:#ff9600; border:none; transition:all 0.3s; border-radius: 5px;font-size: 18px;}




footer{ padding:30px 0; background: #000000;}
footer section{color:#fff; text-align:center; line-height: 20px;}
footer section .Copyright a{ color:#fff;}
footer section .Copyright a:hover{ color: #fff; text-decoration:underline !important}

/*底部热点*/
	#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
	#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) rgba(110,209,207,1); background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}



/*子页面*/
/*1、关于我们*/
.main8{ padding:30px 0 50px;font-size:14px; line-height:28px;}
/*内页左侧导航主要样式*/
.menu{background:#ff8400; font-size:24px; color:#fff; line-height:60px; font-weight:bold; text-align:center; position:relative}

.title-zi{background:url(../images/icon.png) no-repeat left -1px; border-bottom:1px solid #999; text-indent:50px; font-size:14px; color:#666}
.title-zi h4{font-size:18px;font-weight:bold; margin-top: 15px !important;}
.title-zi span{ margin-top:13px}
.title-zi span a{color:#666;}
.title-zi span a:hover{color:#00335a;}
.neiye .menu1{margin-top:20px;}
.lian{border:1px solid #ccc; font-size:12px; color:#666; line-height:20px; padding:3px;}
.lian img{width:100%; height:auto;}
.lian .zi{padding:10px 15px 20px;}
.about{font-size:14px; color:#666;line-height:28px; }
.about h4{font-size:20px; line-height:35px; text-align:center;}
.about img{max-width:100%; height:auto; display:block;margin:10px auto}
.main8 .cont { margin-top: 20px;}

.subNavBox{ margin-bottom:10px;  border-top: none;}
.subNav2{cursor:pointer;font-size:14px;line-height:46px;}
.subNav2 a{ color:#383838; width:100%; display:block; padding: 0 0 0 90px;  background:url(../images/hei.png) 40px center no-repeat;border: 1px solid #d9d9d9;margin:2px 0 2px 0;}
.subNav2.currentDd a{  color: #ff8400;  background: url(../images/huan.jpg) 40px center no-repeat;}
.subNav2:hover a,.subNav2.currentDd a{  color: #ff8400; font-weight: bold;  background: url(../images/huan.jpg) 40px center no-repeat;}
.subnav .di{ color:#000000;line-height:22px; border: 1px solid #d9d9d9; padding: 0px 10px 20px 10px;margin: 4px 0 0 0;}
.subnav .di p{ padding: 10px; font-size: 13px; color: #000; line-height: 25px;}
.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#ff8400;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#4c4c4c; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:white; display:block; line-height:40px;} 
.navContent{display: none; margin:0;}
.navContent.active{ display:block;}
.navContent .li2{ padding: 0; }
.navContent .li2 a{ display: block; font-size: 12px; line-height: 40px; color: #6a6a6a; font-family: "宋体"; text-align: center; position: relative;background: #ebebeb;margin: 0 0 2px 0;}
.navContent .li2 a:after{font-size: 14px; color:#1a76e9; line-height: 40px; position: absolute; left: 30%; top: 0;font-weight: bold;}
.navContent .li2 a:hover,.navContent .li2 .active{background: #ff8400; color: #fff; }
.navContent .li2 a:hover,.navContent .li2 .active:after{ color: #fff;}

.show-box{background-image:none;}
.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 15px;}
.show .imgbox{display:block;}
.show .imgbox .tu{border:1px solid #ccc; background:#fff;overflow:hidden; margin-bottom:3px}
.show .imgbox h4{font-size:14px; color:#333; text-align:center;}


.picture7{ margin:20px 0 0 0; text-align: center;}
.picture7 img{ display:block; margin:0 auto;}
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

.call-us{font-size:14px;line-height:28px;margin: 21px 0 0 0;}
.call-us h4{font-size:18px; color:#666; font-weight:bold;line-height:30px;}
.call-us img{max-width:100%; height:auto; display:block;margin:10px auto}

.fa1{ margin-top:30px;}
.fa1 ul li{ padding:0 0 20px 0; margin-bottom:10px;}
.fa1 ul li .fabox{ position:relative; padding:0 0 0 265px; min-height:175px;}
.fa1 ul li .fabox .imgbox{ width:265px; height:175px; overflow:hidden; position:absolute; left:0; top:0; z-index:1; }
.fa1 ul li .fabox .imgbox span{ display:block; width:100%; height:100%; transition:all .5s;}
.fa1 ul li .fabox .fatil{ padding:0 0 0 30px;}
.fa1 ul li .fabox .fatil h3{ font-size:18px; color:#4f4f4f; font-weight:bold;padding: 12px 0 0 0;}
.fa1 ul li .fabox .fatil h6{ font-size:12px; color:#999; line-height:30px;}
.fa1 ul li .fabox .fatil .fati{ color:#999; line-height:20px; height:40px; overflow:hidden;margin-top: 10px;}
.fa1 ul li .fabox .fatil .more2{ width:124px; line-height:36px; color:#fff; text-align:center; background:#343434; margin-top:26px; transition:all .3s;}

@media (max-width:1199px){
.owl-theme .owl-controls.clickable .owl-buttons div{display:none !important}
.carousel-indicators {bottom: -10px;}
}
@media (min-width:992px){
.more22:hover{background: #ff9600;color: white;}
.pictrue-2-list a:hover{ transform:scale(1.05,1.05);}
.text-1 .more a:hover{ background: #333333;}
.min1 .picture21 #owl-demo .item li:hover  .imgs span{ transform: scale(1.1);}
.min2 .news_left:hover .imgbox{ border: 3px solid #ff8400 ;}
.min2 .news_left:hover .imgbox span{ transform: scale(1.1);}
.min2 .news_right ul li:hover .imgbox{ border: 3px solid #ff8400 ;}
.min2 .news_right ul li:hover .imgbox span{ transform: scale(1.1);}
.min2 .news_right ul li:hover .news_til2 h3{ color: #ff8400 ;} 
.min4 .news_left:hover .imgbox{ border: 3px solid #ff8400 ;}
.min4 .news_left:hover .imgbox span{ transform: scale(1.1);}
.min4 .news_right ul li:hover .imgbox{ border: 3px solid #ff8400 ;}
.min4 .news_right ul li:hover .imgbox span{ transform: scale(1.1);}
.min4 .news_right ul li:hover .news_til2 h3{ color: #ff8400 ;} 
.contact02 button:hover{background: #333333;}
.show .imgbox:hover .tu{border-color:#ff8400;}
.show .imgbox:hover .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.fa1 ul li:hover .imgbox span{ transform:scale(1.1);}
.fa1 ul li:hover .fabox .fatil h3{ color:#ff8400;}
.fa1 ul li:hover .fabox .fatil .more2{ background:#ff8400;}
.min3 .more:hover{background:#333333; color:#fff;}
.min2 .more22:hover{background:#333333; color:#fff;}
.min4 .more22:hover{background:#333333; color:#fff;}
}
@media (max-width:991px){
.logo{ line-height: 100px;}
.logo img{ width: auto; height:60px; }
.pictrue-2{ margin-bottom: 20px; }
.pictrue-2-list a{ height: auto; }
.title-1{ margin-bottom: 30px; }
.text-1 .biaoti{ margin-bottom: 10px; font-size: 18px; line-height: 24px; }
.text-1 .jieshao{ margin-bottom: 10px; height: auto; line-height: 24px; }
.contact02 {margin: 35px 0 0 0;}
.text-1 {margin-left: 0;}
.min{padding: 38px 0 0 0;}
.min1{padding: 38px 0 0 0;}
.min2{padding: 38px 0 40px 0;}
.min3{padding: 38px 0 40px 0;}
.min4{padding: 38px 0 40px 0;}
.min5{padding: 38px 0 40px 0;}
.min .title {margin: 0 0 31px 0;}
.min1 .title {margin: 0 0 31px 0;}
.min4 .title {margin: 0 0 50px 0;}
.carousel-indicators {display: none;}
}
@media (max-width:767px){
.logo{ line-height: 80px;}
.logo img{ width: auto; height:40px; }
.logo .ydd_btn{top:30px;}
.logo .sjdnav{top:80px; }
.title h3{ font-size: 20px;}
.title{ background-size: 200px 42px;}
.title h6{ font-size:14px;}
.min3 .title h3{ font-size: 20px;}
.min3 .title{ background-size: 200px 42px;}
.min3 .title h6{ font-size:14px;}
.min5 .title h3{ font-size: 20px;}
.min5 .title{ background-size: 200px 42px;}
.min5 .title h6{ font-size:14px;}
.contact02 {margin: 30px 0 0 0;}
.min{padding: 28px 0 0 0;}
.min1{padding: 28px 0 0 0;}
.min2{padding: 28px 0 30px 0;}
.min3{padding: 28px 0 30px 0;}
.min4{padding: 28px 0 30px 0;}
.min5{padding: 28px 0 30px 0;}
.min .title {margin: 0 0 21px 0;}
.min1 .title {margin: 0 0 21px 0;}
.min4 .title {margin: 0 0 40px 0;}
.show-box .row{margin:0 -8px !important}
.show-box .col-xs-6{padding:0 8px !important}
.show-box .imgbox{margin:0 0 16px}
.call-us img{margin:0 auto}
.fa1 ul li .fabox{ position:relative; padding:0 0 0 200px; min-height:75px;}
.fa1 ul li .fabox .imgbox{ width:200px; height:130px;}

}
@media (max-width:600px){
.logo{ line-height:60px;}
.logo img{ width: auto; height:35px; }
.logo .ydd_btn{top:20px;width: 35px;}
.logo .sjdnav{top:60px; }
.min4 .title {margin: 0 0 30px 0;}


.show .imgbox h4{font-size:12px}
.show-box .row{margin:0 -5px !important}
.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 3px;}
}
@media (max-width:479px){
.logo{ line-height:50px;}
.logo img{ width: auto; height:26px; }
.logo .ydd_btn{top:18px;width: 30px;}
.logo .sjdnav{top:50px;}
.logo .ydd_btn span.span02{margin:3px 0;}
.text-1 .more a {width: 131px;font-size: 12px;line-height: 30px;}
.title {margin: 10px 0 5px 0;}
.title h3{ font-size: 17px;}
.title{ background-size: 200px 32px;background-position: center 10px;}
.title h6{ font-size:12px;padding: 6px 0 0 0;}
.min3 .title {margin: 10px 0 5px 0;}
.min3 .title h3{ font-size: 17px;}
.min3 .title{ background-size: 200px 32px;background-position: center 10px;}
.min3 .title h6{ font-size:12px;padding: 6px 0 0 0;}
.min5 .title {margin: 10px 0 5px 0;}
.min5 .title h3{ font-size: 17px;}
.min5 .title{ background-size: 200px 32px;background-position: center 10px;}
.min5 .title h6{ font-size:12px;padding: 6px 0 0 0;}
.min2 .news_right ul li{ background: #ff8400; padding: 10px 10px 10px 140px; min-height: 114px; position: relative; margin-bottom: 14px;}
.min2 .news_right ul li .imgbox{ position: absolute;  left: 10px; top: 10px; z-index: 1; border:3px solid #fff; width: 130px; height: 94px; transition: all .3s; overflow: hidden;}
.min2 .news_right ul li .news_til2{ padding: 0 0 0 10px;}
.min2 .news_right ul li .news_til2 h3{ font-size: 14px; color: #FFFFFF;}
.min2 .news_right ul li .news_til2 h6{ font-size: 12px; line-height: 18px; padding:10px 0 7px 0;color: #FFFFFF;}
.min2 .news_right ul li .news_til2 h6 i{ padding: 0 5px 0 0; font-size: 12px;}
.min2 .news_right ul li .news_til2 .news_ti2{ color: #fff; line-height: 20px; height: 40px; overflow: hidden;}
.min2 .news_left .news_til .biao h3 {font-size: 15px;width: 60%;line-height: 17px;}
.min2 .news_left .news_til .news_ti {font-size: 13px;line-height: 28px;height: 56px;margin: 5px 0 10px 0;}
.min4 .news_right ul li{ background: #ff8400; padding: 10px 10px 10px 140px; min-height: 114px; position: relative; margin-bottom: 14px;}
.min4 .news_right ul li .imgbox{ position: absolute;  left: 10px; top: 10px; z-index: 1; border:3px solid #fff; width: 130px; height: 94px; transition: all .3s; overflow: hidden;}
.min4 .news_right ul li .news_til2{ padding: 0 0 0 10px;}
.min4 .news_right ul li .news_til2 h3{ font-size: 14px; color: #FFFFFF;}
.min4 .news_right ul li .news_til2 h6{ font-size: 12px; line-height: 18px; padding:10px 0 7px 0;color: #FFFFFF;}
.min4 .news_right ul li .news_til2 h6 i{ padding: 0 5px 0 0; font-size: 12px;}
.min4 .news_right ul li .news_til2 .news_ti2{ color: #fff; line-height: 20px; height: 40px; overflow: hidden;}
.min4 .news_left .news_til .biao h3 {font-size: 15px;width: 60%;line-height: 17px;}
.min4 .news_left .news_til .news_ti {font-size: 13px;line-height: 28px;height: 56px;margin: 5px 0 10px 0;}
.contact02 {margin: 5px 0 0 0;}
.min3 .zi p {font-size: 14px;height: 120px;line-height: 24px;overflow: hidden;}
.min{padding: 18px 0 0 0;}
.min1{padding: 18px 0 0 0;}
.min2{padding: 18px 0 10px 0;}
.min3{padding: 18px 0 10px 0;}
.min4{padding: 18px 0 10px 0;}
.min5{padding: 18px 0 10px 0;}
.min .title {margin: 0 0 11px 0;}
.min1 .title {margin: 0 0 11px 0;}
.min4 .title {margin: 0 0 11px 0;}
.min2 .news_left {margin: 6px 0 0 0;}
.min2 .more22 {width: 138px;font-size: 14px;color: #fff;line-height: 34px;margin: 2px auto 0;}
.min3 .more {width: 120px;font-size: 12px;line-height: 30px;margin: 5px auto 0;}
.min4 .news_right {margin: 0px 0 0 0;}
.min4 .more22 {width: 138px;font-size: 14px;line-height: 34px;margin: 0px auto 0;}
.fa1 ul li .fabox{ position:relative; padding:0 0 0 135px; min-height:75px;}
.fa1 ul li .fabox .imgbox{ width:135px; height:100px;}
.fa1 ul li .fabox .fatil{ padding:0 0 0 10px;}
.fa1 ul li .fabox .fatil h3{ font-size:14px; color:#4f4f4f; font-weight:bold;}
.fa1 ul li .fabox .fatil h6{ font-size:12px; color:#999; line-height:24px;}
.fa1 ul li .fabox .fatil .fati{ color:#4f4f4f; line-height:20px; height:40px;margin-top:5px;}
.main8 { padding: 30px 0 30px;}

.title {padding: 0 0 10px 0;}
}
@media (max-width:400px){
.logo{ line-height:50px;}
.logo img{ width: auto; height:22px; }
}