/* CSS Document */
a.pic { position: relative; width: 100%; padding: 50% 0; display: block;}
a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.in_partner { overflow: hidden;}
  .in_partner h4 a { width: 34px; height: 154px; background: #f36e05; font-size: 18px; text-align: center;
      padding: 30px 2px 0 2px; color: #fff; display: block; float: left; font-weight: bold;
      line-height: 30px;}
  .in_partner h4 a:hover {color:#fff!important;}
  .in_partner .bd { width: 95%; overflow: hidden;}
  .in_partner .bd li { float: left; width: 16%; text-align: center; margin-right:10px;}
  .in_partner .bd li a.pic { padding: 50% 0;}
  .in_partner .bd li a.txt { font-size: 14px; line-height: 30px; display: block; text-overflow: ellipsis;
    overflow: hidden; white-space: nowrap;}

.in_pro { overflow: hidden;}
  .in_pro h3 { width: 100%; background: url(../img/in_pro_tit.png) no-repeat center 40px; overflow: hidden;
    text-align: center; font-size: 1.8rem; font-weight: bold; color: #f36e05;}
  .in_pro h3 p { font-size: 1.2rem; padding-top: 8px; color: #333;}
  .in_pro .pro_l { width: 19.5%; height: auto; border: 1px solid #CCC; background: #FFF;}
  .in_pro .pro_l .list_t { text-align: center; padding-top: 10px; background: url(../img/listbg.jpg) no-repeat;
      height: 57px;}
  .in_pro .pro_l .list_t h2 { font-size: 16px; color: #FFF; font-weight: bold; line-height: 24px;}
  .in_pro .pro_l .list_t h2 a { font-size: 16px; color: #FFF; font-weight: bold;}
  .in_pro .pro_l ul { padding-bottom: 10px;}
  .in_pro .pro_l li { margin-left: 17px; margin-top: 8px; background: url(../img/listst.jpg) no-repeat;
      width: 180px; height: 35px; line-height: 35px; padding-left: 25px;}
  .in_pro .pro_l li a { font-size: 13px; color: #FFF;}
  .in_pro .pro_l .phone .p_t { border-top: 1px dashed #fff; padding: 10px 0; background: #605e5f;}
  .in_pro .pro_l .phone .p_t p { font-size: 14px; line-height: 24px; color: #fff; margin: 0; text-align: left; 
      padding: 0 0 0 1em;}
  .in_pro .pro_l .phone .p_t a { background: #ec3c00; display: block; width: 90%; height: 40px; line-height: 40px; 
      margin: 0 auto; color: #fff; text-align: center; margin-top: 0.7em;}
  .in_pro .pro_r { width: 78.2%;}
  .in_pro .pro_r ul li { float: left; width: 227px; height: 237px; border: 1px solid #e7e7e7;
    background: #f3f3f3; margin: 0 0 16px 7px;}
  .in_pro .pro_r ul li img { width: 227px; height: 197px; float: left; padding-bottom: 5px;}
  .in_pro .pro_r ul li .cpms { float: left; height: 30px; line-height: 30px; overflow: hidden; padding-left: 5px;
      font-size: 14px; width: 130px;}
  .in_pro .pro_r ul li .zxzhifu { float: right; padding: 5px 5px 0 0;}
  .in_pro .pro_r ul li .zxzhifu img { float: right; width: 77px; height: 22px;}
  .in_pro .pro_r ul li:hover { background: #f36e05;}
  .in_pro .pro_r ul li:hover a { color: #FFF;}

.in_gg { width: 100%; height: 198px; background: url(../img/xban.jpg) center no-repeat;}

/* youshi */
.youshitbg { background: url(../img/ysbg.jpg) center no-repeat; width: 100%; height: 135px;}
  .youshitbg .youshit { position: relative;}
  .youshitbg .youshit p { color: #fff; font-size: 40px; font-weight: bold; left: 300px; position: absolute; top: 47px;}
  .youshitbg .youshit span { font-size: 40px; font-weight: bold; left: 640px; position: absolute; top: 47px;}
  .youshi { background: url(../img/youshibg.jpg) no-repeat; height: 1363px; position: relative;}
  .youshi .ys1 { position: absolute; width: 580px; height: 260px; left: 66px; top: 30px;}
  .youshi .ys1t { position: absolute; font-size: 28px; font-weight: bold; left: 72px; top: 3px;}
  .youshi .ys1con { position: absolute; font-size: 14px; line-height: 26px; left: 71px; top: 62px;}
  .youshi .ys1con span { color: #f36e05;}
  .youshi .ys1an { position: absolute; left: 73px; top: 202px;}
  .youshi .ys2 { position: absolute; width: 493px; height: 260px; left: 574px; top: 350px;}
  .youshi .ys2 .ys1t { position: absolute; font-size: 28px; font-weight: bold; left: 58px; top: -2px;}
  .youshi .ys3 { position: absolute; width: 520px; height: 260px; left: 56px; top: 720px;}
  .youshi .ys3 .ys1t { position: absolute; font-size: 28px; font-weight: bold; left: 55px; top: -7px;}
  .youshi .ys3 .ys1an { position: absolute; left: 73px; top: 171px;}
  .youshi .ys4 { height: 260px; left: 574px; position: absolute; top: 1050px; width: 516px;}
  .youshi .ys4 .ys1t { position: absolute; font-size: 28px; font-weight: bold; left: 58px; top: -2px;}
  .youshi .ys4 .ys1an { position: absolute; left: 73px; top: 171px;}

.liyou { padding-bottom: 1em; display: none; height: 430px; padding-top: 1.5em;}
  .title { overflow: hidden; width: 100%; text-align: center;}
  .title h2 { font-size: 30px; color: #f36e05;}
  .title h2 a { color: #eb2533;}
  .title p { font-size: 24px; color: #333; line-height: 40px;}
  .title a { color: #eb2533}
  .title .em_ys { font-size: 12px;margin-top: 8px;}
  .title em { display: block; font-size: 13px; color: #666060; text-transform: uppercase; margin-bottom: 20px;}
  .title em span  { background: #fff; padding: 0 20px;}
  .liyou .reson { padding: 0.7em;}
  .liyou .reson dt img { display: block; width: 80%; margin: 0 auto;}
  .liyou .reson dt h5 { font-size: 16px; color: #605e5f; margin-top: 1.5em; text-align: center;}
  .liyou .reson dd { margin-top: 0.8em;}
  .liyou .reson dd p { font-size: 14px; color: #666; line-height: 1.5em; margin-bottom: 0.5em;
    height: 70px;}
  .liyou .rlist { text-align: center;}
  .liyou .rlist li { display: inline-block; width: 0.6em; height: 0.6em; border-radius: 50%; margin: 0 0.3em;
      background: #c9c9c9;}
  .liyou .rlist li.on { background-color: #ec3c00;}

.in_about { width: 100%; height: 239px; background: url(../img/webg.jpg) no-repeat center;
  padding-top: 20px; margin-bottom: 10px;}
  .in_about .fr { width: 77%; height: 151px; padding-top: 40px;}
  .in_about .fr p { float: left; width: 550px; height: 151px; font-size: 14px; line-height: 30px;
    color: #666;}
  .in_about .fr img { float: right; width: 316px; height: 152px; display: block; margin-right: 25px;}

.in_case { overflow: hidden; position: relative;}
  .in_case .title h3 { font-size: 28px; color: black; line-height: 36px; font-weight: inherit;
    text-align: center; margin-top: 10px; border-bottom: 2px solid red; display: inline-block;
    padding-bottom: 7px;}
  .in_case .title hr{ border: .5px solid #ddd; margin: 0;}
  .in_case .title p { font-size: 18px; color: #999; font-weight: lighter; text-align: center;
    line-height: 28px; margin-bottom: 20px;}
  .in_case .bd { width: 90%; margin: 0 auto; overflow: hidden;}
  .in_case .bd li { float: left; width: 17%; margin: 0 5px;}
  .in_case .bd li a.pic { padding: 50% 0;}
  .in_case .bd li a.txt { text-align: center; line-height: 30px; display: block; text-overflow: ellipsis;
    overflow: hidden; white-space: nowrap;}
  .in_case a.prev, .in_case a.next { position: absolute; top: 55%; display: block; width: 50px;
    height: 50px; filter: alpha(opacity=50); opacity: 0.5;}
  .in_case a.prev { left: 0; background: url(../img/prev.png) no-repeat;}
  .in_case a.next { right: 0; background: url(../img/next.png) no-repeat;}
  .in_case a.prev:hover,
  .in_case a.next:hover { filter: alpha(opacity=100); opacity: 1;}

/* 定制流程 */
.in_lc { background:url(../img/lcbg.jpg) no-repeat center bottom; padding-bottom: 80px; position: relative;}
  .in_lc h2 { background: url(../img/lctit.jpg) no-repeat; height: 88px; text-align: center;
    font-size: 30px; font-weight: bold; color: #f26e05;}
  .in_lc h2 a { color: #f26e05}
  .in_lc h2 em { display: block; font-size: 18px; color: #666; font-weight: normal; padding-top: 5px;}
  .in_lc ul { height: 220px;}
  .in_lc li { float: left; width: 127px; font-size: 14px; color: #666; padding-top: 170px;
    text-align: center;}
  .in_lc li b { display: block; font-size: 16px; font-weight: bold; color: #f26e05; margin-bottom: 6px;}
  .in_lc li a { text-decoration: none;}
  .in_lc .lastli { margin-right: 0;}
  .in_lc .lc01 { background:url(../img/lcico.jpg) no-repeat 0 0;margin-right: 50px;} 
  .in_lc .lc01:hover { background:url(../img/lcico2.jpg) no-repeat 0 0} 
  .in_lc .lc02 { background:url(../img/lcico.jpg) no-repeat -178px 0;margin-right: 50px;} 
  .in_lc .lc02:hover { background:url(../img/lcico2.jpg) no-repeat -178px 0} 
  .in_lc .lc03 { background:url(../img/lcico.jpg) no-repeat -356px 0;margin-right: 51px;} 
  .in_lc .lc03:hover { background:url(../img/lcico2.jpg) no-repeat -356px 0} 
  .in_lc .lc04 { background:url(../img/lcico.jpg) no-repeat -534px 0;margin-right: 51px;} 
  .in_lc .lc04:hover { background:url(../img/lcico2.jpg) no-repeat -534px 0} 
  .in_lc .lc05 { background:url(../img/lcico.jpg) no-repeat -712px 0;margin-right: 51px;} 
  .in_lc .lc05:hover { background:url(../img/lcico2.jpg) no-repeat -712px 0}
  .in_lc .lc06 { background:url(../img/lcico.jpg) no-repeat -891px 0;margin-right: 51px;} 
  .in_lc .lc06:hover { background:url(../img/lcico2.jpg) no-repeat -891px 0} 
  .in_lc .lc07 { background:url(../img/lcico.jpg) no-repeat -1072px 0;margin-right: 0;} 
  .in_lc .lc07:hover { background:url(../img/lcico2.jpg) no-repeat -1072px 0} 
  .in_lc .lctel { position: absolute; left: 545px; bottom: 10px; font-size: 14px; color: #fff;}
  .in_lc .lctel b { display: block; font-weight: normal; font-size: 24px; line-height: 20px;}

/* news */
.part6 { width: 100%; overflow: hidden; background: url("../img/advbg.jpg") no-repeat top center;
  padding: 40px 0;}
  .part6 .pt6_lf { width: 66%; margin-right: 1%; height: 418px; overflow: hidden;}
  .part6 .pt6_rt { width: 33%; height: 418px; overflow: hidden;}
  .title2 { background: #e5e5e5; line-height: 56px; font-size: 16px; height: 56px; overflow: hidden;}
  .title2 .more { float: right; line-height: 56px; font-size: 12px; color: #333;}
  .title2 .more { margin: 0 10px;}
  .title2 .more:hover { color: #f36e05;}
  .part6 .pt6_lf .title2 .link { float: left; width: 80%; overflow: hidden;}
  .part6 .pt6_lf .title2 .link li { float: left;}
  .part6 .pt6_lf .title2 .link li a { display: block; color: #333; line-height: 56px; padding-left: 30px; font-weight: bold; font-size: 16px; text-decoration: none;}
  .part6 .pt6_lf .title2 .link li a span { font-size: 12px; color: #333; line-height: 56px; margin-left: 5px; padding-right: 30px; font-weight: normal; text-transform: uppercase;}
  .part6 .pt6_lf .title2 .link li.on a { color: #fff; background: #f36e05;}
  .part6 .pt6_lf .title2 .link li.on a span { color: #fff;}
  .part6 .pt6_lf .news_b .main { width: 94.7%; padding: 20px; border-top: none; border: 1px solid #ddd;}
  .part6 .pt6_lf .news_b .main .tit { position: relative; height: 160px; padding-left: 220px; }
  .part6 .pt6_lf .news_b .main .tit .pic{ position: absolute; top: 0; left: 0; width: 200px; height: 140px; padding: 3px; border: 1px solid #ddd;}
  .part6 .pt6_lf .news_b .main .tit .pic img { width: 100%; height: 100%;}
  .part6 .pt6_lf .news_b .main .tit h3 { font-weight: bold; line-height: 30px; height: 30px;
    margin-bottom: 10px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  .part6 .pt6_lf .news_b .main .tit h3 a{ font-size: 16px; color: #f36e05}
  .part6 .pt6_lf .news_b .main .tit h3 a:hover { color: #f36e05; }
  .part6 .pt6_lf .news_b .main .tit p { line-height: 25px; height: 75px; overflow: hidden; font-size: 14px; margin-bottom: 5px; overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  .part6 .pt6_lf .news_b .main .tit .more1 { color: #f36e05;}
  .part6 .pt6_lf .news_b .main ul { overflow: hidden;}
  .part6 .pt6_lf .news_b .main ul li{ float: left; width: 48%; padding-left: 20px; margin: 0 1%;
    border-bottom: 1px dashed #ddd; line-height: 40px; height: 40px; overflow: hidden;
    box-sizing: border-box; background: url('../img/ic7.png') no-repeat left center;}
  .part6 .pt6_lf .news_b .main ul li a{ font-size: 14px; color: #333; float: left; display: block;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  .part6 .pt6_lf .news_b .main ul li a:hover { color: #f36e05;}
  .hs { background: #f36e05;}
  .part6 .pt6_rt .title2 span { padding: 0 60px; color: #fff; line-height: 56px; padding-left: 45px; font-weight: bold; background: url(../img/ico5.png) no-repeat 18px center;}
  .part6 .pt6_rt .title2 .more:hover { color: #fff;}
  .part6 .pt6_rt .txtMarq-top { overflow: hidden; position: relative; border-top: none; height: 360px; border: 1px solid #ddd;}
  .part6 .pt6_rt .txtMarq-top .bd { padding: 10px 15px 19px;}
  .part6 .pt6_rt .txtMarq-top .bd li { border-bottom: 1px dashed #ddd; padding: 15px 0; height: 80px;}
  .part6 .pt6_rt .txtMarq-top .bd li h3 { background: url(../img/news.jpg) no-repeat left center; padding-left: 35px; line-height: 32px; height: 32px; overflow: hidden;
    margin-bottom: 10px; font-size: 14px;}
  .part6 .pt6_rt .txtMarq-top .bd li p { background: url(../img/ico8.jpg) no-repeat left top; padding-left: 35px; color:#666; line-height: 22px; height: 44px; overflow: hidden;
    font-size: 13px;}

@media screen and ( max-width: 1024px ) and ( min-width: 769px ) {
    .in_pro .fr { height: 428px;}
    .in_pro .fr .in_pro_fr_main { padding: 70px 0;}
    .in_mgs .in_mgs_form { width: 39.2%;}
}
@media screen and ( max-width: 768px ) {
  .in_partner { margin-top: 1em;}
    .in_partner h4 a { height: 114px; padding: 10px 2px 0 2px; line-height: 26px;}
    .in_partner .bd { float: right; width: 90%;}
    .in_partner .bd li { width: 34%;}

  .in_pro .pro_l { width: 100%; border: none; background: none;}
  .in_pro .pro_l li { float: left; margin-left: 1px; margin-top: 1px; background: #605e5f; border-radius: 5px;
      width: 49.7%; padding-left: 0;}
  .in_pro .pro_l li a { text-align: center; display: block;}
  .in_pro .pro_r { width: 100%;}
  .in_pro .pro_r ul li { width: 47%; height: 197px; margin-top: 0.5em;}
  .in_pro .pro_r ul li img { width: 100%; height: 157px;}
  .in_pro .pro_r ul li .cpms { width: 40%;}

  .in_gg { width: 100%; height: 90px; background-size: 200% auto;}

  .in_about { width: 100%; height: auto; background: #f36e05; padding-top: 0; margin-bottom: 10px;}
    .in_about .fr { width: 100%; height: auto; padding: 1.5em 0;}
    .in_about .fr p { width: 100%; height: auto; line-height: 26px; color: #fff;}
    .in_about .fr img { width: 100%; height: auto; margin: .5em 0 0 0;}

  .in_lc { padding-bottom: 80px; position: relative;}
    .in_lc ul { height: auto;}
    .in_lc .lc01, .in_lc .lc02, .in_lc .lc03, .in_lc .lc04, .in_lc .lc05, .in_lc .lc06 { margin: 0 2.7em 1em 2.7em;}
    .in_lc .lc07 { margin-left: 35%;}
    .in_lc .lctel { left: 36.5%;}

  .part6 .pt6_lf .main .tit h3 a, .choiceMain .chmid  .rig dd h5 { font-size: 14px!important;}
    .choiceMain .cht h5 { font-size: 18px!important;}
    .part6 { margin: 1em auto 0 auto; width: 100%; padding: 1em 0;}
    .part6 .pt6_lf { width: 100%; margin-right: 0; float: none; height: auto;}
    .title2 { line-height: 38px; height: 38px;}
    .part6 .pt6_lf .title2 .link { width: 100%;}
    .part6 .pt6_lf .title2 .link li { width: 50%; text-align: center;}
    .part6 .pt6_lf .title2 .link li a { padding: 0; background: none; line-height: 38px;}
    .part6 .pt6_lf .title2 .link li a span { padding-right: 0; line-height: 38px;}
    .part6 .pt6_lf .title2 .link li.on a { color: #fff;}
    .part6 .pt6_lf .title2 .link li.li2 a { background: none;}
    .part6 .pt6_lf .news_b .main { padding: 5px; width: 97%;}
    .part6 .pt6_lf .news_b .main .tit { height: 100px; padding-left: 135px; margin-bottom: .5em;}
    .part6 .pt6_lf .news_b .main .tit .pic { width: 120px; height: 90px;}
    .part6 .pt6_lf .news_b .main .tit h3 { font-size: 14px; margin-bottom: 0;}
    .part6 .pt6_lf .news_b .main .tit p { line-height: 22px; height: 44px; font-size: 14px;}
    .part6 .pt6_lf .news_b .main ul { height: 150px; overflow: hidden;}
    .part6 .pt6_lf .news_b .main ul li { float: left; width: 48%; margin: 0 1%; line-height: 35px; font-size: 14px;}
    .part6 .pt6_lf .news_b .main ul li a{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .shhjBox .shTle { width: 45%; margin: 0 auto; margin-left: 0!important;}

  .liyou, .fwrx { display: block;}
  .youshitbg, .youshi, .in_case, .title2 .more, .part6 .pt6_rt, .in_pro .pro_l .list_t,
  .in_pro .pro_l .phone .p_t { display: none;}
}
@media screen and ( max-width: 412px ) and ( min-width: 375px ) {
  .in_partner h4 a { height: 101px; line-height: 22px;}
    .in_partner .bd { float: right; width: 88%;}
  .in_pro h3 { font-size: 1.6rem;}
  .liyou .reson dd p { height: 75px;}
  .in_lc .lc01, .in_lc .lc02, .in_lc .lc03, .in_lc .lc04, .in_lc .lc05, .in_lc .lc06 { margin: 0 2em 1em 2em;}
    .in_lc .lc07 { margin-left: 33%;}
}
@media screen and ( max-width: 374px ) and ( min-width: 320px ) {
  .in_partner h4 a { height: 101px; line-height: 22px;}
    .in_partner .bd { float: right; width: 86%;}
  .liyou .reson dd p { height: 100px;}
  .in_lc .lc01, .in_lc .lc02, .in_lc .lc03, .in_lc .lc04, .in_lc .lc05, .in_lc .lc06 { margin: 0 1em 1em 1em;}
    .in_lc .lc07 { margin-left: 30%;}
    .in_lc .lctel { left: 33.5%;}
}