﻿@charset "utf-8";
* {margin:0px; padding:0px; list-style:none;}
body, div, form, img, ul, ol, li, dl, dt, dd, p {border:0; margin:0; padding:0;}
ul, ol, li {list-style-type: none;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {zoom:1; /* for IE6 IE7 */}
.clear{ width:0; font-size:0; content:" "; clear:both; height:0; clear:both;}
.target-fix {position:relative; top:-80px; display: block; height: 0; overflow: hidden;}
html {font-family: "微软雅黑", "宋体", "Verdana","Arial", "Helvetica","sans-serif"; font-size:10px;}
body {font-family: "微软雅黑", "宋体", "Verdana","Arial", "Helvetica","sans-serif"; font-size:10px; color:#3e3a39; background:#f8f8f8;}
A:link,A:visited {color:#666666; text-decoration:none;}
A:hover {color:#3681c6; text-decoration:underline;}
.Purple24 {color:#7e86ef; font-size:2rem; font-weight:700;}
.Red {color:#cf0000; font-size:1.6rem; font-weight:700;}
.Gray {color:#cecece; margin:0 0.6rem;}
.star {font-size:1.4rem; line-height:2.2rem; color:#ff0000; margin-right:0.5rem;}
.Blue {color:#097ada; width: 4rem; border: 1px solid #097ada; font-size: 1.6rem; line-height: 2.8rem; margin:0; padding: 0.4rem 2rem; border-radius:0.2rem;}

input{vertical-align: middle; outline: none;/*关键代码*/appearance:none;/*关键代码，css3的样式，必须使用*/-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */ }
input[type="radio"]{width:1.6rem; height:1.6rem; border:1px solid #568de9; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem; background-color:#ffffff; margin-right:5px;}
input[type="radio"]:checked{background:#606dc5; background:url("../images/icon.png"); border:1px solid #ccd2f9; border-radius:25px;/*注意使用的是双边框的*/}
input[type="checkbox"]{width:1.6rem; height:1.6rem; border:1px solid #568de9; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem; background-color:#ffffff; margin-right:5px; margin-top:-2px;}
input[type="checkbox"]:checked{background:#606dc5; width:1.6rem; height:1.6rem; border-radius:0.2rem; background:url("../images/icon.png");/*注意使用的是双边框的*/ }

img {border:0; vertical-align:middle;}



/*大屏幕*/
@media screen and (min-width: 769px) {

.topimgB {width: 100%; border: 0; margin: 0; padding: 0;}
.topimgB img {width: 100%;}
.topimgS {display: none;}
.ts {border:0; overflow:hidden; text-align:right; height:4rem; line-height:4rem; background:#eaecf4; width:100%; margin:0 auto; padding:0;}
.white {display:block; width:1200px; font-size: 1.6rem; text-decoration:none; line-height:4rem; margin:0 auto; padding:0;}
.container {width: 1200px; margin:auto; padding:20px; border: 0; overflow:hidden;}
.index_product{float: left; margin:3rem auto 2rem auto; width: 100%;}
.index_product h2{text-align:center; color:#e75718; line-height:1.8rem; font-size:2rem; margin:0 0 0.5rem 0;}
.index_product span{text-align:center; color:#727171; text-transform:uppercase; display:block; background:url("../images/h2_line.png") center 2rem no-repeat; padding:0 0px 2rem 0;}
.logo {float: left; width:282px; height: 102px; border: 0; margin: 10px 9px; padding: 0; }
.logo img{width:280px; border-radius: 10px; border: 1px solid #c9caca;}

.Expert{ width:100%; margin:0 auto;}
.Expert li{ width:98%; float:left; box-shadow:3px 3px 3px #e6e6e6; margin:0 1%; margin-top:1rem; border:1px solid #dcdcdc; text-align:center;}
.Expert li .ExpertTop{ width:100%; background:#ffffff; text-align:center;}
.Expert li .ExpertTop img { width:100%; }
.ExpertBottom{ width:100%; background:#ffffff;}
.ExpertBottom1{ width:96%; line-height:40px; text-align:center; border-bottom:1px dashed #dae2ee; padding:0px 2%; font-size: 1.6rem;}
.ExpertBottom2 img{ width:80%; text-align:center;}
.Expert li a{ display:block; border:0px;}

.Expert01{display: none;}
.Expert01 li .ExpertTop01{display: none;}

.bottom {font-size:1.6rem; line-height:5rem; height:5rem; text-align:center; color:#898989; margin:0 0 1rem 0;}



}
/*小屏幕*/
@media screen and (max-width: 768px) {

.topimgB {display: none;}
.topimgS {width: 100%; border: 0; margin: 0; padding: 0;}
.topimgS img {width: 100%;}
.ts {display: none;}
.white {display: none;}
.container {width: 96%; margin: auto; padding: 2rem 2%; border: 0;}
.index_product{float: left; margin:1.5rem 0; width: 100%;}
.index_product h2{text-align:center; color:#e75718; line-height:1.8rem; font-size:1.6rem; margin:0 0 0.5rem 0;}
.index_product span{text-align:center; color:#727171; text-transform:uppercase; display:block; background:url("../images/h2_line.png") center 1.5rem no-repeat; padding:0 0px 1.5rem 0;}
.logo {float: left; width:45%; height:auto; border: 0; margin: 0.6rem 2%; padding: 0; }
.logo img{width:100%; border-radius: 0.6rem; border: 1px solid #c9caca;}

.Expert{display: none;}
.Expert li .ExpertTop{display: none;}

.Expert01{float:left; width:100%; margin:0 auto; text-align: center;}
.Expert01 li{ width:92%;  box-shadow:3px 3px 3px #e6e6e6; margin:0 auto 1.5rem auto; border:1px solid #dcdcdc;}
.Expert01 li .ExpertTop01{ width:100%; background:#ffffff;}
.Expert01 li .ExpertTop01 img { width:100%; }
.ExpertBottom01{ width:100%; background:#ffffff;}
.ExpertBottom011{ width:96%; line-height:40px; text-align:center; border-bottom:1px dashed #dae2ee; padding:0px 2%; font-size:1.5rem;}
.ExpertBottom012 img{ width:100%; text-align:center;}
.Expert01 li a{ display:block; border:0px;}

.bottom {font-size:1.4rem; line-height:5rem; height:5rem; text-align:center; color:#898989; margin:0 0 1rem 0;}

}



