body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}

body{font-size:16px;font-family:Arial, Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif, Helvetica, sans-serif;color:#666666;word-break:break-all;}

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

img{border:0;vertical-align:top;}

option{padding-left:5px;*padding:0;}

ul, li{list-style:none;}

a{color:#424242;text-decoration:none;}

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.clear{ clear:both}

h1,h2,h3,h4,h5,h6{font-weight:normal}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}









.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.head{width: 100%;height: 100px;z-index: 9999;position: relative;}

.gn-content .logo{position: absolute;padding-top: 15px;left:18px;}

.logo a{display: block;width: 320px;height: 65px;text-indent: -9999px;overflow: hidden;background: url(../images/logo.png) left center no-repeat;}

.gn-content .langue{float: right;margin-left: 5%;margin-top: 40px;color: #888;font-size: 14px}

.gn-content .langue img{margin-right: 5px;vertical-align: middle; }

#topbar.scroll{position: fixed;top: 0;left: 0;}



/* ==========================================================================

   Nav

   ========================================================================== */

   .gn-list li{text-align: center;}

   .gn-list li a{font:14px/35px Arial,microsoft yahei;}

   #globalnav .gn-link:hover { color:#dc8c00;}

   

   /* .gn-list .active1{border-bottom: 2px solid #dc8c00; color: #dc8c00;} */

   .gn-list .active,.gn-list li.active1 {

   }

   

   .dropdown {

     position: absolute;

     z-index: 999;

     background-color: rgba(243, 152, 0, 0.7);

     display: none;

     margin-left: -46px;

     top: 101%;

     min-width: 150px;

     box-shadow: 1px 2px 3px #4e4e4e38;

     -moz-box-shadow: 1px 2px 3px #4e4e4e38;

   }

   .dropdown a{

     line-height: 35px;

     display: block;

     margin: 0 10px;

     color: #fff;

     /* border-bottom: 1px dashed #fff; */

   }

   .dropdown a .fa {

     font-size: 12px;

     line-height: 30px;

     color: #fff;

     padding-right: 5px;

   }

   .dropdown a:hover,

   .dropdown a:hover .fa {

     color: #fff;

   }

   .dropdown:before {

     content: "";

     position: absolute;

     width: 0;

     height: 0;

     border: 0 dashed transparent;

     overflow: hidden;

     border-bottom-style: solid;

     border-width: 8px 8px 10px;

     border-bottom-color: rgba(243, 152, 0, 0.7);

     left: 50%;

     margin-left: -5px;

     top: -18px;

   }

   





.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}

.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}

.rslides li:first-child{position:relative;display:block;float:left;}

.rslides img{display:block;height:auto;float:left;width:100%;border:0;}

.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}

.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}

.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}

.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}

.callbacks li{position:absolute;width:100%;left:0;top:0;}

.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}

.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);

left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}

.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;

text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}

.callbacks_container:hover .callbacks_nav{display:block;}

.callbacks_nav:active{opacity:1.0;}

.callbacks_nav.next{left:auto;background-position:right top;right:0;}

@media screen and (max-width:600px){

.callbacks_nav{top:47%;}

}

.header{position:relative;height:50px;background:#dc8c00;}

.header .logo{display:block;width:130px;height:40px;padding:5px 0 0 5px;}

.header .logo img{display:block;width:100%;}







.swiper-container {width: 100%;height: 100%;}

.swiper-slide {text-align: center;background: #fff;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}



.tWrapper { width: 1400px; height: 100%; position: relative;margin:0px auto;overflow:hidden;padding:30px 0px }

.tWrapper ul li dl { width: 1400px; height: 400px; }

.tWrapper ul li dl dt { width: 800px; height: 400px; overflow: hidden;}

.tWrapper ul li dl dd { width: 600px; padding:75px 150px 75px 100px; z-index: 10; display: block; height: 400px;background:#f6f6f6}

.tWrapper ul li dl dd h3 { line-height: 25px; padding: 0px 0 20px 0; font-weight: bolod; font-size: 24px;}

.tWrapper ul li dl dd p.hdx { color: #999; padding-top: 8px; line-height: 30px;color:#777777 }

.tWrapper ul li dl dd a.more{padding:10px 0px;float:left;margin-top:30px}

.tWrapper ul li dl dd a { color: #333333; }

.tWrapper ul li dl dd a:hover { color: #ff0000; text-decoration: none; }





.lb{width:700px;}

.lb_fl{width:400px;float:left}

.lb_fr{width:300px;float:right;height:400px;padding:75px 50px}

.pic{width:100%;display:block}

.pic img{width:100%;display:block}

.pic span{display:block;font-size:16px;color:#222222;margin:10px;text-align: left}

.pic p{font-size:14px;color:#777777;text-align:left;line-height:24px;margin:10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;

}

.newslist_h .imgarea{height: 240px;   display: block;width: 100%;}

.newslist_h .imgarea img{height: 100%;}

.into{width:100%;text-align:left;padding:10px;border-top:1px solid #dddddd;font-size: 14px}

.into img{display:inline-block;padding:0px 10px;vertical-align: middle}

.into span{float:right;border-left:1px solid #dddddd;padding-left:20px}



.bg_a{background:url(../images/bg1.jpg)no-repeat center top;height:100%;overflow:hidden}

.bg_b{background:#333333 !important}

.bg_c{background:#dc8c00 !important}

.bg_d{background:url(../images/bg2.jpg)no-repeat center top;}

.bg_e{background:#f5f5f5}

.bg_f{background:#fff}



.pos_a{position:relative}

.pos_b{position:absolute}

.pos_c{position:absolute}

.right_a{left:0px;width:50%;top:0}

.right_b{left:55%;width:30%;top:0;padding-top:100px}

.right_b h3{font-size:60px;font-weight:bold;color:#666666}

.right_b span{font-size:28px;color:#222222;display:block}

.right_b p{line-height:30px;font-size: 16px;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;padding-top:40px}

.right_b a{border:1px solid #444444;padding:10px 30px;margin-top:30px;display:inline-block;border-radius:5px}



.pada{padding-top:60px!important}

.padb{padding:30px 0px !important}

.padc{padding-top:20px!important}

.padd{padding:0px!important}

.pade{padding:50px 0px 0px 0px !important}

.padf{padding:10px 0px 10px 0px !important}

.padg{padding:30px 10px 30px 10px !important}

.padh{padding:30px 0px 30px 0px !important}

.mara{margin:30px 0px 0px 0px}

.marb{margin:30px 0px}

.marc{margin:60px 0px 0px 0px}

.mard{margin:15px 0px 0px 0px}



.bottom_link{width:100%}

.bottom_link ul{display:table;margin:0px auto}

.bottom_link li{float:left;padding:15px;}

.bottom_link li .line{margin-top: 10px;width: 60%;height: 2px ;background: #fff}

.bottom_link li a{color:#fff;display:block;font-size: 15px}



.cor_a{color:#fff !important;font-size: 14px;padding: 15px 0;text-align: left;line-height: 2}

.cor_b{color:#333 !important}

.c_w{color: #fff !important;}



.text_a{text-align:center}

.text_b{text-align:right}

.text_c{text-align:left}

.width_c{width:100%;display:block;height:250px;}

.width_d{max-width:100%;display:block}

.width_e{max-width:100%;}

.right_e img{max-width: 100%;}

.t_a h3{font-size:60px;font-weight:bold;color:#666666}

.t_a span{font-size:28px;color:#222222;font-weight:normal;padding-left:20px}

.t_a a{border:1px solid #444444;padding:10px 30px;margin-top:30px;display:inline-block;border-radius:5px;font-size: 15px}



.t_b p{line-height:40px;color: #333333}

.t_b img{display:inline-block;vertical-align:middle;padding-right:20px}



.t_c{padding: 40px 50px 0px 50px;}

.t_c h3{font-size:24px;padding-bottom:20px}

.t_c p{font-size:14px;margin-bottom:20px;margin-top:20px;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

.morea{margin-top:20px;display:inline-block}

.eem {width: 30px; height: 2px;display:block}



.t_d{padding:75px 150px 75px 100px;}

.t_d h3{line-height: 25px; padding: 0px 0 20px 0; font-weight: bolod; font-size: 24px;}

.t_d p {padding-top: 8px; line-height: 30px;color:#777777 ;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}



.t_e{}

.t_e h3{line-height: 25px; padding: 0px 0 20px 0; font-size: 24px;}

.t_e p {line-height: 30px;color:#777777 ;font-size:14px}

.t_e img{padding:10px 5px;width: 33%;float: left;}

.skip_prev,.skip_next{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/*关于*/

.about_toptit {border-bottom: 1px solid #e1e5e9;}

.about_toptit .menutit .cur, .about_toptit .menutit a:hover {border-bottom: 3px solid #dc8c00;color:#dc8c00;box-sizing: border-box}

.about_toptit .menutit a {padding: 33px 0 25px;margin-right: 30px;display: inline-block;font-size: 30px;color: #666;font-weight: bold;    text-transform: uppercase;}

.home_bt{width:100%;height:100%;margin:0px auto;overflow:hidden;text-align:center;}

.home_bt_bt{font-size:28px;}



.right_c{width:100%;padding-top:10px}

.right_c h3{font-size:60px;font-weight:bold;}

.right_c span{font-size:28px;display:block;padding-bottom:10px}

.right_c p{line-height:30px;font-size: 16px;padding-top:20px;text-align:left}

.right_c a{border:1px solid #444444;padding:10px 30px;margin-top:30px;display:inline-block;border-radius:5px}

.emma{padding:5px 10px;font-style:normal}

.back_b{width:100%;height: 100%;overflow: hidden;position: relative;}

.back_b::before {content: '';background: url(../images/a9.jpg)no-repeat center top;position: absolute;top: 0;left: 0;width: 100%;height: 60%;}



.right_e{width:50%}

.right_d{left:55%;width:30%;top:0;padding-top:50px}

.right_d h3{font-size:45px;font-weight:bold;color:#666666}

.right_d .entxt{font-size:32px;color:#222222;display:block;padding-bottom:10px}

.right_d p{line-height:30px;font-size: 16px;text-align:left}



/*案例*/

.case_list{padding: 20px}

.case_list .imgarea{height: 310px;}

.case_list .imgarea img{width: 100%;height: 100%;}

.divv{background: #f6f6f6 url(../images/jt.png)no-repeat center right 15px;padding:15px 60px 15px 15px}

.divv h3{padding:10px 0px;font-size:20px}

.divv p{color:#777777;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.case_list:hover .divv{background:#dc8c00 url(../images/icon_08.png)no-repeat center right 15px;color:#fff}

.case_list:hover .divv p{color:#fff}

.case{padding:0px 150px 75px 100px;}

.case p{font-size:14px;color:#bbbbbb;padding:30px 0px}

.case dl dt{font-size:24px;color:#fff;padding:30px 0px 0px 0px}

.case dl dd{float:left;width: 33.3%;text-align: center}

.case dl dd h3{color:#dc8c00;font-size:20px;font-weight:bold}

.case dl dd span{color:#fff;font-size:14px}

.case_des{height: 360px;}

.case_des .imgarea{height: 100%;}

.case_des .imgarea img{width: 100%;height: 100%;}

.t_d p{font-size: 14px;text-align: left;line-height: 2}

/*案例*/

.contact dl {margin-right: 50px;border-right: 1px dashed #dc8c00;}

.contact dl:last-child{border-right: none}

.contact dl dt {float: left;margin-right: 8px;width: 48px;height: 48px;}

.contact dl dd p {line-height: 24px;}

/*新闻*/

.news_cont{padding: 20px}

.skip{padding: 15px;border-radius: 50px;}

.news_list{-moz-box-shadow:0px 0px 10px #dddddd; -webkit-box-shadow:0px 0px 10px #dddddd; box-shadow:0px 0px 10px #dddddd;width:100%;height:100%;overflow:hidden}

.news_list dl {}

.news_list dl dt {float: left;width: 42%;}

.news_list dl dd{float:right;width:58%;padding:0px 20px}

.news_list dl dd p {line-height: 24px;}

.news_list dl dd p strong{font-size:16px;color:#222222;padding:10px 0px;border-bottom:1px solid #dddddd;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news_list dl dd p{color:#777;padding:10px 0px;font-size:14px}

.news_list dl dd h5{color:#777;font-size:14px;margin:10px 0px;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

.news_list dl dd p img{vertical-align:middle;padding:0px 10px}

.news_list dl dd p span{float:right}

.news_list .imgarea{height: 210px}

.news_list .imgarea img{width: 100%;height: 100%;}



.news{}

.news h1 {color:#222222;font-size:24px;text-align:center;padding:10px 0px}

.news_infos {color: #818181;font-size: 12px;padding-bottom: 10px;border-bottom: 1px  dashed #ddd;text-align: center;}

.news_infos span{padding:10px 15px}

.news_pro {padding: 30px 0 8% 0;line-height: 30px;}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{float:none !important}

.relate_news .news_xj{padding: 0 10px}

.relate_news .date{float:right}

.relate_news .inco_n{color: #dc8c00;margin-right: 8px}



.relate img{margin-right: 15px}

.message{margin-bottom: 3%}

.message .mess_cont{padding: 10px 20px}

.fn-btn{text-align: center;}

.fn-btn .layui-btn{margin-top: 2%;padding: 0 30px}

.foot{padding: 3%}

.mess_home{margin-top: 30px;font-size: 14px}

.mess_home .layui-btn{margin-top: 20px;padding: 0 30px}



.news_h{margin-top: 2%;}

.fixed-b { position: fixed; width: 100%; background: #dc8c00; bottom: 0; left: 0; display: none;z-index: 999; font-size: 20px;}

.fixed-b li { width: 25%; text-align: center; color: #fff; float: left;font-size: 15px;padding: 5px 0 }

.fixed-b li a { display: block; border-right: 1px solid #fff; color: #fff; padding:2px 0;}

.fixed-b li:last-of-type a { border-right: 0 none; }

.fixed-b li a .txt { display: block; margin-top: 5px;}

.fixed-b li span{display: block;height: 25px;text-align: center;margin-bottom: 5px}

.fixed-b li span img{height: 100%}

.subbanner{max-height: 450px;overflow: hidden;position: relative;width: 100%;text-align:center;}



.subbanner .txtarea{z-index: 2;position: absolute;top: 26%;color: #fff;left: 25%;width: 50%;text-align: center;text-shadow: 0 0 5px #999999;display:none;}

.subbanner h2{font: 600 36px Arial,microsoft yahei;margin-bottom: 3%;text-transform: uppercase;}

.subbanner span{font: 500 16px Arial,microsoft yahei;display: inline-block;width: 60%;line-height: 2;margin-bottom: 3%}

.subbanner .inco{width: 46px;height: 40px;background: url(../images/sub_inco.png) center no-repeat;margin-right: auto;margin-left: auto}



.swiper-container{padding-bottom: 5% !important}

.swiper-button-next, .swiper-button-prev{top: auto !important;width: 60px !important;height: 38px !important;}

.swiper-button-next, .swiper-button-prev{top: auto;bottom: -7%;right: 45%;}

.swiper-button-prev{background: #999999 !important;color: #fff;line-height: 38px;text-align: center;bottom: 0% !important;left: 44% !important;}

.swiper-button-next{background: #333333 !important;color: #fff;line-height: 38px;text-align: center;bottom: 0% !important;right: 44% !important;}

#imgH .imgarea{height: 100%;}

#imgH .imgarea img{height: 100%;}

#imgH .bg_c{height: 350px;}

.case_mi #imgH {height: 350px;}

.gn-content .langue img{width: 22px;}



/* banner */

#owl-banner{position: relative;}

#owl-banner .item{max-height: 820px;text-align: center;width: 100%;overflow: hidden;}

#owl-banner .item img{display: block;width: 100%}

#owl-banner .owl-controls {margin-top: 0; position: absolute; bottom: 15px; left: 50%;margin-left: -30px;}

#owl-banner .owl-controls .owl-buttons{display: none;}

#owl-banner .owl-controls .owl-page span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity:1; background: #fff;}

#owl-banner  .owl-controls .owl-page.active span,

#owl-banner  .owl-controls.clickable .owl-page:hover span{background: #dc8c00;text-decoration: underline}

#case_scroll .imgarea{height: 250px;margin-bottom: 15px}

#case_scroll .imgarea img{height: 100%}

#case_scroll .txt{padding: 0 10px;font-size: 14px;color: #000;text-align: left}

#case_scroll .txt span{float: right;color: #888888;}



/*  */

#dcms_pager { margin-top: 3%; text-align: center;position: relative;margin-bottom: 5%;width: 100%;display: inline-block}

#dcms_pager ul{display: inline-block}

#dcms_pager li{display: inline-block;line-height: 26px; padding: 3px 12px; margin: 0 3px;color: #333; cursor: pointer; border:1px solid #dedede;float: left;height: auto;}

#dcms_pager .active { color: #fff; background-color: #dc8c00; cursor: default; }

#dcms_pager .active a{color: #fff}





#topbar.scroll{position: fixed;top: 0;left: 0;}

#head.scroll{position: fixed;top: 36px;left: 0;}





.qualification .imgarea{height: 550px;}

.qualification .imgarea img{width: 100%;height: 100%;}



@media screen and (min-width:1201px){

  .width_a{width:1600px}

  .width_b{width:1400px}

  #imgH{height:400px}

  

  }

@media only screen and (max-width: 1400px){

  #owl-banner .item{background: none !important;height: auto;}

  #owl-banner .item img{opacity: 1;height: auto;

  /*width: 120%;margin-left:-10% */

      

  }

  .banner_nav{display: none;}

  .banner_cont .message{display: none}

  .subbanner img{width: 100%}

}



@media only screen and (max-width: 1200px){

.case>img{display: none}

.case_des {height: 290px;}

#case_scroll .imgarea{height: 15vw;}

.subbanner .txtarea{z-index: 2;position: absolute;top: 16%;color: #fff;left: 25%;width: 480px}

/* .subbanner h2{margin-bottom: 15px}

.subbanner span{margin-bottom: 15px} */

}



@media only screen and (max-width: 1000px){

  #case_scroll .imgarea{height: 28vw;}
	.about_toptit .menutit a {
    padding: 33px 0 25px;
    margin-right: 30px;
    display: inline-block;
    font-size: 15px;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
}

  #imgH .bg_c{height: auto;}
  .dropdown a{display: inline-block}

  .dropdown{position: relative;}

  #globalnav .gn-list {width: 100% !important;}

  .gn-content>.langue{display: none}

  .gn-content .gn-header .langue{margin-right: 10%;margin-top: 15px;}

  #globalnav .gn-content .logo{display: none}

  .footbar{display: none}

  .fixed-b{display: block}

  .subbanner img{width: 140%;margin-left: -20%}

  .subbanner .txtarea{z-index: 2;position: absolute;top: 16%;color: #fff;left: 0;width: 100%}

  .subbanner h2{font: 600 30px microsoft yahei;}

  .subbanner span{font: 500 16px/2 Arial;}

}

@media only screen and (max-width: 1200px){

  #globalnav .gn-list{width: 600px !important;}

  .gn-content .langue{margin-left: 3% !important;}

}



@media only screen and (max-width: 1100px){

  #globalnav .gn-list{width: 500px !important;}

  .gn-content .langue{margin-left: 2% !important;}









@media screen and (min-width:992px) and (max-width:1200px){

#imgH{height:282px}

.right_b{padding-top:20px}

.right_b h3{font-size:48px}

.right_b span {font-size: 28px;}

.right_b p {font-size: 16px;-webkit-line-clamp: 3;line-height:30px;padding-top:10px}

.right_b a{padding:10px 30px;margin-top:10px;font-size:14px}



.t_a h3{font-size:40px;}

.t_a a{margin-top: 10px;}

.t_c{padding: 50px 50px 0px 50px;}

.t_c p{-webkit-line-clamp: 2;margin:10px 0px}



.t_d{padding:25px 20px 0px 20px;}

.right_d{padding-top:0px}

.case{padding:0px 100px 75px 70px;}

}



@media screen and (min-width:768px) and (max-width:991px){

.right_b{padding-top:20px}

.right_b h3{font-size:40px}

.right_b span {font-size: 28px;}

.right_b p {font-size: 16px;-webkit-line-clamp: 3;line-height:30px;padding-top:0px}

.right_b a{padding:10px 30px;margin-top:10px;font-size:14px}



.t_d{padding:15px}

.t_a h3{font-size:24px;}

.t_a a{margin-top: 0px;}

.t_c{padding: 20px 10px 0px 10px;}

.t_c h3{font-size:18px;}

.t_c p{display:none}

#imgH{height:218px}

#imgH .bg_c{height: 150px;}

.case_mi #imgH {height: 150px;}

.pade{padding: 40px 0px 0px 0px !important;}

.next, .swiper-button-prev{left: 37% !important;}

.swiper-button-next{right: 37% !important;}

.swiper-button-next, .swiper-button-prev{height: 30px !important;}

.next ,.swiper-button-prev{line-height: 30px;}

.swiper-button-next{line-height: 30px;}

.swiper-container{padding-bottom: 8% !important;}



.marc{margin:50px 0px 0px 0px}



.right_d{padding-top:0px}

.right_d h3{font-size:24px;}

.right_d span{font-size:18px;}

.right_d p{line-height:24px;font-size: 14px;}

.case{padding:0px 20px 0px 20px;}

}

@media screen and (max-width:767px){

.right_b{padding-top: 10px;width: 35%}

.right_b h3 {font-size: 18px;}

.right_b span {font-size: 16px;}

.right_b p {display:none}

.right_b a{padding:5px 10px;margin-top:10px;font-size:14px}

.t_a h3{font-size:18px;}

.t_a span{font-size:14px;padding-left:10px}

.t_a a{margin-top: 0px;padding: 5px 10px;font-size:14px}

#imgH{height:125px}

.next, .swiper-button-prev{left: 35% !important;}

.swiper-button-next{right: 35% !important;}

.swiper-button-next, .swiper-button-prev{height: 30px !important;}

.next ,.swiper-button-prev{line-height: 30px;}

.swiper-button-next{line-height: 30px;}

.swiper-container{padding-bottom: 10% !important;}

#imgH .bg_c{height: 120px;}

.case_mi #imgH {height: 120px;}



.t_c{padding: 20px 10px 0px 10px;}

.t_c h3{font-size:18px;}

.t_c p{display:none}



.t_d{padding:15px 20px 0px 20px;}

.t_d h3{padding: 0px 0 10px 0;font-size:18px}

.t_d p{display:none}

.morea{margin-top:10px}

.morea img{width:50%}

.pade{padding:30px 10px 0px 10px !important}

.padh{padding:30px 10px 30px 10px !important}

.pad_a{padding:10px 0px 10px 0px !important}



.pic p{display:none}

.pic span{font-size:14px;margin: 15px 5px}

.into{display:none}

.case_list .imgarea{height: 230px;}

.case_list {padding: 10px 20px;}

.marc{margin:100px 0px 0px 0px}



.right_e{width:100%}

.right_d{padding-top:0px;width:100%;left:0}

.right_d h3{font-size:16px;display:none}

.right_d span{font-size:16px;display:none}

.right_d p{line-height:24px;font-size: 14px;}

.divv{background:none}

.case_list:hover .divv{background:none;}

.case_list:hover .divv h3{color:#000}

.case_list:hover .divv p{color:#777}

.home_bt{padding:0px 10px;text-align:left}

.pos_c{position:relative}



.case{padding:0px 20px 20px 20px;}

.news_list dl dd p img{padding:0px 0px}

.news_xj span{display:none}

.case_list .divv{padding: 5px 10px 5px 5px}

}



@media only screen and (max-width: 640px){

  .subbanner img{width: 180%;margin-left: -40%}

  .subbanner .txtarea{top: 20%}

  .subbanner h2{font: 600 28px microsoft yahei;}

  .subbanner span{font-size: 14px}

  .news_list dl dd h5{    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    word-break: break-all;margin: 0}

    .news_list .imgarea{height: 28vw;}

    .news_list dl dd p{padding: 5px 0;}

    .case_list .imgarea{height: 30vw;}

    .newslist_h .imgarea{height: 30vw;}

}





@media only screen and (max-width: 480px){

  .subbanner img{width: 180%;margin-left: -40%}

  .subbanner h2{font: 500 24px microsoft yahei;}

  .subbanner span{display: none}

    .next, .swiper-button-prev{left: 30% !important;}

.swiper-button-next{right: 30% !important;}

.news_list dl dd h5{display: none}

}







#dcms_pager { text-align: center;position: relative;margin-bottom: 50px}

#dcms_pager ul{display: inline-block}

#dcms_pager li{margin: 40px 2px 0 2px;display: inline-block; font-size: 15px;padding: 5px 12px; color: #333; cursor: pointer; border:1px solid #dedede;float: left;height: auto;}

#dcms_pager .active { color: #fff; background-color: #dc8c00; cursor: default; }

#dcms_pager .active a{color: #fff}



.dl-menuwrapper {width: 100%;max-width: 250px;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}

.dl-menuwrapper:first-child {margin-right: 100px;}

.dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background: #dc8c00 url(../images/menu-button-bg.png) no-repeat center center;background-size: 50%;}

.dl-menuwrapper button:hover ,

.dl-menuwrapper button.dl-active {background-color: #dc8c00;}

.dl-menuwrapper ul {background: #dc8c00;}

.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}

.dl-menuwrapper li {position: relative;}

.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;border-top: 1px solid #dc8c00;border-bottom:1px solid #b97807;outline: none;}

.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}

.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}

.dl-menuwrapper li.dl-back:after,

.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}

.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}

.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}

.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}

.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

.dl-menuwrapper li .dl-submenu {display: none;}

.dl-menu.dl-subview li,

.dl-menu.dl-subview li.dl-subviewopen > a,

.dl-menu.dl-subview li.dl-subview > a {display: none;}

.dl-menu.dl-subview li.dl-subview,

.dl-menu.dl-subview li.dl-subview .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}

.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}

.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}

.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}

.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}

.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}

.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}

@-webkit-keyframes MenuAnimOut1 {

50% {-webkit-transform: translateZ(-250px) rotateY(30deg);}

75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}

100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

}

@-webkit-keyframes MenuAnimOut2 {

100% {-webkit-transform: translateX(-100%);opacity: 0;}

}

@-webkit-keyframes MenuAnimOut3 {

100% {-webkit-transform: translateZ(300px);opacity: 0;}

}

@-webkit-keyframes MenuAnimOut4 {

100% {-webkit-transform: translateZ(-300px);opacity: 0;}

}

@-webkit-keyframes MenuAnimOut5 {

100% {-webkit-transform: translateY(40%);opacity: 0;}

}

@-moz-keyframes MenuAnimOut1 {

50% {-moz-transform: translateZ(-250px) rotateY(30deg);}

75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}

100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

}



@-moz-keyframes MenuAnimOut2 {

100% {-moz-transform: translateX(-100%);opacity: 0;}

}

@-moz-keyframes MenuAnimOut3 {

100% {-moz-transform: translateZ(300px);opacity: 0;}

}

@-moz-keyframes MenuAnimOut4 {

100% {-moz-transform: translateZ(-300px);opacity: 0;}

}

@-moz-keyframes MenuAnimOut5 {

100% {-moz-transform: translateY(40%);opacity: 0;}

}

@keyframes MenuAnimOut1 {

50% {transform: translateZ(-250px) rotateY(30deg);}

75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}

100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

}

@keyframes MenuAnimOut2 {

100% {transform: translateX(-100%);opacity: 0;}

}

@keyframes MenuAnimOut3 {

100% {transform: translateZ(300px);opacity: 0;}

}

@keyframes MenuAnimOut4 {

100% {transform: translateZ(-300px);opacity: 0;}

}

@keyframes MenuAnimOut5 {

100% {transform: translateY(40%);opacity: 0;}

}

.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}

.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}

.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}

.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}

.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}

@-webkit-keyframes MenuAnimIn1 {

0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}

100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}

}

@-webkit-keyframes MenuAnimIn2 {

0% {-webkit-transform: translateX(-100%);opacity: 0;}

100% {-webkit-transform: translateX(0px);opacity: 1;}

}

@-webkit-keyframes MenuAnimIn3 {

0% {-webkit-transform: translateZ(300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}

}

@-webkit-keyframes MenuAnimIn4 {

0% {-webkit-transform: translateZ(-300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}

}

@-webkit-keyframes MenuAnimIn5 {

0% {-webkit-transform: translateY(40%);opacity: 0;}

100% {-webkit-transform: translateY(0);opacity: 1;}

}

@-moz-keyframes MenuAnimIn1 {

0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}

100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}

}

@-moz-keyframes MenuAnimIn2 {

0% {-moz-transform: translateX(-100%);opacity: 0;}

100% {-moz-transform: translateX(0px);opacity: 1;}

}

@-moz-keyframes MenuAnimIn3 {

0% {-moz-transform: translateZ(300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}

}

@-moz-keyframes MenuAnimIn4 {

0% {-moz-transform: translateZ(-300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}

}

@-moz-keyframes MenuAnimIn5 {

0% {-moz-transform: translateY(40%);opacity: 0;}

100% {-moz-transform: translateY(0);opacity: 1;}

}

@keyframes MenuAnimIn1 {

0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}

20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}

100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;}

}

@keyframes MenuAnimIn2 {

0% {transform: translateX(-100%);opacity: 0;}

100% {transform: translateX(0px);opacity: 1;}

}

@keyframes MenuAnimIn3 {

0% {transform: translateZ(300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}

}

@keyframes MenuAnimIn4 {

0% {transform: translateZ(-300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}

}

@keyframes MenuAnimIn5 {

0% {transform: translateY(40%);opacity: 0;}

100% {transform: translateY(0);opacity: 1;}

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}

@-webkit-keyframes SubMenuAnimIn1 {

0% {-webkit-transform: translateX(50%);opacity: 0;}

100% {-webkit-transform: translateX(0px);opacity: 1;}

}



@-webkit-keyframes SubMenuAnimIn2 {

0% {-webkit-transform: translateX(100%);opacity: 0;}

100% {-webkit-transform: translateX(0px);opacity: 1;}

}

@-webkit-keyframes SubMenuAnimIn3 {

0% {-webkit-transform: translateZ(-300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}

}

@-webkit-keyframes SubMenuAnimIn4 {

0% {-webkit-transform: translateZ(300px);opacity: 0;}

100% {-webkit-transform: translateZ(0px);opacity: 1;}

}

@-webkit-keyframes SubMenuAnimIn5 {

0% {-webkit-transform: translateZ(-200px);opacity: 0;}

100% {-webkit-transform: translateZ(0);opacity: 1;}

}

@-moz-keyframes SubMenuAnimIn1 {

0% {-moz-transform: translateX(50%);opacity: 0;}

100% {-moz-transform: translateX(0px);opacity: 1;}

}

@-moz-keyframes SubMenuAnimIn2 {

0% {-moz-transform: translateX(100%);opacity: 0;}

100% {-moz-transform: translateX(0px);opacity: 1;}

}

@-moz-keyframes SubMenuAnimIn3 {

0% {-moz-transform: translateZ(-300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}

}

@-moz-keyframes SubMenuAnimIn4 {

0% {-moz-transform: translateZ(300px);opacity: 0;}

100% {-moz-transform: translateZ(0px);opacity: 1;}

}

@-moz-keyframes SubMenuAnimIn5 {

0% {-moz-transform: translateZ(-200px);opacity: 0;}

100% {-moz-transform: translateZ(0);opacity: 1;}

}

@keyframes SubMenuAnimIn1 {

0% {transform: translateX(50%);opacity: 0;}

100% {transform: translateX(0px);opacity: 1;}

}

@keyframes SubMenuAnimIn2 {

0% {transform: translateX(100%);opacity: 0;}

100% {transform: translateX(0px);opacity: 1;}

}

@keyframes SubMenuAnimIn3 {

0% {transform: translateZ(-300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}

}

@keyframes SubMenuAnimIn4 {

0% {transform: translateZ(300px);opacity: 0;}

100% {transform: translateZ(0px);opacity: 1;}

}



@keyframes SubMenuAnimIn5 {

0% {transform: translateZ(-200px);opacity: 0;}

100% {transform: translateZ(0);opacity: 1;}

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;animation: SubMenuAnimOut3 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;}

@-webkit-keyframes SubMenuAnimOut1 {

0% {-webkit-transform: translateX(0%);opacity: 1;}

100% {-webkit-transform: translateX(50%);opacity: 0;}

}

@-webkit-keyframes SubMenuAnimOut2 {

0% {-webkit-transform: translateX(0%);opacity: 1;}

100% {-webkit-transform: translateX(100%);opacity: 0;}

}

@-webkit-keyframes SubMenuAnimOut3 {

0% {-webkit-transform: translateZ(0px);opacity: 1;}

100% {-webkit-transform: translateZ(-300px);opacity: 0;}

}

@-webkit-keyframes SubMenuAnimOut4 {

0% {-webkit-transform: translateZ(0px);opacity: 1;}

100% {-webkit-transform: translateZ(300px);opacity: 0;}

}

@-webkit-keyframes SubMenuAnimOut5 {

0% {-webkit-transform: translateZ(0);opacity: 1;}

100% {-webkit-transform: translateZ(-200px);opacity: 0;}

}

@-moz-keyframes SubMenuAnimOut1 {

0% {-moz-transform: translateX(0%);opacity: 1;}

100% {-moz-transform: translateX(50%);opacity: 0;}

}

@-moz-keyframes SubMenuAnimOut2 {

0% {-moz-transform: translateX(0%);opacity: 1;}

100% {-moz-transform: translateX(100%);opacity: 0;}

}

@-moz-keyframes SubMenuAnimOut3 {

0% {-moz-transform: translateZ(0px);opacity: 1;}

100% {-moz-transform: translateZ(-300px);opacity: 0;}

}

@-moz-keyframes SubMenuAnimOut4 {

0% {-moz-transform: translateZ(0px);opacity: 1;}

100% {-moz-transform: translateZ(300px);opacity: 0;}

}

@-moz-keyframes SubMenuAnimOut5 {

0% {-moz-transform: translateZ(0);opacity: 1;}

100% {-moz-transform: translateZ(-200px);opacity: 0;}

}

@keyframes SubMenuAnimOut1 {

0% {transform: translateX(0%);opacity: 1;}

100% {transform: translateX(50%);opacity: 0;}

}

@keyframes SubMenuAnimOut2 {

0% {transform: translateX(0%);opacity: 1;}

100% {transform: translateX(100%);opacity: 0;}

}

@keyframes SubMenuAnimOut3 {

0% {transform: translateZ(0px);opacity: 1;}

100% {transform: translateZ(-300px);opacity: 0;}

}

@keyframes SubMenuAnimOut4 {

0% {transform: translateZ(0px);opacity: 1;}

100% {transform: translateZ(300px);opacity: 0;}

}

@keyframes SubMenuAnimOut5 {

0% {transform: translateZ(0);opacity: 1;}

100% {transform: translateZ(-200px);opacity: 0;}

}

.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}

.no-js .dl-menuwrapper li .dl-submenu {display: block;}

.no-js .dl-menuwrapper li.dl-back {display: none;}

.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}

.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}