body,html{ background:#fff;  font-family:"微软雅黑", "新宋体";}



.ani-view {
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity:0;
        -moz-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
    opacity:0;
    -o-transform:translateX(-100px)
    }
    100% {
    opacity:1;
    -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
    opacity:0;
    transform:translateX(-100px)
    }
    100% {
    opacity:1;
    transform:translateX(0)
    }
}

.ani-view.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}


@-webkit-keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
    opacity:0;
    -moz-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight {
    0% {
    opacity:0;
    -ms-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
    opacity:0;
    -o-transform:translateX(100px)
    }
    100% {
    opacity:1;
    -o-transform:translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
    opacity:0;
    transform:translateX(100px)
    }
    100% {
    opacity:1;
    transform:translateX(0)
    }
}
.ani-view.fade-in-right{
    opacity:0;
    opacity:1\0/IE9;
    
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    -ms-transform:translateX(0)\0/IE9;
}
.ani-view.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight;
}


.language{ color:#333}
.nav{ background:#fff; border-bottom:1px solid #ccc; position:fixed; top:0; z-index:999}
.nav_bg{ height:100px;}
#header ul .li_a a {
	color: #333;
}
.anli_c .lefta, .anli_c .righta {
width: 100%;
float: left;
height: auto;

}


.anli_c{ margin-top:50px;}
.anli_c ul{padding:0;}
.anli_c .lefta, .anli_c .righta{ margin-bottom:0px;}
.anli_c .lefta a {
display: block;
color: #333;

}
.anli_c .lefta .img {
width: 49.917%;
height: auto;
float: left;
position: relative;

overflow: hidden;
}
.anli_c .img img{
transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.anli_c .lefta .info {
  width: 50%;
  height: auto;
  height:331px;
float: left;
border-left:none;
background:#fff;
transition: background 1s;
-moz-transition: background 1s;	
-webkit-transition: background 1s;	
-o-transition: background 1s;	
}

.anli_c .righta a {
display: block;
color: #333;

}
.anli_c .righta .img {
width: 50%;
height: auto;
float:right;
position: relative;

overflow: hidden;
}
.anli_c .righta .info {
  width: 49.917%;
  height: auto;
  height:332px;
float:left;
border-right:none;
background:#fff;
transition: background 1s;
-moz-transition: background 1s;	
-webkit-transition: background 1s;	
-o-transition: background 1s;	
}




.gridEP {
overflow: hidden;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
}
.gridEP figure{ width:86%; margin:35px auto 0 auto;}
.anli_c .info h2{ font-size:30px; color:#2b2b2b; font-weight:300;text-align:left;}
.anli_c .info .txt {
font-size: 10px;
font-family: "微软雅黑", "新宋体";
text-align:left;
line-height: 1.6;
color:#666;
margin-bottom:10px;
}

.anli_bg{width:30px;height:5px;background-color:#303E9A;margin:4% 0 4% 0;}
.anli_dian{color:#303e9a}

.anli_c .info .txt_5 ul{padding:0;}
.anli_c .info .txt_5 li{text-align:left;font-size:14px;padding:0 0 1% 0;}

.anli_c a:hover .info{ background:#303e9a;}
.anli_c a:hover{color:#fff;}
.anli_c a:hover .info h2{ color:#fff}
.anli_c a:hover .info .anli_bg{ background:#fff;}
.anli_c a:hover .info .txt{color:#fff;}
.anli_c a:hover .info .txt_5 .anli_dian{color:#fff;}
.anli_c a:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
  
.main{ margin-top:60px; padding-bottom:60px}  
.main .move,.main .m_text{ margin-top:30px;}
 .main .m_text img{ max-width:100%; height:auto !important; padding:15px 0}

@media screen and (max-width:900px){
.anli_c a:hover .img img{transform:none;   
 -webkit-transform:none;    
 -moz-transform:none;    
 -o-transform:none;   
  -ms-transform:none;}
	
.anli_c a:hover .info{ background:none}
.anli_c a:hover{ color:inherit;}
.anli_c a:hover .info h2{ color:inherit}
.anli_c a:hover .info .anli_bg{ background:#303E9A;}
.anli_c a:hover .info .txt{color:inherit;}
.anli_c a:hover .info .txt_5 .anli_dian{color:inherit;}
.main  h1{ font-size:18px !important; }
.main .m_text{ font-size:14px !important;}
}

 
 
 

 
.banner { width:100%;}
 
 .banner img{ width:100%;}
 .jr{ text-align:center; margin-top:7%; opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;-webkit-opacity:0;}
 .jr h1,.lxwm h1{ font-size:36px; color:#000000; font-family:"微软雅黑", "新宋体"; font-weight:normal; text-align:center;}
 .jr p.title{ padding-top:3%; font-size:14px; color:#777777; font-family:"微软雅黑", "新宋体"; line-height:2;   
}
.jr p{ margin:0}
.sbtime{ text-align:center; margin: 0 auto;
margin-top:7%;    
-webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
	opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	-webkit-opacity:0;
	width: 890px;
}

  .sbtime .img_l{ width:30%;}
  .sbtime .img_r{ width:70%;}
  .sbtime img{ width:100%; height:auto;}
 .sbtime.fadeInDown{
	 
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;
	 
	 
	 }
 
 .lxfs{ margin-top:3%; padding-bottom:5%}
 .lxwm{ opacity:0; -moz-opacity:0;-ms-opacity:0;-o-opacity:0;-webkit-opacity:0;}
.lxwm h1{ padding-bottom:3%} 
.lx_l,.lx_r{ width:50%; float:left; opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;-webkit-opacity:0;}
.lx_r{ float:right;}
.lxfs{ font-size:14px; color:#666666; line-height:2}
.lxfs h2{ color:#333; font-size:24px; font-weight:normal; line-height:2}
.lxfs span{ display:inline-block; text-align:center; line-height:1; padding-right:15px;}
.lxfs span img{ width:100px; height:auto;}
.lx_r input {
width: 48%;
margin-top: 20px;
outline: none;
font-size: 14px;
color: #333;
border: 1px solid #cccccc;
transition: all 0.5s;
height: 33px;
text-indent: .7em;
line-height: 33px;
}

.lx_r input:focus{border-color:#3bb3c2;}
.lx_r textarea {
width: 100%;
height: 80px;
resize: none;
margin-top: 20px;
outline: none;
font-size: 14px;
color: #333;
border: 1px solid #cccccc;
transition: all 0.5s;
text-indent: .7em;
}
.lx_r textarea:focus{border-color:#3bb3c2;}
.lx_r button{color:#fff;font-size:16px;background:#3bb3c2;width:100%;height:40px;margin-top: 15px;cursor:pointer;transition:all 0.5s;float:left;outline:none; border:none}
.lx_r button:hover{background:#1896a6;color:#fff}
.lx_r .button{width:118px;height:38px;border:1px solid #ffce55;color:#2d3e50;font-size:16px;background:transparent;;margin:40px 0 0 40px;cursor:pointer;transition:all 0.5s;text-align:center;float:left;line-height:40px}
.lx_r .button:hover{background:#1896a6;color:#fff}

.fwly_m{ width:100%; overflow:hidden;}
.fwly_m .back{ background:#f0f0f0;}
.fwly_m .fl{ float:left;}
.fwly_m .fr{ float:right;}
.fwly_m li{ padding: 40px 0;}
.fwly_m .fw_l{ width:45%;}
.fwly_m .fw_r{ width:50%;}

.fwly_m li h1{ font-size:24px; font-weight:normal; color:#333333; padding-bottom:30px;}
.fwly_m li p{ font-size:16px; line-height:1.8; font-family:"微软雅黑", "新宋体"; color:#8F8F8F}
.fwly_m li img{ max-width:100%;}

.fwly_m .fff{ background:#fff;}

.fwly_m .w1200 {
width: 1000px;
margin: 0 auto;
}
.width {
width: 75%;
margin: 0 auto;
padding-top: 10%;
}