*{margin:0;padding:0;}
html{color:#fff;}
body{width:100%; margin:0 auto;font-size:18px;font-family:"Microsoft YaHei"; line-height: 1.7;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0 none;-ms-interpolation-mode:bicubic;}
.clear,.clearfix{zoom:1;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}
.over{ overflow:hidden}
a{text-decoration:none; cursor: pointer;}
.fixed{position:fixed;top:0;z-index:99;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*zoom:1;left: 0; right: 0;}
.navhigh{ width: 100%; display: none;}

.container{ width: 100%; max-width: 1920px; min-width: 1024px; margin: 0 auto; overflow:hidden;font-size: 16px; color: #353535;}
.container img{transition:all 300ms linear;	-moz-transiton:all 300ms linear; 	-webket-transition:all 300ms linear;	-o-transition:all 300ms linear;}
.container img:hover{ opacity:0.8;}
.container h2{ width: 100%;font-size: 40px;font-weight: bold;color: #000; text-align: center;line-height: 1;margin: 40px 0;}
.container h2 span{font-size: 18px;display: block;font-weight: normal; color: #999999; margin-top: 5px; }
.wrapper{ width: 1180px; margin: 0 auto;}
.btn-transition{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btn-transition:hover{-moz-box-shadow:0px 0px 10px #fff; -webkit-box-shadow:0px 0px 10px #fff; box-shadow:0px 0px 10px #fff;color:#fff;}
a.btnas{display: block;background-color: #d9004d; width: 380px;height:70px; text-align: center;line-height: 70px; border-radius: 35px; font-size: 28px;color: #fff;margin: 50px auto}
a.btnas:hover{background-color:#f82972;}
.banner{ width: 100%; height: 600px; clear: both;}
.banner .banner1{ width: 100%; height: 200px; background: url(../images/banner1.jpg) no-repeat center;}
.banner .banner2{ width: 100%; height: 200px; background: url(../images/banner2.jpg) no-repeat center;}
.banner .banner3{ width: 100%; height: 200px; background: url(../images/banner3.jpg) no-repeat center;}
#subnav{height: 80px; background: #012c4b; overflow: hidden;}
#subnav a{ float: left; display: block; width: 14.285%; text-align: center; height: 80px; line-height: 80px;font-size: 20px;color: #fff;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
#subnav a:hover,#subnav a.on{background: #d9004d}

.itemdl{width: 100%; overflow: hidden;}
.itemdl dl{float: left; width: 265px; height: 322px; border:7px solid #012c4b; margin-left: 92px;margin-bottom: 10px; position: relative; cursor: pointer;}
.itemdl dl span{ position: absolute; left: 0; top: 0;background-color: rgba(0, 0, 0, 0.749);opacity: 0; width: 100%; height: 100%;z-index: 1;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.itemdl dl dd{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color:#fff; z-index: 11; opacity: 0;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.itemdl dl dd p{ padding: 0 20px;}
.itemdl dl dd p.title{ padding: 80px 20px 5px;text-align: center;font-size: 20px;font-weight: bold;}
.itemdl dl:hover dd{ opacity: 1;}
.itemdl dl:hover span{ opacity: 0.7;}

#section2{ width: 100%; overflow: hidden; background: #012c4b; color: #fff;font-size: 18px;}
.s2img{float: left; width: 421px;}
.s2con{ float: right; width: 725px;margin-top: 30px;}
.s2con li{float: left; width: 50%; height: 28px; line-height: 28px;margin-bottom: 12px;}
.s2con li span{ display: block;float: left; width: 95px; height: 28px;font-weight: bold; color: #012c4b;background: #e9e9e9;text-align: center;margin-right: 10px;}
.s2con p{ overflow: hidden; width: 100%;margin-top: 15px;}
.s2con a{ display: block;width: 305px;height: 68px;background-color: rgb(217, 0, 77);opacity: 0.96;border: 1px solid rgb(162, 0, 58);text-align: center;line-height: 68px; font-size: 28px;color: #fff;border-radius: 34px;margin-left: 180px;margin-top: 30px;}
.mt55{margin-top: 55px;}
.mb55{margin-bottom:55px;}
#section3{ background: #f4f4f4; overflow: hidden; width: 1005;}
.itmedl2{ overflow: hidden; width: 110%;}
.itmedl2 dl{float: left; width: 230px; height: 340px; background: #fff;color: #012c4b;font-size: 18px;border: 1px solid #dbdbdb;margin-right: 5px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear; cursor: pointer;}
.itmedl2 dl dt{width: 142px; height: 142px; border-radius: 50%; overflow: hidden;margin: 28px 44px 15px;}
.itmedl2 dl dd{ padding: 0 25px;}
.itmedl2 dl dd.title{font-size: 22px;line-height: 1; height: 40px; margin-bottom: 5px;text-align: center;background: url(../images/border1.jpg) no-repeat center bottom;}
.itmedl2 dl:hover{background: #d9004d; color: #fff;border: 1px solid #880030;}
.itmedl2 dl:hover dd.title{background: url(../images/border2.jpg) no-repeat center bottom;}
#section4{overflow: hidden; text-align: center;}
#section5{ overflow: hidden; width: 100%; height: 913px; background: url(../images/bg1.jpg) repeat-x;}
#section5 .wrapper{ height: 913px; overflow: hidden; position: relative;}
#section5 h2{ margin-top: 60px;margin-bottom: 0;}
.casebox{widows: 100%;height: 780px;position: relative; overflow: hidden;}
.casebox a.prev,.casebox a.next{ display: block; width: 90px; height: 190px; position: absolute; top:50%; margin-top: -95px; z-index: 11}
.casebox a.prev{ background: url(../images/caseprev.png) no-repeat left center;left: 0}
.casebox a.next{ background: url(../images/casenext.png) no-repeat left center; right: 0}
.casebox .sider{ position:absolute; left: 0; top: 0; height: 780px;}
.casecon{ width: 1180px; height: 780px;margin-top: 1px;}
.casecon.b1{ background: url(../images/bg2.jpg) no-repeat center;}
.casecon.b2{ background: url(../images/bg3.jpg) no-repeat center;}
.textcon{ float: right; height: 100%; position: relative; width: 610px;}
.textcon h3{ width: 415px; height: 42px;border-bottom: 1px solid #accfdf; margin-top: 175px; color: #fff;font-size: 34px;font-weight: bold; line-height: 1;margin-bottom: 55px;}
.textcon h3 span{font-size: 24px;font-weight: normal;}
.textcon p{margin-top: 25px;line-height: 1;font-size: 18px; overflow: hidden;}
.textcon p>strong{font-size: 24px;}
.textcon p>strong.color1{ color: #0371a2}
.textcon p>strong.color2{ color: #d9004d}
.textcon a{ display: block;border:1px solid rgb(162, 0, 58);background-color: rgb(217, 0, 77);opacity: 0.96;box-shadow: inset -5.785px 6.894px 6px 0px rgba(20, 20, 20, 0.06);width: 306px;height: 70px; border-radius: 35px; color: #fff;font-size: 28px;line-height: 70px; text-align: center;margin-top: 50px;margin-left: 80px;}
.textcon a:hover{background-color: rgb(217, 0, 77);box-shadow: inset -5.785px 6.894px 6px 0px rgba(20, 20, 20, 0.06);}
.textcon span.icon{ display: block; position: absolute;width: 175px; height: 175px; position: absolute;right: 40px; top: 70px;}
.itemdl3{ overflow: hidden; width: 100%;margin-bottom: 50px;font-size: 18px;color: #000000; line-height: 1.5;}
.itemdl3 dt{float: left; width: 86px; height: 86px; margin-left: 28px;}
.itemdl3 dd{ width: 1028px;	float: right;margin-right: 20px;}
.itemdl3 dd p.titlec{border-bottom: 1px solid #000; display: inline-block;margin-bottom: 10px;}
.itemdl3 dd a{ color: #d9004d}
.sections h2{ color: #5f5f5f}
.tc{ text-align: center;}
.introduce {padding:60px 0;}
.introduce h2 {font-size: 48px; font-weight: normal; color: #333; text-align: center; line-height: 1.4; margin-bottom: 58px; } 
.introduce h2 span {display: block; text-align: center; font-size: 18px; text-align: center; margin-bottom: 20px; }
.introduce h2 strong {width: 155px; display: block; font-weight: normal; text-align: center; font-size: 16px; height: 30px; line-height: 30px; border: 1px solid #000; margin: 0 auto; }
.introduce .introduce_bg{width: 100%;height: 704px;background:url(../images/introduce_bg.jpg) no-repeat center;}