@charset "gb2312";
/* CSS Document */

html{ padding:0; margin:0; overflow-x:hidden;}
body,ul,li,p,h1,h2,h3,form,fieldset,table,td,img{ margin:0px; padding:0px; border:0px;}
body{font-size:12px;font-family:'\5FAE\8F6F\96C5\9ED1';}
ul{list-style-type:none;}
a{text-decoration:none; color:#555;}
a:hover,a:active{ text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{clear:both;}
.banner{ position:relative; width:auto; margin:0; padding:0; height:258px;}
.banner_mb{ display:none;}
.fous{ position:absolute; width:auto; margin-left:-960px; left:50%; top:0; padding:0; height:258px;}
.yun_top{ width:1000px; margin:0 auto; padding:50px 0 50px 0;}
.yun_top_left{padding:0 20px;}
.yun_top_right{ padding-left:20px;}
.yun_top_right li{width:180px; height:58px; float:left; margin:60px 30px 0 30px; text-align:center; font-size:22px; font-weight:bold; color:#449bd7; padding-top:130px }
.yun_top_right li.anq1{ background:url(../images/yundns/cion_bg01.jpg) no-repeat center 0;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.yun_top_right li.anq2{ background:url(../images/yundns/cion_bg03.jpg) no-repeat center 0;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.yun_top_right li.anq3{ background:url(../images/yundns/cion_bg02.jpg) no-repeat center 0;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.yun_top_right li.anq4{ padding:0;}
.yun_top_right li.anq4 a{width:180px; height:58px; display:inline-block; padding-top:130px;background:url(../images/yundns/cion04.jpg) no-repeat center 0;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out; color:#fff;}
.yun_top_right li:hover.anq1{ background:url(../images/yundns/cion01.jpg) no-repeat center 0; color:#fff;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.yun_top_right li:hover.anq2{ background:url(../images/yundns/cion03.jpg) no-repeat center 0;color:#fff;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.yun_top_right li:hover.anq3{ background:url(../images/yundns/cion02.jpg) no-repeat center 0;color:#fff;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.yun_top_right li.anq4 a:hover{ background:url(../images/yundns/cion04.jpg) no-repeat center 0;color:#fff;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); color:#fff;}

.yun_top_left h1{ font-size:30px; color:#3d3d3d; padding-bottom:20px;}
.yun_baoz{ padding:30px 0;}
.yun_baoz li{ float:left; margin-right:30px; font-size:24px; font-weight:bold; color:#0077c9; }
.yun_baoz li.yun_a1{ background:url(../images/yundns/arr1.jpg) no-repeat 0 center;padding-left:35px;}
.yun_baoz li.yun_a2{ background:url(../images/yundns/arr2.jpg) no-repeat 0 center;padding-left:40px;}
.yun_baoz li.yun_a3{ background:url(../images/yundns/arr3.jpg) no-repeat 0 center;padding-left:35px;}
.yun_top_left p{ font-size:16px; color:#3d3d3d; line-height:36px; padding-right:50px;}
.yun_dian6,.yun_k3{width:1000px; margin:0 auto; padding:50px 0 0 0; border-top:1px #e8e8e8 solid;}
.yun_dian6_title{ text-align:center; font-size:30px; font-weight:bold; color:#0077c9;}
.yun_dian6_cont{background:url(../images/yundns/m_bg.jpg) no-repeat center 0; width:1000px; margin:50px auto; height:515px;}
.yun_dian6_cont li{ font-size:16px; color:#575757; padding:0; }
.yun_dian6_left{ float:left; width:500px;}
.yun_dian6_right{ float:right; width:400px;}
.yun_dian6_cont li.dian01{ margin:25px 0 0 60px;  line-height:26px; width:260px;height:62px; padding:0;}
.yun_dian6_cont li.dian02{ margin:80px 0 0 30px;  line-height:26px; width:298px;height:62px; padding:0;}
.yun_dian6_cont li.dian03{ margin:205px 0 0 65px;  line-height:26px; width:225px;height:62px; padding:0;}
.yun_dian6_cont li.dian04{ margin:25px 0 0 120px;  line-height:26px; width:190px;height:62px; padding:0;}
.yun_dian6_cont li.dian05{ margin:60px 0 0 260px;  line-height:26px; width:298px;height:62px; padding:0;}
.yun_dian6_cont li.dian06{ margin:225px 0 0 150px;  line-height:26px; width:298px;height:62px; padding:0;}
.yun_k3_cont{ padding-top:50px;}
.yun_k3_cont li{ float:left; width:290px; margin:0 20px 40px 20px; border:1px #e4e4e4 solid; text-align:center; padding:30px 0; height:254px; }
.yun_k3_cont li:hover{ border:1px #0077c9 solid;}
.yun_k3_name{ padding:30px 0 10px 0; font-weight:bold; font-size:16px;color:#292929; }
.yun_k3_nr{ font-size:14px; line-height:26px; color:#5e5e5e;padding: 0 20px;}
.yun_btn{ width:350px;margin:0 auto 50px auto; font-size:30px; font-weight:bold;}
.yun_btn a{ display:block;width:350px; text-align:center; height:66px;line-height:66px; background:#fff;-moz-border-radius: 15px;-webkit-border-radius: 15px;  border-radius:15px; border:1px #0077c9 solid; color:#0077c9;}



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

.banner{ overflow:hidden;}
.banner_pc{ display:none;}
.banner_mb{ display: block;}	
	
.yun_top{ width:95%;padding: 50px 0 0 0;}
.yun_top_left{ padding:0;}
.yun_top_left p{ padding-right:0;}
.yun_top_right{ padding-left:0;}
.yun_top_right li{ width:25%; margin:30px 0;padding-top:15%; font-size:18px;}
.yun_top_right li.anq1,.yun_top_right li.anq2,.yun_top_right li.anq3{background-size: contain;}
.yun_top_right li.anq4 a{ width:100%;background-size: contain; padding-top:60%;color:}
.yun_top_right li:hover.anq1,.yun_top_right li:hover.anq2,.yun_top_right li:hover.anq3,.yun_top_right li.anq4 a:hover{background-size: contain;}

.yun_dian6, .yun_k3{ width:100%;}
.yun_dian6_title{ font-size:24px; width:95%; margin:0 auto;}
.yun_dian6_cont{ width:95%; height:auto;background: url(../images/yundns/m_bg.jpg) no-repeat center;background-size:contain; }
.yun_dian6_left,.yun_dian6_right{ width:45%;}
.yun_dian6_right{ text-align: right;}
.yun_dian6_cont li{ font-size:14px;}
.yun_dian6_cont li.dian01{ width:100%;margin:0px;}
.yun_dian6_cont li.dian02{ width:100%;margin:20px 0 0 0px;}
.yun_dian6_cont li.dian03{ width:100%;margin:20px 0 0 0px;}
.yun_dian6_cont li.dian04{ width:100%;margin: 0px;}
.yun_dian6_cont li.dian05{width:100%;margin: 20px 0 0 0px;}
.yun_dian6_cont li.dian06{width:100%;margin: 20px 0 0 0px;}
.yun_dian6_cont li.dian01,.yun_dian6_cont li.dian02,.yun_dian6_cont li.dian03{ height:auto;}
.yun_k3_cont{ padding:40px 0;}
.yun_k3_cont li{ width:45%; margin:10px 2%; padding:10px 0;}
.yun_k3_name{padding: 10px 0 5px 0;}
.yun_k3_nr{ line-height:22px; color:#5e5e5e;padding: 0 5px;}

}