.pro_item{
	margin-bottom: 10px;
	transition:0.5s;
}
.pro_item .img{
	padding:3px;
	border:1px solid #e4e4e4;
}
.pro_item img{
	width: 100%;
	
}
.pro_item:hover{
	transform: scale(1.1);
}
.pro_item p{
	line-height: 42px;
	
	text-align: center;
}
.pro_item p a{
	font-size: 13px;
	color: #333333;
}
.breadcrumbs {
    padding: 6px 15px;
    margin-top: 30px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    height: 30px;
}
.breadcrumbs li{ float:left;}
.breadcrumbs li a {
    color: #333;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
margin-top:20px;
}

.container{width: 1200px;margin:0 auto;}

#live800iconlink{     display: block;
    position: fixed;
    top:30%; right:10px;}
#header{
	height: 82px;
	background:#fff;
}
.head_main{
     clear: both;
	position: relative;
}
#header .logo{
	margin-right: 150px;
	width: 190px;
	float: left;
	padding-top: 0px;
}
#header .logo img{ max-width: 100%;
    height: 82px;}
.nav li a.active{
	background:url(../images/nav_bg.png) no-repeat center bottom 8px;
}
.head_right{float: left; position: relative; width: 860px;}
.head_right .nav{width: 720px; border-right:1px solid #e8eaec;overflow: hidden; float: left;}
.head_right .nav li{ height: 82px; float: left; margin-right: 34px;}
.head_right .nav li a{display: block; height: 82px; line-height: 82px;font-size: 16px;
	color: #666666; padding:0;}
.head_right .btn1{width: 110px; position: absolute; right:0; top:0; height: 82px; line-height: 82px;
 font-size: 14px;color: #999999}
.btn1 .btn_link{display: block; width: 33px;height: 33px; 
	background: url(../images/search_btn.png) no-repeat center center; margin-top:26px;}

.pro_item{  height:auto; overflow:hidden;margin-bottom:20px; width:23%; margin-right:2%; float:left;}
.pro_item:nth-child(4n){ margin-right:0px;}
.pro_item img{ display:block; width:100%;height: 180px;}
.pro_item p{  color:#333; text-align:center;}
.pro_item p a{color:#333; }
/*banner*/
.index_banner{ height:580px;}
.index_banner {
	height: 550px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.index_banner .bd li {
	height: 550px
}
.index_banner .hd {
	position: absolute;
	bottom: 18px;
	height: 17px;
	width: 300px;
	z-index: 1;
	text-align:center;
width:100%;
}
.index_banner .hd li {
	width: 54px;
	height: 6px;
	cursor: pointer;
	margin-right: 10px;
	background:#fff;
	display: inline-block;
}
.index_banner .hd li:last-child{margin-right:0;}
.index_banner .hd .on {
	background:#0070c6;
}
.sm_content{ margin-bottom:30px;}
.index_banner .prev{position:absolute;left:3%;top:50%; opacity:0.5;width:54px;
 height:88px; margin-top:-32px; display:block; }
.index_banner .prev{background: url(../images/ban_prev_btn.png) no-repeat;background-size: 100% 100%;}
.index_banner .next{background: url(../images/ban_next_btn.png) no-repeat; 
	left:auto; right:3%;width:54px; height:88px;display:block;margin-top:-32px;
	position:absolute; top:50%;opacity:0.5; background-size: 100% 100%;}
.index_banner .next:hover,.index_banner .prev:hover{opacity:1;}

.index_pro{ margin-top: 40px; margin-bottom: 50px;}
.title{height: 72px; background: url(../images/title_bg.jpg) no-repeat center bottom; text-align: center; 
position: relative;}
.title h3{line-height: 72px;font-size: 40px;color: #0072c0; font-weight: bold;}
.title span{ position: absolute;bottom: -12px;width: 100%; text-align: center;font-size: 13px;color: #666666;left:0;}
.pro_list{margin-top: 30px;}
.pro_list li{width: 283px; height: 316px; border:1px solid #e4e7e9; position: relative;margin:0 20px 20px 0; float: left;}
.pro_list li:nth-child(4n){ margin-right: 0;}
.pro_list li p{width: 100%; height: 32px;left:0; background-color: #fff;
text-align: center;font-size: 16px; color: #666666; line-height:32px;}
.pro_list li img{width:100%; height:283px; display: block;}
.adv{height: 494px; background:url(../images/adv_bg.jpg) no-repeat center center; padding-top: 60px;}
.adv_list{ margin-top: 52px;}
.adv_list li{width: 25%; float: left; text-align: center; padding:0 2%; box-sizing:border-box;}
.adv_list li h3{color: #fff;line-height: 26px;font-size: 22px;color: #ffffff; font-weight: bold;margin-top: 22px;}
.adv_list li p{line-height: 18px; font-size: 13px; color: #dfe7f3; margin-top: 4px;}
.news{ margin-top: 48px;margin-bottom: 52px;}
.news_list{ padding-top: 36px;}
.news_list li{overflow: hidden;background-color: #f1f2f3; padding:5px; height: 130px;width: 572px; float: left;
margin:0 32px 32px 0;}
.news_list li:nth-child(2n){ margin-right: 0;}
.news_list li .img{width: 184px; height: 130px; float: left;}
.news_list li .img img{ width:100%; height:100%;}
.news_list li .news_info{width: 342px; float:left; margin-left:22px;}
.news_list li .news_info h3{line-height: 22px; font-weight: bold;  padding:10px 0;}
.news_list li .news_info h3 a{color: #333333; font-size: 17px;}
.news_list li .news_info p{ line-height: 18px; }
.news_list li .news_info p a{font-size: 13px; color: #666666;}
.news_list li .news_info .date{ margin-top: 10px; padding-left: 20px;
 background: url(../images/date_bg.png) no-repeat left center;}

#footer{background-color: #2c323e; padding-top: 50px; padding-bottom: 60px;}
#footer .foot1,#footer .foot2,#footer .foot3,#footer .foot4{ float: left;}
#footer .foot1{width: 176px;}
#footer .foot2{width: 394px;}
#footer .foot3{width: 490px; }
#footer .foot4{width: 140px;margin-top: 56px; text-align: center; color: #868686; font-size: 13px; line-height: 26px;}
#footer input,#footer textarea{background-color: #465266;}
#footer h3{font-size: 16px; color: #fefefe; font-weight: bold; line-height: 50px;}
#footer p,#footer p a{font-size: 13px; color: #8e8e8e;}
#footer p{line-height: 24px;}
#footer .foot2 p a{display:inline-block;width: 30px; height: 30px; margin-right: 8px; margin-top: 6px;}
.input_p{margin-top: 8px; height: 36px; overflow: hidden;}
.input_p input{height: 36px;width: 192px; margin-right: 8px; text-indent: 14px;}
.textarea{ margin-top: 8px;}
.textarea textarea{width: 390px; height: 82px; text-indent: 14px;}
.foot_btn{ margin-top: 8px; overflow: hidden;}
.foot_btn input{width: 106px; height: 32px; float: left; margin-right: 8px;color: #fff;}
.foot_btn input:nth-child(1){background: #0072c0 !important; color: #fff;}

/* moble menu class */

#m_menu{position:absolute;width:30px;height:30px;float:right; margin-top:28px; 
	text-align: center;cursor: pointer; right:15px; display: none; }
#m_menu span {display: block; position: absolute; width:30px; height: 3px;
 z-index: 1; left:0; top:0; background: #1980c2;}
 
#m_menu .menuicon-middle {z-index: 2;top: 8px;}
#m_menu .menuicon-bottom {z-index: 3; top: 16px; } 
 

#sf-menu::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}#sf-menu::-webkit-scrollbar-thumb {
    background: #000;
}#sf-menu::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.9);
}

#sf-menu{ position:fixed; top:60px; left: 0; z-index: 9999; width:100%;  background: rgba(0,0,0,0.9); display:none;/* max-height:calc(100% - 60px);overflow-y: scroll; */ padding: 5% 0;} 
#sf-menu li{ position:relative; width:90%;  border-bottom:1px solid #555; margin:0 auto;}
#sf-menu .sf-menu-2{ display:none;}
#sf-menu > li:last-child{ border-bottom:none; }
#sf-menu .sf-menu-2 li:last-child{ border-bottom:none; }
#sf-menu li a{
display:inline-block;
padding:10px 0;
color:#fff;
transition:transform 0.3s;
-webkit-transition:transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
} 

#sf-menu > li:hover .a1{
color:#f00;
-webkit-transform:translateX(10px);
-moz-transform:translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px); 

} 

#sf-menu .sf-menu-2 li:hover .a2{
color:#f00;
-webkit-transform:translateX(10px);
-moz-transform:translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px); 

} 


#sf-menu .sf-menu-2 li .a2{padding:5px;}
#sf-menu span { display: block; }
#sf-menu span:after {
	position:relative;
    content: "+";
    float: right;
	display:inline-block;
    padding:10px 0;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-right: 8px;
    transition: 0.3s;
	-webkit-transition:transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
    cursor: pointer;
}


#sf-menu > li:hover span:after{
transform: rotate(45deg) ;
-webkit-transform: rotate(45deg) ;
-moz-transform: rotate(45deg) ;
-ms-transform: rotate(45deg) ;
-o-transform: rotate(45deg) ; 
color:#f00;
}




.menuicon-in .menuicon-top, .menuicon-in .menuicon-bottom, .menuicon-out .menuicon-top, .menuicon-out .menuicon-middle, .menuicon-out .menuicon-bottom { 
 animation: menuInx 1s;
 -moz-animation: menuInx 1s; 
 -webkit-animation: menuInx 1s; 
 -o-animation: menuInx 1s; 
 animation-fill-mode: forwards; 
 -webkit-animation-fill-mode: forwards 
 }
 
.menuicon-in .menuicon-middle {
animation: menuInm 0.5s; 
-moz-animation: menuInm 0.5s; 
-webkit-animation: menuInm 0.5s; 
-o-animation: menuInm 0.5s; 
animation-fill-mode: forwards; 
-webkit-animation-fill-mode:forwards 
}

.menuicon-in .menuicon-bottom { 
animation-name: menuIny; 
-moz-animation-name: menuIny; 
-webkit-animation-name: menuIny; 
-o-animation-name: menuIny; 
}

.menuicon-out .menuicon-top { 
animation-name: menuOutx;
 -moz-animation-name: menuOutx; 
 -webkit-animation-name: menuOutx;
 -o-animation-name: menuOutx; 
 }
 
.menuicon-out .menuicon-middle { 
animation-name: menuOutm; 
-moz-animation-name: menuOutm; 
-webkit-animation-name: menuOutm; 
-o-animation-name: menuOutm; 
}

.menuicon-out .menuicon-bottom { 
animation-name: menuOuty; 
-moz-animation-name: menuOuty;
-webkit-animation-name: menuOuty;
-o-animation-name: menuOuty; 
}
  
  
@-webkit-keyframes menuInx {  
0% {
 -webkit-transform:rotate(0);
 top:0
}
100% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
}
@-moz-keyframes menuInx { 
 0% {
 -moz-transform:rotate(0);
 top:0
}
100% {
 -moz-transform:rotate(-45deg);
 top:8px
}
}
@-o-keyframes menuInx {  
0% {
 -o-transform:rotate(0);
 top:0
}
100% {
 -o-transform:rotate(-45deg);
 top:8px
}
}
@keyframes menuInx {  
0% {
 transform:rotate(0);
 top:0
}
100% {
 transform:rotate(-45deg);
 top:8px
}
}
@-webkit-keyframes menuInm {  
0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-moz-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-o-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-webkit-keyframes menuIny {  
0% {
 -webkit-transform:rotate(0);
 top:16px
}
100% {
 -webkit-transform:rotate(45deg);
 top:8px
}
}
@-moz-keyframes menuIny {  
0% {
 -moz-transform:rotate(0);
 top:16px
}
100% {
 -moz-transform:rotate(45deg);
 top:8px
}
}
@-o-keyframes menuIny {  
0% {
 -o-transform:rotate(0);
 top:16px
}
100% {
 -o-transform:rotate(45deg);
 top:8px
}
}
@keyframes menuIny { 
0% {
 transform:rotate(0);
 top:16px
}
100% {
 transform:rotate(45deg);
 top:8px
}
}
@-webkit-keyframes menuOutx {  
0% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:0
}
}
@-moz-keyframes menuOutx {  
0% {
 -moz-transform:rotate(-45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:0
}
}
@-o-keyframes menuOutx {  
0% {
 -o-transform:rotate(-45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:0
}
}
@keyframes menuOutx {  
0% {
 transform:rotate(-45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:0
}
}
@-webkit-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-moz-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-o-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-webkit-keyframes menuOuty {  
0% {
 -webkit-transform:rotate(45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:16px
}
}
@-moz-keyframes menuOuty {  
0% {
 -moz-transform:rotate(45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:16px
}
}
@-o-keyframes menuOuty {  
0% {
 -o-transform:rotate(45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:16px
}
}
@keyframes menuOuty {  
0% {
 transform:rotate(45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:16px
}
}




.menufade > li{opacity:0}
.menufade > li{	
	animation:menufade 0.35s ease-out;
	-moz-animation:menufade 0.35s ease-out;
	-webkit-animation:menufade 0.35s ease-out;
	-o-animation:menufade 0.35s ease-out;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.menufade > li:nth-child(1){
	animation-delay:100ms;
	-moz-animation-delay:100ms;
	-webkit-animation-delay:100ms;
	-o-webkit-animation-delay:100ms
}
.menufade > li:nth-child(2){
	-o-webkit-animation-delay:300ms;
	-moz-animation-delay:300ms;
	-webkit-animation-delay:300ms;
	animation-delay:300ms
}
.menufade > li:nth-child(3){
	-o-webkit-animation-delay:350ms;
	-moz-animation-delay:350ms;
	-webkit-animation-delay:350ms;
	animation-delay:350ms
}
.menufade > li:nth-child(4){
	-o-webkit-animation-delay:400ms;
	-moz-animation-delay:400ms;
	-webkit-animation-delay:400ms;
	animation-delay:400ms
}
.menufade > li:nth-child(5){
	-o-webkit-animation-delay:450ms;
	-moz-animation-delay:450ms;
	-webkit-animation-delay:450ms;
	animation-delay:450ms
}
.menufade > li:nth-child(6){
	-o-webkit-animation-delay:500ms;
	-moz-animation-delay:500ms;
	-webkit-animation-delay:500ms;
	animation-delay:500ms
}
.menufade > li:nth-child(7){
	-o-webkit-animation-delay:550ms;
	-moz-animation-delay:550ms;
	-webkit-animation-delay:550ms;
	animation-delay:550ms
}
.menufade > li:nth-child(8){
	-o-webkit-animation-delay:600ms;
	-moz-animation-delay:600ms;
	-webkit-animation-delay:600ms;
	animation-delay:600ms
}


@-webkit-keyframes menufade {
0% {opacity:0;-webkit-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@-moz-keyframes menufade {
0% {opacity:0;-moz-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-moz-transform:scale(1) translateY(0)}
}
@-o-keyframes menufade {
0% {opacity:0;-o-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-o-transform:scale(1) translateY(0)}
}
@keyframes menufade {
0% {opacity:0;transform:scale(1.1) translateY(-24px)}
100% {opacity:1;transform:scale(1) translateY(0)}
}
.swiperloop3{display: none;}
.scroll_show .swiper-container{display: none;}
.scroll_show .app_box p{
	text-align: center;
	color: #333333;
	line-height: 24px;
}
.scroll_show .app_box .img{
	border:1px solid #e4e4e4;
}
.scroll_show .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}
.pro_slide{width: 100%; display: none;}
.pro_slide img{width: 100%;}

.ab_slide1,.ab_slide2{display: none; margin-top: 40px;}
.ab_slide1,.ab_slide2 .app_box p{line-height: 36px;font-size: 14px;color: #333333;text-align: center;}
.ab_slide1 .swiper-container,.ab_slide2 .swiper-container{padding-bottom: 30px;}
.ab_slide1 .app_box img,.ab_slide2 .app_box img{width: 100%;}

.search{ position: relative;}
.search_sub{ position: absolute; top:36px;width: 280px;
height: 34px;background:url(../images/search_show.png)  no-repeat left center;z-index:999999;right:0; display: none;}
.Hsearch_text{width: 222px;height: 34px;position: absolute;left:0; top:0;background:none;
 border:none; outline:none;text-indent: 22px;}
 .Hsearch_btn{width: 58px;height: 34px; right:0; top:0; position: absolute;background:none; outline:none;
 	}
.list_item .img{overflow: hidden;}
.list_item{transtion:0.5s;}
.list_item:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

#footer .input_p span{ display: block;} 
#footer .input_p{overflow: hidden; height: 46px;}
#footer .input_p p{width: 192px; margin-right: 8px; float: left;}
#footer .input_p p:nth-child(2n){ margin-right: 0; }
#footer .input_p p input{ border:none; color:#fff;}
#footer .textarea{ margin-top: 0;}
#footer .textarea span{ display: block;}
#footer .textarea textarea{color:#fff;}

.search_area{width: 228px; height: 34px; padding:8px 15px;  position: absolute; left:-150px;
top: 82px;z-index: 9999; background: #000 url(../images/search_bg.png) no-repeat center center; display: none; opacity:0.7;}
.search_area .search_text{ width: 194px; height: 34px; position: absolute; left:15px; top:8px; background:none;
text-indent: 14px; outline: none;border:none;color:#fff;}
.search_area .search_btn{width: 32px; height: 32px; position: absolute;right:15px; top:8px; background: none; outline: none;
border:none;}

#pager{text-align: center;
    margin-top: 20px;
    height: auto;
    overflow: hidden;
    width: 100%;}
.pager a{ border:1px solid #d2d2d2; margin-right: 5px; padding:8px 16px; color: #787878;}
.pager a.current{ background: #006ecb; color: #fff; border:1px solid #1980c2;}


 input::-webkit-input-placeholder{ color:#888888 !important;     font-family: Arial;}
 input::-webkit-input-placeholder { color:#888888 !important;    font-family: Arial;}
 input:-moz-placeholder { color:#888888 !important;    font-family: Arial;}
 input::-moz-placeholder { color:#888888 !important;    font-family: Arial;}
 input:-ms-input-placeholder { color:#888888 !important;    font-family: Arial;}

textarea::-webkit-input-placeholder{ color:#888888;    font-family: Arial;}
textarea::-webkit-input-placeholder { color:#888888;    font-family: Arial;}
textarea:-moz-placeholder { color:#888888;    font-family: Arial;}
textarea::-moz-placeholder { color:#888888;    font-family: Arial;}
textarea:-ms-input-placeholder { color:#888888;    font-family: Arial;}