/*mianimg start*/
.mainimg{ width:980px; margin:0 auto; margin-bottom:40px;}
.mainimg_bg{ background:url(../images/mainimg.jpg) top left no-repeat; width:470px; height:271px; position:relative; padding-top:156px; padding-left:510px;}
.mainimg_bg .text{background:url(../images/mainimg_text.png) top left no-repeat; width:442px;  text-indent:-9999px; color:#fff; font-weight:normal; height:155px;}
.manimgshadow{ background:url(../images/mianimg_shadow.jpg) top left no-repeat; height:28px; text-indent:-9999px;}

/*miancon start*/
.maincon{ width:960px; margin:0 auto 40px; }
.maincon_up{ padding-bottom:60px;}
.maincon_up .section{ width:25%; float:left; }
.maincon_up .section h2 { height:26px; font-size:18px; color:#000; line-height:26px;font-weight:normal;}
.maincon_up .section h2 img{ margin-right:8px;}
.maincon_up .section p{ height:133px; margin-top:17px; font-size:14px; padding-right:35px; line-height:18px; }
.maincon_up .section .more{ width:70px; text-align:center; background-color:#26bce9; line-height:24px;}
.maincon_up .section .more a{ color:#FFF; line-height:24px; display:block; font-size:13px;}

.maincon_down{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; height:78px;}
.maincon_down h2{ color:#000; font-size:18px; line-height:78px; padding-left:10px; width:160px; float:left;font-weight:normal; }
.maincon_down .logo_flow{ padding-top:22px; overflow:hidden; padding-left:15px; width:775px; }
.maincon_down .logo_flow ul{ width:2000px;}
.maincon_down .logo_flow ul li{ float:left; padding-right:60px; opacity:0.8;}
.maincon_down .logo_flow ul li:hover{opacity:1;}
.maincon_down .logo_flow ul li:first-child{ padding-left:0px;}

@media only screen and (min-width:768px) and (max-width:999px){
	.mainimg{ width:748px;  margin-bottom:30px;}
	.mainimg_bg{ background-size:748px 326px; width:363px; height:200px;  padding-top:126px; padding-left:385px;}
	.mainimg_bg .text{ background-size:330px 116px; width:330px; height:116px; }
	.manimgshadow{ height:21px; background-size:748px 21px; }
	
	.maincon{ width:728px; margin:0 auto 30px; }
	.maincon_up{ padding-bottom:40px;}
	.maincon_up .section p{ height:160px; margin-top:17px; font-size:14px; padding-right:12px;  }
	
	.maincon_down{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; height:78px; width:728px;}
	.maincon_down h2{ color:#000; font-size:16px; line-height:78px; padding-left:10px; width:130px; float:left;font-weight:normal; }
	.maincon_down .logo_flow{ padding-top:22px; overflow:hidden; padding-left:15px; width:570px; float:left;}
	.maincon_down .logo_flow ul{ width:2000px;}
	.maincon_down .logo_flow ul li{ float:left; padding-right:55px; opacity:0.8;}
	.maincon_down .logo_flow ul li:hover{opacity:1;}
	.maincon_down .logo_flow ul li:first-child{ padding-left:0px;}
	}
	
@media only screen and (min-width:480px) and (max-width:767px){
	.mainimg{ width:460px; }
	.mainimg_bg{ width:460px; height:299px; padding:0; background:url(../images/mainimg_responsive480.jpg) top left no-repeat; margin:0 auto;}
	.manimgshadow{ display:none; }
	.mainimg_bg .text{  background:url(../images/mainimg_text_responsive480.png) 0px 0px no-repeat; text-indent:0;  padding: 0;  
					   position:absolute; bottom:0; text-align:center; height:74px; width:460px; }
	.mainimg_bg .text h1{ display:none;}
	.mainimg_bg .text p{  display:none;}
	
	.maincon{ width:440px; margin:0 auto 20px; }
	.maincon_up{ padding-bottom:0px;}
	.maincon_up .section{   width:50%;  margin-bottom:50px; }
	.maincon_up .section p{ height:130px; padding-right:15px;}
	
	.maincon_down{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; height:78px; width:440px;}
	.maincon_down h2{font-size:16px;  padding-left:10px; width:130px; }
	.maincon_down .logo_flow{  width:270px;}
	.maincon_down .logo_flow ul li{padding-right:55px;}
	}
	
@media only screen and (max-width:479px){
	.mainimg{width:100%; min-width:320px; }
	.mainimg_bg{ width:100%;min-width:320px;background-size:748px 326px; height:326px; padding:0;}
	.manimgshadow{ display:none; }
	.mainimg_bg .text{ text-indent:0; background:url(../images/mainimg_textbg_responsive320.png) top left repeat; padding:12px 0; width:100%; position:absolute; bottom:0; text-align:center; height:50px; width:100%; min-width:320px; overflow:hidden;}
	.mainimg_bg .text h1{ font-weight:normal; font-size:23px; line-height:27px; padding-bottom:6px;}
	
	.maincon{width:100%; min-width:320px; margin:0 auto 25px;}
	.maincon_up{ padding-bottom:0px;}
	.maincon_up .section{  float:none; width:100%; min-width:320px; text-align:center; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
    .maincon_up .section h2{ font-size:20px;}
	.maincon_up .section p{ margin-top:17px; font-size:14px;height:auto; padding:0 10px 30px;  }
	.maincon_up .section .more{ width:120px; margin:0 auto;text-align:center; background-color:#26bce9; line-height:50px; }
	.maincon_up .section .more a{  line-height:30px; font-size:15px;}
	
	.maincon_down{ border-top: none; border-bottom: 1px solid #DFDFDF; height:130px;}
	.maincon_down h2{ color:#000; font-size:20px; line-height:30px; padding-left:0px; width:100%; float:none; text-align:center;font-weight:normal; }
	.maincon_down .logo_flow{ padding-top:30px; overflow:hidden; width:300px; margin:0 auto; padding-left:0px;}
	.maincon_down .logo_flow ul li{padding-right:45px; padding-left:10px;}

	}