﻿html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 20px/1.5 "MicrosoftYaHei",; background-color: #F9F9F9;}
ol,ul,li{list-style:none;}
em,i{font-weight:normal;font-style:normal;font-size:100%;}
// h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;font-size:100%;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#333;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
a:hover{color: #d7000f; text-decoration: none;}
input,button,select{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
// img{vertical-align:middle; display: inline-block; border:none;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.w1200{width: 1200px; margin: 0 auto;}
.w400 {width: 400px}
h2,h3{font-weight: normal;}
.bg1{background-color: #fff;}
.border1{border:1px solid #e5e5e5;}
.mt30{margin-top: 30px;}
.none{display: none;}
.mt45{margin-top: 45px;}
.mb8{margin-bottom: 8px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb48{margin-bottom: 48px;}
.mb50{margin-bottom: 50px;}
.mb68{margin-bottom: 68px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.m30{margin: 30px 0;}
.mr10{margin-right: 10px;}
.mr1{margin-right: 1px;}
.w420 {width: 420px;}
.w560 {width: 560px}

.font20{font-size: 20px!important;}
.font18 {font-size: 18px;}
.font14 {font-size: 14px;}
.fonW {font-weight: bold;}

.pt10{padding-top: 10px;}
.col9{color: #999;}
.col6{color: #666666;}
.cold7{color: #d7000f;}
.cold6 {color: #0d6ddb;}
.col06 {color: #0066cc}
.colf9 {color: #ff9900;}
.f41-lists{margin-right: -24px; text-align: center;}
.f41-lists li{width: 282px; margin-right: 24px; float: left; background-color: #fff; text-align: center;}
.f41-lists li a{display: table-cell; height: 80px;width: 282px; line-height: 22px;padding: 0 20px; vertical-align: middle;}
.f41-lists li a:hover{background-color: #cd0000; color: #fff; text-decoration: none;}
.f7f-list{width: 924px; margin: 20px auto;}
/*header*/
.color8011 {color: #e80011;}
#header{height: 80px; background: #fff; }
// #header .cd_logo{}
#header .mnav a{ float: left; margin-left: 15px; font-size: 14px; line-height: 84px;}
#header .mnav a:hover{text-decoration: underline;color: #e80011;}
/*footer*/
#footer{background-color: #fff; padding: 30px 0;}
#footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
#footer p a{color: #999;}
#footer p span{ margin: 0 5px;}

.content {background: #f9f9f9;height: 100%;padding-bottom: 80px}
.lead-mes {background: #fff;height: 238px;box-sizing: border-box;position: relative;padding: 90px 80px 40px 40px;margin-top: 30px;}
.lead-mes-lab {position: absolute;top: 25px;left: -10px;background: url(../image/01.png)no-repeat center;background-size: 100% 100%;width: 162px;height: 58px;color: #fff;font-size: 30px;text-align: center;line-height:45px;}
.lead-mes p.part-1 {line-height: 25px;font-size: 14px;margin-bottom: 10px;width: 1049px}
.lead-mes p.part-2 {line-height: 25px;font-size: 14px;width: 878px;}
.bg-02 {position: absolute;top: -15px;right: -35px;}

.actuality {background: #fff;margin-top: 30px;height: 705px;box-sizing: border-box;padding: 60px 10px 30px 0;position: relative;}

.actuality-lab {font-weight: bold;font-size: 24px;margin: 0 auto;width: 1200px;text-align: center;}
.actuality-lab span {vertical-align: middle;}
.actuality-lab img {margin-right: 40px;vertical-align: middle;}

.actuality-con {margin-top: 30px;}
.data-statis {position: relative;}
.data-statis .img-1 {position: absolute;top: 6px;left: -10px;}
.data-statis .img-2 {position: absolute;top: 139px;left: -10px;}
.data-statis .img-3 {position: absolute;top: 398px;left: -10px;}
.data-statis-part1 {font-size: 14px;padding: 0 40px;line-height: 30px;}
.data-statis-part1 p:first-child {color: #0066cc;font-size: 18px;font-weight: bold;}
.data-statis-part2 {font-size: 14px;padding: 0 40px;line-height: 30px;margin-top: 30px;}
.data-statis-part2 p:first-child {color: #0066cc;font-size: 18px;font-weight: bold;}
.data-statis-part3 {font-size: 14px;padding: 0 40px;line-height: 30px;margin-top: 30px;}
.data-statis-part3 p:first-child {color: #0066cc;font-size: 18px;font-weight: bold;}

.table-statis {width: 552px;height: 395px;box-shadow: 0 0 5px #f1f1f7;padding: 10px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;margin-top: 80px}

.expand {font-weight: bold;font-size: 24px;margin: 50px auto 50px auto;width: 1200px;text-align: center;}
.expand span {vertical-align: middle;}
.expand img {margin-right: 40px;vertical-align: middle;}

.expand-con li {background: #fff;position: relative;padding-top: 190px;padding-bottom: 30px;padding-left: 170px;line-height: 30px;margin-bottom: 30px;}
.expand-con li:last-child {margin-bottom: 0;}
.expand-con li p.cpm-lab {background: url(../image/06.png)no-repeat center;background-size: 100% 100%;width: 1211px;height: 70px;position: absolute;top: 100px;left: -10px;color: #fff;font-size: 30px;line-height: 56px;padding-left: 180px;box-sizing: border-box;}
.expand-con li img {position: absolute;top: 15px;left: 15px;z-index: 10;}

.market {font-weight: bold;font-size: 24px;margin: 50px auto 50px auto;width: 1200px;text-align: center;}
.market span {vertical-align: middle;}
.market img {margin-right: 40px;vertical-align: middle;}

.market-con {width: 1202px;margin: 0 auto;}
.market-con li {background: #fff;width: 386px;box-sizing: border-box;height: 468px;margin-right: 22px}
.market-con li:last-child {margin-right: 0;}
.market-con li p {padding: 10px 40px;font-size: 14px;line-height: 23px;}
.market-con li p:first-child {position: relative;padding: 42px 40px 30px 40px;color: #0066cc;font-size: 18px;font-weight: bold;}
.market-con li p:first-child img {position: absolute;top: 45px;left: -10px;}

.tendency {font-weight: bold;font-size: 24px;margin: 50px auto 50px auto;width: 1200px;text-align: center;}
.tendency span {vertical-align: middle;}
.tendency img {margin-right: 40px;vertical-align: middle;}

.tendency img {margin-right: 40px;}
.tendency-con li {position: relative;width: 560px;height: 595px;background: #fff;padding: 60px 0;box-sizing: border-box;}
.tendency-con li .img1 {position: absolute;bottom: 0;right: 40px;}
.tendency-con li .img2 {position: absolute;bottom: 0;right: -70px;}
.tendency-con li .tendency-con-lab {background: #0066cc;height: 19px;padding: 0;position: relative;}
.tendency-con li .tendency-con-lab span {background: #ffffff;height: 34px;margin-left: 20px;padding: 10px 20px;color: #0066cc;font-size: 18px;font-weight: bold;margin-top: -10px;position: absolute;top: -4px;}

.tendency-con li.item-1 .p1 {padding: 15px 40px;font-size: 14px;line-height: 25px;position: absolute;top: 120px;}
.tendency-con li.item-1 .p2 {padding: 15px 40px;font-size: 14px;line-height: 25px;position: absolute;top: 200px}
.tendency-con li.item-1 .p3 {padding: 15px 40px;font-size: 14px;line-height: 25px;position: absolute;top: 330px;}
.tendency-con li.item-2 .p1 {padding: 15px 40px;font-size: 14px;line-height: 25px;position: absolute;top: 120px;}
.tendency-con li.item-2 .p2 {padding: 15px 40px;font-size: 14px;line-height: 25px;position: absolute;top: 280px}
.tendency-con li.item-2 .p3 {padding: 15px 40px;font-size: 14px;line-height: 25px;position: absolute;top: 380px;}
