/*reset*/

html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul,b,strong { margin: 0; padding: 0; }
body { -webkit-text-size-adjust: 100%;}
li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; max-width: 100%; vertical-align: top; }
a { text-decoration: none; outline: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.img { overflow: hidden; }
.nomargin { margin: 0 !important; }
.wrap{width:100%; min-width:1200px;}
.container { position: relative; width: 1100px; margin: 0 auto; z-index:1;}
.img { overflow: hidden; }
.nomargin { margin: 0 !important; }
a,a:link,a:visited{ color:#484848;text-decoration: none;}
a:hover{ color:#f00;text-decoration: none;}
body, input, textarea {
    -webkit-text-size-adjust: 100%;
    font-family:"Arial";
}
input, textarea {
    outline: none;font-size: 16px; -webkit-appearance:none; box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
li {
    list-style: none; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

.img {
    overflow: hidden;
}
img {
    border: none;
    max-width: 100%;
    vertical-align: top; }

a {
    text-decoration: none;
    outline: none; }
/*reset end*/
.spc{ display: block}
.sm{ display: none;}
.banner{ background: #0f3d61; position: relative; width: 100%; min-width: 1100px; margin: 0 auto;}
.container.w-text{ position: absolute; left: 50%; margin-left: -550px; width: 1100px; top: 20%;}
.w-text h1{  font-family: "Arial"; color: #fdd619; font-size: 80px; line-height: 80px;}
.w-text .y-smaller{font-size: 40px; display: block; line-height: 40px; }
.w-text .w-smaller{font-size: 20px; display: block; line-height: 20px; color: #fff}
.r-smaller{color:#fff; font-size:32px; line-height:32px; padding-top:48px;
 position: absolute; top: 0; right: 60px; width:220px}
.section1{ background: #e9e9e9;position: relative; padding-bottom: 60px;}
.section1 .left{ width: 450px; position: absolute; top: -45px; background: #fafafa;}
.section1 .left li{ display: block; width: 400px; padding: 25px 25px 60px;color: #fb440a;position: relative;}
.section1 .left li.p1{ background: url(../img/p1-1.jpg) no-repeat top center; 
color: #0e526e; position: relative; padding-bottom: 140px;}
.section1 .left .text1{ font-size: 36px; font-family: "Arial"; }
.section1 .left .text2{font-size: 20px; position: relative; z-index: 2}
.section1 .left li.p1 .text1{ text-align: center; display: block; padding-top: 5px;}
.section1 .left li.p1 .img{ position: absolute;top: 80px;right: 50%; margin-right: -74px;}
.section1 .left li.p2 .img{ position: absolute;top: 0px;right: 20px; }
.section1 .left li.p3 .img{ position: absolute;top: 0px;right: 30px; z-index: 1}
.section1 .left li.p3{ padding-top: 15px}
.section1 .left li.p3 .text2{ width: 220px}
.section1 .left li.p4 .img{ position: absolute;top: 0px;right:15px; }
.section1 .right{ width: 590px; float: right; color: #0e536e; padding-top: 15px; font-size: 20px;}
.o-form{ border:1px solid #0e536e; padding: 37px 39px;}
.o-form h2{ padding-bottom: 28px; font-size: 51px;font-family: "Arial";}
.o-form p{ line-height: 35px; padding-bottom: 15px}
.o-form .form-control{ text-indent: 5px; width: 74%; float: right; border:1px solid #0e536e;height: 29px; line-height: 27px}
.o-form label{font-size:20px;}
.o-form input, .o-form textarea{ background: #e9e9e9; border-radius: 0;-webkit-appearance:none;}
.form-text{width: 98%; padding: 1%;border:1px solid #0e536e;}
.red{ color: #fb440a}
.sub-btn{ background: #fb440a; width: 100%; cursor: pointer; text-align: center; line-height: 50px; color: #fff;font-family: "Arial"; font-weight: bold; font-size: 24px;}
.sub-btn.uclk{background:#999;}
.pt40{ padding-top: 40px; }
.pb5{padding-bottom: 5px}
.section2{ padding-top: 60px;}
.section2 .text-box-l{width:310px;height:174px; padding:50px 60px 0 30px; 
    background:#0e526e; color:#fff; font-size:16px; position: relative; float: left;}
.big-font{ font-size: 36px; font-weight: 600;}
.triangle-text{ position: absolute; top: 50%; margin-top: -60px; right: -50px; width: 100px; color: #fff;}
.triangle-text .desc{ position: relative; line-height: 115px; padding-left: 10px; z-index: 2 }
.triangle{width:0; height:0;border-top:60px solid transparent;border-bottom:60px solid transparent; 
border-left:100px solid #fb440a; display: block; position: absolute; top: 0; left: 0; z-index: 1}
.text-box-r{float:right; width:312px; margin-left: 10px;/*word-break:break-all;*/ font-size:16px; height: 224px; color:#0e526e; overflow: hidden;}
.container.case{ background: url(./w.jpg) no-repeat center left;}
.container.case .img{ float: right; position: relative; padding-top: 45px;  margin-right: -40px;}
.container.case .text-box{ position:absolute; top:32%; left: 78px; font-size: 16px;color:#fff;line-height: 32px; }
.container.case .text-box span{display:inline-block;}
.container.case .text-box .s1{color:#fff600;display:inline-block;}
.container.case .text-box .s2{ font-size: 36px;font-family: "Arial"; font-weight: bold;}
.active-info{ font-size:20px; color:#0e536e; padding:5px 0 0 510px;}
.container.case .text-box .s3{font-size:14px;display:inline-block; position: relative; margin-left: -120px; top: -5px}
.footer{ width: 100%; padding:20px 0 30px; text-align: center; color: #313131; font-size: 14px;}
.smaller{ font-size: 16px;}
@media screen and (max-width: 800px){
    img{ width: 100%;}
    input, textarea{ font-size: .65rem;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
    .wrap,.container,.container.w-text{width:100%; min-width:100%;}
    .container.w-text {left:0;margin-left:0;top: 2.2rem;}
    .section1{ background: none; padding-bottom:0 }
    .banner{  min-width:100%; background:none; text-align: center;}
    .spc{ display: none}
    .sm{ display: block;}
    .w-text h1{ font-size: 2rem; padding:0 1.5rem; line-height: 1.7rem}
    .w-text .y-smaller{ font-size: 1rem; padding-bottom: .25rem;line-height: 1rem;}
    .r-smaller{ position:static; display: block; font-size: .8rem; width: 100%;line-height: 1rem; padding-top: .15rem}
    .w-text .w-smaller{ font-size: .6rem;  line-height: .6rem}
    .section1 .left{position:static; width: 100%; background: #e9e9e9; display: table;}
    .active-info{ padding:.5rem 2%; text-align: center;font-size: .6rem; }
    .section1 .left li{width: 50%; padding:1rem 2%; height:4.2rem;border-top: 2px solid #e9e9e9; float: left;box-sizing: border-box; background: #fafafa;}
    .section1 .left li.p1{ padding-bottom:1rem; height: 4.2rem;  background-size: cover; 
        border-right: 1px solid #e9e9e9; padding-top: .7rem; background-image: url(../img/p1-1.jpg); background-size: 100% 100%; }
    .section1 .left .text1 {font-size: .8rem; position: relative; z-index: 2;}
    .section1 .left .text2 {font-size: .45rem;position: relative;z-index: 2; white-space: nowrap; max-width: 100%; overflow: hidden;}
    .section1 .left .img{z-index: 1;}
    .section1 .left li.p1 .text1 {/*padding-top: 0*/padding-top: .8rem;text-align: left;}
    .section1 .left li.p1 .img{ top: .8rem; width:2.7rem; right: .2rem; margin-right: 0}
    .section1 .left li.p2{ padding:.5rem 2% .6rem 2%;border-left: 1px solid #e9e9e9;}
    .section1 .left li.p2 .img{  width: 3.6rem;right: 0;top: .2rem;}
    .section1 .left li.p3{border-right: 1px solid #e9e9e9;padding-top:.7rem; display: table-cell; vertical-align:middle;}
    .section1 .left li.p3 .text2{ width: 5rem;white-space:normal;}
    .section1 .left li.p3 .img{  width: 2.7rem;right:0; top: .7rem}
    .section1 .left li.p4{border-left: 1px solid #e9e9e9;}
    .section1 .left li.p4 .img{  width: 3.6rem;right:0; top: .7rem}
    .section1 .right{ background:#e9e9e9; width: 90%; float:none; padding:1.5rem 5%;font-size: .6rem;}
    .pt40,.pb5{ padding: 0}
    .o-form{padding: 0; border: none;}
    .o-form h2{ font-size: 1.5rem;padding-bottom:.5rem;}
    .o-form label{ font-size: .6rem;}
    .o-form p{ padding-bottom: .4rem;}
    .o-form p.last{padding-bottom: .1rem;}
    .sub-btn{ font-size: .7rem;line-height:1.8rem;}
    .section2{ padding: 1rem  5%; width: 90%;    min-width: 90%;}
    .triangle-text{ display: none}
    .section2 .text-box-l{ width: 100%; background: none; color:#0e526e; padding: 0; font-size: .65rem;
     height: auto; padding-bottom: .5rem}
    .big-font{ font-size: .9rem}
    .text-box-r{ float: right; margin-left:0; width:49%; font-size: .6rem; height:auto;}
    .text-box-r p{ padding-top: .2rem}
    .text-box-r.fl{ float: left;}
    .container.case {background: url(../img/w.jpg) no-repeat top left; margin-top: 1rem; background-size: contain;}
    .container.case .text-box{top:10%;line-height: .9rem;left: 7%;right: 6%; z-index: 2; font-size: .6rem;}
    .container.case .text-box .s1{ line-height: .6rem;}
    .container.case .text-box .s2{ font-size: .9rem}
    .container.case .text-box .s3{     margin-left: -3.2rem; top: -.05rem}
    .container.case .img {width:17rem;padding-top: 2rem;margin-right: -.5rem; z-index: 1}
    .footer{padding:0 0 1rem 0; font-size: .6rem}
    .smaller{ font-size: .5rem;}
}