@charset "utf-8";





@media only screen and (min-width: 1400px) {
.cs_cont{ width:90%; max-width:1475px; margin:0 auto; padding:20px 0px 20px 0px;}



.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#e5e5e5 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}




.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:8px;}


.cs_2{width:73%; float:right;}
.cs_2 h3{font-size:20px; color:#333; font-weight:bold; line-height:50px;}
.cs_2 p{font-size:16px; line-height:32px; color:#888;}



.cs_2_r2{width:100%; line-height:40px; font-size:16px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:200px; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}




@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.cs_cont{ width:90%; max-width:1475px; margin:0 auto; padding:20px 0px 20px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#e5e5e5 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:5px;}

.cs_2{width:72%; float:right;}
.cs_2 h3{font-size:20px; color:#333; font-weight:bold; line-height:50px;}
.cs_2 p{font-size:14px; line-height:32px; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:14px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:150px; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}






@media only screen and (max-width: 1199px) {
.cs_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:10px; transition:0.2s; margin-bottom:10px; border:#e5e5e5 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:100%; float:;}
.cs_1 img{width:100%; height:auto; border-radius:5px;}

.cs_2{width:100%; float:; margin-top:10px;}
.cs_2 h3{font-size:1.2em; color:#333; font-weight:bold; line-height:2em; padding-bottom:10px;}
.cs_2 p{font-size:1em; line-height:1.6em; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:1.0em; color:#888;}
.cs_2_r2 i{margin-right:5px;}

.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:12px;}
.cs_2_r3 a{display:block; width:100%; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}





























@media only screen and (min-width:1366px) {

#new_conl{width:90%; max-width:1475px; margin:0 auto; min-height:50px; padding:60px 60px 30px 60px; margin-top:0px; position:relative;}

#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:24px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px; }
#new_conlc img{max-width:100%;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}






@media only screen and (max-width:1365px) {

#new_conl{width:90%; margin:0 auto; min-height:50px; padding:40px 0px 20px 0px;}

#new_conla{width:100%; min-height:20px; padding:10px 0px 10px 0px; font-size:18px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:30px; line-height:30px; font-size:14px; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}




















@media only screen and (min-width: 1200px) {
.yy_cont{ width:90%; max-width:1475px; margin:0 auto; padding:20px 0px 20px 0px;}

.yy_cont ul li{display:block; width:33.33%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:20px 20px 10px 20px; margin-bottom:15px; transition:0.2s;}
.yy_cont ul .yy_1{width:100%; height:;}
.yy_cont ul .yy_1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:5px; transition:0.5s;}
.yy_cont ul .yy_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.yy_cont ul li:hover{ background:#3786c7; color:#fff;}
.yy_cont ul li:hover a{color:#fff;}


.yy_cont ul li:hover .yy_1 img{-webkit-transform: rotateZ(2deg);transform: rotateZ(2deg);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.5); box-shadow:0px 0px 20px rgba(0,0,0,0.5);}

}










@media only screen and (max-width: 1199px) {
.yy_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 0px;}

.yy_cont ul li{display:block; width:100%; height:auto; float:; box-sizing:border-box; padding:; transition:0.2s; margin-bottom:15px;}
.yy_cont ul .yy_1{width:100%; height:auto;}
.yy_cont ul .yy_1 img{width:100%; height:auto; margin:0 auto; border-radius:5px;}
.yy_cont ul .yy_2{width:100%; height:3em; line-height:3em; text-align:center; font-size:1.2em;}

}













@media only screen and (min-width: 1200px) {
.rr_cont{ width:92%; max-width:1475px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:25%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:20px 20px 10px 20px; margin-bottom:15px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s;}

.rr_cont ul .rr_1{width:100%; height:200px;}
.rr_cont ul .rr_1 img{max-width:100%; height:200px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:44px; line-height:44px; text-align:center; font-size:14px; padding-top:10px;}


.rr_cont ul li:hover a{  border:#3786c7 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}



}










@media only screen and (max-width: 1199px) {
.rr_cont{ width:92%; max-width:1475px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:50%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:10px 10px 10px 10px; margin-bottom:0px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s;}

.rr_cont ul .rr_1{width:100%; height:100px;}
.rr_cont ul .rr_1 img{max-width:100%; height:100px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:40px; line-height:18px; text-align:center; font-size:1.0em;}


.rr_cont ul li:hover a{  border:#3786c7 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}


}











/*�������*/

.warp1{ width: 90%; margin: 0 auto; max-width:1475px; height:auto; margin:0 auto; padding:10px 0px 0px 0px;}
.warp1 li{ width:16.66%; float:left; margin-bottom:10px; box-sizing:border-box; padding:3px; }

.warp1 li img{ max-width:100%; height:80px; display:block; margin:0 auto; transition: 0.5s;}

.warp1 li a{transition:0.5s;}

.warp1 a{display:block; width:95%; height:100px; margin:0 auto; box-sizing: border-box; padding: 10px; background:#fff; box-shadow:0px 0px 20px #e7edec; position: relative;}
 

.warp1 li:hover img{transform: rotateY(360deg);}

.warp1 li:hover a{ -moz-box-shadow:0px 0px 40px #e0e0e0; -webkit-box-shadow:0px 0px 40px #e0e0e0; box-shadow:0px 0px 40px #a5d7cb;}