@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 "微软雅黑",sans-serif; color:#606060}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none; color:#616161;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }

@media screen and (min-width: 980px) {
body{ background:#f3f4f5;}
.logo{ width:100%; text-align:center;}
.logo p{ width:1200px; margin:auto; padding:20px 0;}
.logo p img{}

.banner{ width:100%; text-align:center; background:#9ad5ee;}
.banner p{ width:1200px; margin:auto;}
.banner p img{ width:100%;}
.con{ width:1000px; margin:auto; overflow:hidden; }
.left{ width:700px; background:#FFF; overflow:hidden; float:left;border-right: 1px solid #dddddd; text-align:center; padding-bottom:30px;}
.left p{ text-align:center; font-size:18px; line-height:36px;}
.left p img{ width:85%; margin:10px auto; text-align:center;}
.right{ float:right; width:258px;overflow:hidden; background:#fff; padding:20px;}
.right h2{ font-size:18px;}
.right dl{ width:258px; overflow:hidden; background:#5d9bca;}
.right dl dt{ width:258px;}
.right dl dt img{ width:100%}
.right dl dd{ width:218px;color:#FFF; padding:0 20px;}
.right dl dd strong{ font-size:18px;}
.right dl dd p{ font-size:16px; line-height:30px; margin:10px 0;}
.btn01{ display:block; width:258px; height:45px; line-height:44px; background:url(../images/bj.jpg) no-repeat; text-align:center; color:#FFF; font-size:16px;margin-top:20px;}
.btn02{ display:block; width:258px; height:36px; line-height:36px; background:#009d21; text-align:center; color:#FFF; font-size:16px; margin-top:20px;}
.foot{ width:100%; background:#606060; text-align:center; color:#FFF; font-size:12px; height:50px; padding-top:30px;}
.right01{ float:right; width:258px;overflow:hidden; background:#fff; padding:20px;}
.right01 h2{ font-size:18px;}
.right01 dl{ width:258px; overflow:hidden; background:#5d9bca;}
.right01 dl dt{ width:258px;}
.right01 dl dt img{ width:100%}
.right01 dl dd{ width:218px;color:#FFF; padding:0 20px;}
.right01 dl dd strong{ font-size:18px;}
.right01 dl dd p{ font-size:16px; line-height:30px; margin:10px 0;}

.left_btn{ display:block; width:290px; height:45px; line-height:44px; background:url(../images/bj.jpg) no-repeat; text-align:center; color:#FFF; font-size:18px;  margin:auto; padding-left:24px;}
.wx{ margin-left:40px;}
#hello{ z-index:99}
}

@media screen and (max-width:750px) {
.banner{ width:100%;}
.banner p img{ width:100%;}
.con{ width:100%; overflow:hidden;}
.left{ width:100%;}
.left p img{ width:100%;}
.right{ width:100%; padding:5px;}
.right01 h2{ font-size:16px}
.right01 p img{ width:100%}
.btn01{ display:block; width:90%; height:36px; line-height:36px; background:#00689d; text-align:center; color:#FFF; font-size:16px; margin-left:17px; margin-top:20px;}
.btn02{ display:block; width:90%; height:36px; line-height:36px; background:#009d21; text-align:center; color:#FFF; font-size:16px; margin-left:17px; margin-top:20px;}
.foot{ width:95%; background:#606060; text-align:center; color:#FFF; font-size:12px; padding:10px; }
.right{ display:none;}
}