/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,'Microsoft YaHei'; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px; margin:0 auto;}

/*common end*/


.headbg{ width:100%; height:60px; position:absolute; top:0; left:0; z-index:666; background:#fff;  position:fixed;}
.head{}
.head .logo{ float:left; width:30%; height:60px; position:relative;}
.head .logo img{ max-width:100%; max-height:45px; position:absolute; top:6px; right:0; bottom:0; left:10px; margin:auto 0;}

.head .rt{ float:right; max-width:80%;}
/*menu*/
.menu{height:60px;line-height:58px; }
.menu ul li{ float:left; position:relative; }
.menu ul li span{ display:block;padding:0 20px;}
.menu ul li dl{ background:#fff; width:120px; position:absolute; left:0px; top:60px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);display:none; }
.menu ul li dl dd{ line-height:30px; position:relative;}
.menu ul li dl dd a{ font-size:12px; color:#666; padding:0 10px; text-align:left;}
.menu ul li dl dd a:hover{ color:#f08300; background:#f7f7f7;}
.menu a{ font-size:14px;color:#333; text-decoration:none; display:block;text-align:center; border-top:2px solid transparent; }
.menu a:hover{color:#f08300;}
a.menu_hover{ color:#f08300; border-top:2px solid #f08300;}
.menu_down span{ display:block;background:url(../images/menu_down.png) right 5px center no-repeat;}
.menu ul li dl dd .sanji{ background:#fff; width:120px; position:absolute; left:120px; top:0px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);display:none; }
.menu ul li dl dd .sanji b{ display:block; font-weight:normal; line-height:30px;}

.nav {margin:0px; padding:0 5%; display:none; border-top:1px solid rgba(16,24,32,.2); background:#fff;}
.nav-item {margin:0px;padding:0px; list-style:none;zoom:1;width:100%; /*text-align: center;*/}
.nav-item a {display:block;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear; font-size:16px; background:#fff;color: #333;/* border-top:1px solid rgba(16,24,32,.2); line-height:49px; height:49px;*/ overflow:hidden;}
.nav-item a:hover { color: #f08300;}
.nav-mobile {display: none;cursor: pointer;position: absolute; top: 0px; right:2%; background: url(../images/navbg.png) center no-repeat;width: 20px;height:60px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;/*float:left;*/display:none;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}
.submenu li dl dd{ padding-left:20px; line-height:30px;}

@media(max-width:768px){
.head .logo{ width:50%; margin-left:2%;}
.head .rt{ display:none;}
.nav{ display:block;}
}


.bannerbg{ margin-top:60px;}
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  /* max-width:560px;设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; width:100%; height:28px; line-height:28px; bottom:0; right:0; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#999; text-indent:-9999px; overflow:hidden; margin:0 4px;   }
.slideBox .hd li.on{ background:#000;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }



.tit1{ text-align:center;}
.tit1 h2{ font-weight:normal; font-size:36px; line-height:2em;}
.con01bg{ padding:5% 0;}
.con01{}
.con01 .main{ margin:3% 1% 0 1%;}
.con01 .main ul li{ float:left; width:18%; margin:0 1%;}
.con01 .main ul li .box{ border-bottom:2px solid transparent;}
.con01 .main ul li:hover .box{ box-shadow:0px 5px 10px #e0e0e0; border-bottom:2px solid #2b2b2b;}
.con01 .main ul li .img{}
.con01 .main ul li .img img{ width:100%;}
.con01 .main ul li .txt{ padding:5px 10px;}
.con01 .main ul li .txt h2{ font-weight:normal; font-size:20px; line-height:1.5em; height:1.5em; overflow:hidden;}
.con01 .main ul li .txt h2 a{ color:#333;}
.con01 .main ul li .txt h3{ font-weight:normal; font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; color:#666; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
@media(max-width:1024px){
.con01 .main ul li{ float:left; width:31.33%; margin:0 1%;}
}
@media(max-width:768px){
.con01 .main ul li{ float:left; width:48%; margin:0 1%;}
}
@media(max-width:400px){
.con01 .main ul li{ float:left; width:98%; margin:0 1%;}
}

.more1{ text-align:center; margin-top:3%;}
.more1 a{ display:inline-block; width:138px; height:38px; line-height:38px; border:1px solid #333; color:#333; font-size:14px; border-radius:5px;}
.more1 a:hover{ background:#333; color:#fff;}


.con02bg{ padding:5% 0;}
.con02{}
.con02 .txt{ padding:0 2%;}
.con02 .txt h2{ font-weight:normal; font-size:30px; line-height:1.5em;}
.con02 .txt h3{ font-weight:normal; font-size:18px; line-height:1.5em;  margin:.5em 0;}
.more2{ margin-top:3%;}
.more2 a{ display:inline-block; width:138px; height:38px; line-height:38px; border:1px solid #f08300; color:#f08300; font-size:14px; border-radius:5px; text-align:center;}
.more2 a:hover{ background:#f08300; color:#fff;}



.con03bg{ background:#f7f7f7; padding:5% 0;}
.con03{}
.con03_con{ overflow:hidden; margin:0 2%;}
.con03 .main{ margin:3% 0 0 0;}
.swiper-container2 {
  width: 100%;
  height: 100%; overflow:visible !important;
}
.swiper-container2 .swiper-slide {
  /*text-align: center;
  font-size: 18px;*/
  background: #fff;
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
}
.swiper-container2 .swiper-slide .box{}
.swiper-container2 .swiper-slide:hover .box{ box-shadow:0 4px 10px rgba(0,0,0,.25);
	transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px); }
.swiper-container2 .swiper-slide .img{}
.swiper-container2 .swiper-slide .img img{ width:100%;}
.swiper-container2 .swiper-slide .txt{ padding:10px;}
.swiper-container2 .swiper-slide .txt h2{ font-weight:normal; font-size:14px; line-height:1.5em; height:4.5em; overflow:hidden;}
.swiper-container2 .swiper-slide .txt h2 a{ color:#333;}
.swiper-container2 .swiper-slide .txt h3{ font-weight:normal; font-size:12px; line-height:1.5em; height:1.5em; overflow:hidden; margin:10px 0 10px 0;}
.swiper-container2 .swiper-slide .txt h3 img{ margin:0 5px 0 10px;}
.swiper-container2 .swiper-slide .txt h4{ font-weight:normal; font-size:16px; line-height:1.5em; height:3em; overflow:hidden;}


.tit2{ text-align:center; border-bottom:1px solid #eee; padding-bottom:15px;}
.tit2 h2{ font-weight:normal; font-size:30px; line-height:2em;}
.tit2 h3{ font-weight:normal; font-size:16px; line-height:1.5em;}
.con04bg{ padding:5% 0 2% 0;}
.con04{}
.con04 .main{ margin-top:3%;}
.con04_lt{ float:left; width:65%;}
.con04_lt table{ border-spacing:0;}
.con04_lt table td{ width:48%; padding:1% 1%}
.con04_lt .txt{ border:none; width:96%; height:36px; line-height:36px; padding:0 2%; background:#eee; border-radius:3px;}
.con04_lt .btn{ border:none; width:96%; height:36px; line-height:36px; background:#F08300; color:#fff; font-size:14px; border-radius:3px; cursor:pointer;}

.con04_rt{ float:right; width:33%; text-align:right;}
.con04_rt .img{}
.con04_rt .img img{ width:150px;}
.con04_rt h2{ font-weight:normal; font-size:12px; line-height:1.5em; color:#999; margin-top:10px;}
.con04_rt h2 strong{ display:block; font-size:44px; line-height:1.5em;}
.con04_rt h2 strong a{ color:#333; margin-left: 18px;}
.con04_rt h3{ font-weight:normal; font-size:12px; line-height:1.5em; color:#999;}
.con04_rt h3 strong{ display:block; font-size:14px; line-height:1.5em; color:#000; margin-top:5px;}

@media(max-width:768px){
.con04_lt{ float:left; width:96%; margin:0 2%;}
.con04_lt table td{ display:block; width:98%; padding:1% 1%}
.con04_rt{ float:right; width:96%; margin:3% 2% 0 2%; text-align:center;}
}


.con05bg{ padding:0 0 5% 0;}
.con05{ font-size:14px; line-height:1.5em; border-top:1px solid #eee; padding-top:10px;}
.con05 dl{ margin:0 2%;}
.con05 dl dt{ float:left;}
.con05 dl dd{ float:left;}
.con05 dl dd a{ color:#333; margin:0 5px;}
.con05 dl dd a:hover{ color:#f60;}


.con11bg{ background:#f6f6f6; padding:5% 0;}
.con11{}
.con11 table{}
.con11 table td{}
.con11 .img{ width:36%; padding:5%;}
.con11 .img img{ width:100%;}
.con11 .txt{ width:50%; padding:2%; background:#fff;}
.con11 .txt .tit2{ text-align:left;}
.con11 .txt .wenzi{ font-size: 16px; line-height: 2.5em;}
@media(max-width:768px){
.con11 table td{ display:block;}
.con11 .img{ width:100%; padding:5%;}
.con11 .img img{ max-width:100%; width:auto;}
.con11 .txt{ width:100%; padding:5%; }
}


.footbg{ padding:3% 0; background:#000; color:#fff;}
.foot{ overflow:hidden;}
.foot ul{ float:left; width:calc(100% - 110px)}
.foot ul li{ font-size:14px; line-height:1.5em; margin:.2em 0; text-align:center;}
.foot ul li a{ color:#999}
.foot ul li a:hover{ color:#f60;}
.foot img{ float:right;}


@media(max-width:768px){
	.foot ul{ float:none; width:100%}
.foot img{ float:none; margin:0 auto; display:block;}
}


/*Add------------------------------------------------------------------------------*/

.inbannerbg{ margin-top:60px;}
.inbannerbg img{ width:100%; float:left;}


.in_navbg{ height:55px; line-height:55px; border-bottom:1px solid #f0f2f5;}
.in_nav{ text-align:center;}
.in_nav ul li{ display:inline-block; font-size:16px;}
.in_nav ul li a{ display:block; padding:0 10px; color:#333;}
.in_nav ul li a:hover{ color:#f08300;}
.in_nav ul li.active{}
.in_nav ul li.active a{ color:#f08300;}

.insidebg{ padding:0 0 5% 0;}
.inside{ }
@media(max-width:768px){
.in_nav{ text-align:left; overflow-X:scroll;}
.in_nav ul{ width:768px;}
}



.news{ padding:3% 2% 0 2%;}
.news ul{}
.news ul li{}
.news ul li table{ border-spacing:0;}
.news ul li table td{ padding:20px 0;}
.news ul li:hover table td{ border-bottom:1px solid #f08300;}
.news ul li .img{ width:15%; border-bottom:1px solid #ccc;}
.news ul li .img img{ width:100%;}
.news ul li .txt{ width:83%; padding-left:2%; border-bottom:1px solid transparent;}
.news ul li .txt h2{ font-weight:normal; font-size:22px; line-height:2em; height:2em; overflow:hidden;}
.news ul li .txt h2 a{ color:#333;}
.news ul li:hover .txt h2 a{ color:#f08300}
.news ul li .txt h3{ font-weight:normal; font-size:12px; line-height:1.5em; height:3em; overflow:hidden; color:#666;}
.news ul li .txt h4{ font-weight:normal; font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; margin-top:5px;}
.news ul li .txt h4 img{ margin:0 5px 0 10px;}
@media(max-width:768px){
.news ul li .img{ width:25%;}
.news ul li .txt{ width:73%;}
.news ul li .txt h2{ font-size:16px; line-height:2em; height:2em; overflow:hidden;}
}