﻿*{
	margin:0;
	padding:0;
	list-style: none;
}

.clearfix::after {
            content: ".";
            clear: both;
            display: block;
            overflow: hidden;
            font-size: 0;
            height: 0;
        }

.clearfix {
            zoom: 1;
        }

 img[src=""],img:not([src]){
      opacity:0;
 }
img {
	border:0!important;
	}

.banxin {
	width:1200px;
	margin:0 auto;
}
.head-nav {
	height:100px;
	background:#fff;
}
.head-nav .banxin {
	height:100px;
}

.navUl {
	width:900px;
	height:100px;
	margin-left:470px;
	
}

.head-nav-fr {
    background-color: red;
    width: 150px;
    height: 100px;
}

.fl {
	float:left;
}
.head-navLogo {
	height:100px;
	line-height:100px;
	color:#00aa98;
	font-size:16px;
}
.head-navLogo img {
	vertical-align: middle;
	border:none;
}
.fr {
	float:right;
}

.navUl > li {
    margin-right: 40px;
}

.outLi {
    float: left;
    padding-top: 56px;
    position: relative;
}
.outLi a {
    color: rgb(51, 51, 51);
    font-size: 18px;
    text-decoration: none;
    display:block;
    width:100%;
    height:100%;
    transition:all 0.2s;
}
.outLi>a:hover {
	color:#00AA98;
}
.outLi ul {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    z-index: 999;
}
.outLi ul li {
    width: 120px;
    height: 40px;
    line-height: 40px;
}
.navUl ul {
    background-color: rgba(51, 187, 173, 0.5);
}
.navUl ul li {
    width: 120px;
    box-sizing: border-box;
    text-align: center;
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
}
.navUl ul li:last-child {
	border-bottom:none;
	margin-right:0;
}
.outLi ul li a {
	color:#fff;
	font-size:16px;
	background:#2FB094;
	font-family:"microsoft yahei"
}
.outLi ul li a:hover {
			background-color:#005D53;
		}

.navUl ul {
    display:none;
}
.outLi:hover ul{
	display:block;
}


.head-nav .banxin {
	position:relative;
}


.languageDiv {
	width:190px;
	height:30px;
	position:absolute;
	right:196px;
	top:10px;
	line-height:30px;
	text-align:center;
	
}
.languageDivA1 {
	display:block;
	float:left;
	width:40%;
	cursor:pointer;
}
.languageDivA2 {
	cursor:pointer;
}

.languageDivA1 img ,.languageDivA2 img{
	vertical-align:middle;margin-right:8px;
}
.header_phone {
	width:186px;height:50px;position:absolute;right:8px;top:13px;
}
.header_phone i {
	font-size:21px;color:#00AA98;margin-right:5px;
}
.header_phone span {
	color:#00AA98;
	font-size:21px;
	
}

.mobileLangDiv {
	height:50px;
	line-height:50px;
}
.mobileLangZh,.mobileLangEn {
	display:block;
	width:44%;
	float:left;
	text-align:center;
	color:#f39800;
	font-weight:bold;
	font-size:20px;
}
.mobileLangZh {
	margin-right:10%;
}
/*商桥*/
.adviceDiv {
	width:75px;
	height:175px;
	position:fixed;
	right:0;
	top:559px;
	z-index:22;
}
.adviceDiv ul li {
	height:55px;
	background:#00aa98;
	margin-bottom:5px;
	transition:all 0.5s;
}
.adviceDiv ul li:hover {
	background:#005D53;
}
.adviceDiv ul li:last-child {
	margin-bottom:0;
}
.adviceDiv ul li a {
	display:block;
	height:100%;
	width:100%;
	text-align:center;
	padding-top:5px;
}
.adviceDiv ul li a i{
	color:#fff;
	font-size:24px;
}
.adviceDiv ul li a p {
	color:#fff;
	font-size:12px;
	margin-top:3px;
}
.clickDiv {
	width:249px;
	margin:0 auto;
}
.clickDiv a {
	display:inline-block;
	width:100px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border:1px solid #ccc;
	margin: 0 auto;
	margin-top:40px;
	font-size:16px;
	color:#000000;
	cursor: pointer;
	transition:all 0.3s;	
}
.clickDiv a:hover {
	background:#00aa98;
	color:#fff;
}
.clickDiv a:nth-child(1){
	margin-right:40px;
}
.breadNav  a {
	color:#666666;
}
.breadNav {
	margin-bottom:80px;
	padding-left:30px;
}
/*页尾*/
.footer {
  overflow:hidden;
  background:#000;
}
.footer_left {
    width:800px;height:169px;font-size:16px; float:left;margin-top:30px;
}

.footer_left_div1 {
    color:#fff;margin-bottom:12px;
}
.footer_left_div1>img,.footer_left_div2Img {
    vertical-align: middle;margin-right:12px;width:30px;
}
.footer_left_div2 {
    color:#fff;margin-bottom:12px;
}
.footer_left_div2 a {
    text-decoration: none;color:#fff;
}
.footer_left_div2Img1 {
    vertical-align: middle;
}
.footer_left_div3,.footer_left_div4 {
    color:#fff;margin-bottom:12px;
}
.footer_left_div3 img,.footer_left_div4 img {
    vertical-align: middle;margin-right:12px;width:24px;
}

.footer_left_div5 {
	color:#fff;
}
.footer_left_div5 img {
	vertical-align:middle;
	}

.footer_left_div5 img:nth-child(1) {
	visibility:hidden;vertical-align:middle;margin-right:12px;width:24px;
}
.footer_left_div5 span:nth-child(2){
	margin-right:12px;
}
.footer_left_div5 a {
	color:#fff;
	text-decoration:none;
}

.footer_right {
    width: 400px;   
    height:190px;
    float:right;
    margin-top:40px;
}
.footer_right img {
	display:block;float:left;
}
.footer_right div {

   width:240px;
   height:140px;
   float:left;
   padding-top:20px;
   padding-left:20px;
}

.footer_right div p {
	margin-bottom:20px;color:#fff;
}
.footer_right div p span {
	font-weight:bold;
	font-size:26px;
	color:#00AA98;
}


.footer_right div i {
	font-size:30px;margin-right:5px;color:#00AA98
}
.footer_right div span {
	font-size:24px;color:#fff;
}

#links img:last-child{
	display:none;
}


.footer_left_div5sp2,.footer_left_div5sp1 {

        color:#fff;
}

/*移动端导航开始*/

.container{
	width:100%;
}
		
dl,dt,dd{display:block;margin:0;}
a{text-decoration:none;}
.leftsidebar_box{
			width:198px;
			height:auto!important;
			overflow:visible !important;
			position:absolute;		
			background-color:#3992d0;
			z-index:9999999;
			left:-198px;
			transition:all 0.4s ease-in-out 0s;
			}
			
		.leftsidebar_box.active {
			left:0;
		}	
			
		.line{
			height:2px;
			width:100%;
			background-image:url(images/line_bg.png);
			background-repeat:repeat-x;
			}
		.leftsidebar_box dt{
			padding-left:40px;
			padding-right:10px;
			background-repeat:no-repeat;
			background-position:10px center;
			color:#f5f5f5;
			font-size:16px;
			position:relative;
			line-height:44px;
			cursor:pointer;
			}
		.leftsidebar_box dd{
			background-color:#317eb4;
			padding-left:40px;
			padding-right:40px;
			height:40px;
			line-height:40px;
			}
		.leftsidebar_box dd a{
			color:#f5f5f5;
			line-height:20px;
			font-size:14px;
			}
		.leftsidebar_box dt img{
			position:absolute;
			right:27px;
			top:20px;
			}
	
		.leftsidebar_box dl dd:last-child{
			padding-bottom:10px;
			}
		    
		    	/*移动端导航*/
		.moblieNav {
		        height:60px;
		        position: fixed;
		       background-color:#fff; 
		        z-index:222;
		        width:100%;
		        top:0;
		        left:0;
		     }
		     
		a.menu-activator {
		        width:100%;
		        height:100%;
		        display:table;
		        color:#4dba90;
		        text-decoration:none;
		    }
		a.menu-activator  .menu_area {
		        display:table-cell;
		        vertical-align: middle;
		    }
		a.menu-activator div.visual {
		        position: relative;
		        width:35px;
		        height:26px;
		    }
		a.menu-activator div.visual {
		        display:inline-block;
		        vertical-align: middle;
		    }
		a.menu-activator div.visual i.line {
		     display:block;
		     position:absolute;
		     width:100%;
		     height:4px;
		     background-color: #00AA98;
		     -moz-transition:all 300ms ease-in-out;
		     -o-transition:all 300ms ease-in-out;
		     -webkit-transition:all 300ms ease-in-out 0s;
		     transition:all 300ms ease-in-out 0s;
		     -moz-transform:translate3d(0,0.0);
		   }
		a.menu-activator div.visual i.line.line01 {
		        top:1px;
		        opacity: 1;
		        -moz-transition-delay:210ms;
		        -webkit-transition-delay:210ms;
		        -o-transition-delay:210ms;
		        transition-delay:210ms;
		    }
		a.menu-activator div.visual i.line.line02 {
		        top:10px;
		        -moz-transition-delay:140ms;
		        -webkit-transition-delay:140ms;
		        -o-transition-delay:140ms;
		        transition-delay:140ms;
		    }
		.menu-activator div.visual i.line.line03 {
		        top:20px;
		        -moz-transition-delay:140ms;
		        -webkit-transition-delay:140ms;
		        -o-transition-delay:140ms;
		        transition-delay:140ms;
		
		    }
		   
		a.menu-activator.active div.visual i.line.line01, a.menu-activator.active div.visual i.line.line02, a.menu-activator.active div.visual i.line.line03 {
		       /* -moz-transition:0ms;
		        -o-transition:0ms;
		        -webkit-transition:0ms;
		        transition:0ms;*/
		    }
		
		a.menu-activator.active div.visual i.line:nth-child(1) {
		        transform:rotate(45deg);
		        -moz-transform:rotate(45deg);
		        -o-transform:rotate(45deg);
		        -webkit-transform:rotate(45deg);
		    }
		a.menu-activator.active div.visual i.line:nth-child(3) {
		        transform:rotate(-45deg);
		        -moz-transform:rotate(-45deg);
		        -o-transform:rotate(-45deg);
		        -webkit-transform:rotate(-45deg);
		    } 
		
		
		a.menu-activator.active div.visual i.line:nth-child(2){
		        opacity: 0;
		    }
		a.menu-activator.active div.visual i.line:nth-child(1), 
		a.menu-activator.active div.visual i.line:nth-child(3){
		       top:16px;
		}
		/*一开始导航不显示*/    	
		.moblieNav {
		   display:none;			 
		}
		.phone_menu {
		  /* margin-top:60px;*/
		}
		
		.indexClass {
			color:#fff;
		}
	html,body {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
	}	
	#phone_menu {
		padding-top:15px;
		padding-bottom:20px;
	}
	.banner-slide-circlePhone {
		display:none;
	}
/*移动端导航结束*/

/*媒体查询开始*/
@media (max-width: 768px) {

.banner-slide-circlePhone {
		display:block;
	}
	
	.banner-slide-circlePc {
		display:none;
	}
	
	
	
   .head-nav {
      display:none;
    }
    .phone_menu {
      display:block;
    }
    .moblieNav {
      display:block;
    }
    .breadNav {
    	display:none;
    }
    .banner-slide-circle
}

@media (max-width: 414px) {
    .adviceDiv {
    	display:none;
    }
	.footer_left {
		width:100%;
		text-align:center;
		height:auto;
		margin-top:15px;
	}
	.footer_left img {
		display:none;
	}
	.footer_right {
		display:none;
	}
	.footer_left_div2 {
		display:none;
	}
	.logoImg {
		float:right;width:60%;margin-top:3px;margin-right:6px;
	}
	
	
}

@media (max-width: 375px) {
	.logoImg {
		margin-top:6px;
	}
}

@media (max-width: 320px) {
    .footer_left {
    	font-size:12px;
    }
    .logoImg {
		margin-top:9px;
	}
    
    
    
    
    
}










/*媒体查询结束*/




