@charset "utf-8";
/* CSS Document */

/*基本设定*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width: 100%;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:"Microsoft Yahei",simSun,Arial;font-size:inherit;font-weight:inherit;}
input,textarea,button{outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
input::-moz-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
input::-ms-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display:none;}
input:focus,textarea:focus{outline:none;border:1px solid #f60 ;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
textarea{resize: none ;-webkit-appearance: none;}

div{box-sizing:border-box;overflow:hidden;}
body{color: #383838;font: 14px/1.5 "Microsoft Yahei",simSun,Arial;/* background:#f2f2f2; */position: relative;min-height: 100vh;}
table{font-size:inherit;font:100%;width: 100%;}
pre,code,kbd,samp,tt{font-family: "Microsoft Yahei",simSun,Arial;}
abbr,acronym{border-bottom: 1px #d5d5d5 dotted;cursor:help;}
select{font-size: 12px;cursor: pointer;}
dt{float:left;}
html{overflow-y:scroll;min-width: 1200px;}
a{outline:none;cursor:pointer;color: #383838;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a:hover,a:active{color: #ee3535;}
hr{height:1px;border: 1px #D5D5D5 solid;border-width:1px 0 0;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}

/*字体*/
.center{text-align: center;}
/* color */
.white{color: #fff !important;}
.grey{color: #f5f5f5 !important;}
.black{color: #000 !important;}
.blue{color: #2A82E4 !important;}
.yellow{color: #FFC107 !important;}
.red{color: #EA1A21 !important;}
.orange{color: #f60 !important;}

.cover{display:block;width:100%;height:100%;position: absolute;z-index: 10;}
.border-none{border: none !important;}

.left,.float_left{float:left;}
.middle{float:left;}
.right,.float_right{float: right !important;}

.imgbox{text-align:center;position: relative;overflow: hidden;}
.imgbox img{width: 1000%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;transition:all 0.4s ease-out;/* -webkit-filter: saturate(0.9); *//* filter: saturate(0.9); */}
.imgbox img:hover{transform:scale(1.1);-webkit-filter: saturate(1);filter: saturate(1);}

/*整体布局*/
.header{background:#fff;}
.header,.main,.footer{width:100%;}
.main{display: inline-table;}
.header_con,.main_con,.footer_con{width:1200px;margin:auto;overflow: hidden;padding: 0 15px;}

/*行列布局*/
.section{margin-bottom: 40px;}
.section:last-child{margin-bottom:0;}
.container{overflow:hidden;}
.col_r>div{margin-bottom:25px;}
.col_r>div:last-child{margin-bottom:0;}
.main_con .col_full{padding: 0;}
.col_full{clear:both;width:100%;display: block;margin-bottom: 35px;overflow: hidden;padding: 0 15px;}/*--行--*/
.col_left,.col_middle,.col_right,.col_l,.col_m,.col_r{float: left;}

/*1-2-1*/
.col_121 .col_l{width: 330px;margin-right: 30px;}
.col_121 .col_m{width: 450px;margin-right: 30px;}
.col_121 .col_r{width: 330px;}
.col_121 .col_m>div{margin-bottom: 15px;width: 100%;}

.col_121 .col_r>div{margin-bottom: 25px;}
.col_121 .col_m>div:last-child,.col_121 .col_r>div:last-child{margin-bottom: 0;}

/*2-1*/
.col_21 .col_l{width: 810px;margin-right: 30px;}
.col_21 .col_r{width: 330px;overflow: hidden;}
/*2-1*/
.col_21 .col_left{width: 840px;margin-right: 30px;}
.col_21 .col_right{width: 300px;overflow: hidden;}

/*1-1-1*/
.col_111>ul>li,.col_111>.column{float:left;width: 376px;margin-right:20px;margin: 7px\0;}
.col_111>ul>li:nth-child(3n),.col_111>.column:nth-child(3n){margin-right: 0 !important;}

/* 6-6 */
.col_6{width: 48% !important;float:left;}