* { padding: 0px; margin: 0px; }
body { font-family: "微软雅黑","Hiragino Sans GB","WenQuanYi Micro Hei",tahoma,sans-serif; font-size: 14px; margin: 0px; padding: 0px; color: #666; list-style-type: none; border: 0px; }
img { max-width: 100% !important; max-height: 100% !important; }
.fl { float: left; }
.fr { float: right; }
.TL { text-align: left; }
.TR { text-align: right; }
.center { text-align: center; }
.main { width: 100%; max-width: 1230px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main_978 { width: 100%; max-width: 978px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main_920 { width: 100%; max-width: 920px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*p { text-align:justify;}*/



.main_xuan { width: 100%; max-width: 1230px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

@media screen and (max-width:1600px) {
.main_xuan { width: 100%; max-width:1030px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

}


.main:after, .main_919:after, .main_920:after ,.main_xuan:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.box_sizing { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.clear { clear: both; _overflow: hidden; _height: 0px; }
.par_xiant { width: 100%; height: 1px; background: #e1e1e1; margin-top: 35px; }

#dituContent img { max-width: none !important; max-height: none !important; }

.public_tbu { margin-top: 70px; text-align: center; }
.public_tbu h2 { font-size: 24px; }
.public_tbu p { line-height: 25px; text-align: center; margin-top: 20px; }

#allmap img { max-width: none !important; max-height: none !important; }
::-webkit-scrollbar:horizontal { height: 0; }
::-moz-scrollbar:horizontal { height: 0; }
::-o-scrollbar:horizontal { height: 0; }
.public_wz { margin-top: 70px; text-align: center; }
.public_wz h2 { font-size: 30px; }
.public_wz p { line-height: 25px; text-align: center; margin-top: 20px; }

.jwlogo { display: none !important; }

/*关于我们*/
.about_w { background: url(../images/tw_01.jpg) no-repeat center center; background-size: cover; color: #FFF; padding-bottom: 60px; padding-top: 81px; }
.about_w h2 { padding-top:4%; font-size:30px; text-align: center; margin-bottom:25px; font-weight:bold;}
.about_w span { font-size:14px; display:block; margin-top:5px;}
.about_w p { line-height: 27px; font-size:14px; margin-bottom:25px;}
.about_w p strong { display:block;  margin-bottom:5px; font-size:16px;}
.about_w h6 { text-align: center; margin-top: 60px; }

.about_t h2 { font-size: 24px; text-align: center; margin-top: 70px; margin-bottom: 35px; }
.about_t ul li { float: left; border: 1px solid #eaeaea; width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px; margin-left: -1px; }
.about_t ul li img { width: 100%; }
.about_t ul li h3 { font-weight: bold; font-size: 16px; margin-top: 15px; }
.about_t ul li p { line-height: 25px; margin-top: 10px; }
.about_t ul li span { margin-left: 10px; width: 8px; background: #222222; height: 3px; display: inline-block; vertical-align: middle; }

.about_s { /*background:url(../images/tw_03.png) no-repeat center center;*/ background-size: cover; margin-top: 70px; min-height: 437px; }
.about_s_box { margin-left: 50%; padding: 30px; padding-right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.about_s_box h2 { font-size: 20px; }
.aobut_xiala { height: 450px; line-height:26px; }
.map_box { width: 50%; height: 380px; margin-top: 34px; float: left; }


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

  .map_box { width: 100%; height: 380px; margin-top: 34px; float: none; }
  .aobut_xiala { height:250px; }
  .about_w h2 { padding-top:0px; font-size:25px;}
  .about_w { padding-top:65px; padding-bottom:40px;}

}


.about_text { width: 100%; padding: 15px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d9d9d9; margin-top: 17px; }
.about_textarea { width: 100%; padding: 15px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d9d9d9; margin-top: 15px; outline: none; resize: none; height: 134px; }


.about_text:hover { box-shadow: 0 1px 2px -2px rgb(28, 28, 28); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.about_textarea:hover { box-shadow: 0 1px 2px -2px rgb(28, 28, 28); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

/*尾部*/
.fooder { background: #000000; margin-top: -39px; }
.fooder_dh { margin-top: 70px; text-align: center; z-index: 3; position: relative; }
.fooder_add { padding-bottom: 8%; }
.fooder_add ul li { width: 20%; float: left; color: #FFF; margin: 0 6%; margin-top: 12%; }
.fooder_add ul li em { display: block; text-align: center; margin-bottom: 15px; }
.fooder_add ul li p { margin-top: 10px; text-align: left; }
.fooder_add ul li span { display: block; margin-bottom: 5px; margin-top: 10px; }

.fooder h6 { padding: 15px; border-top: 1px solid #0d0d0d; text-align: center; font-size: 12px; }
.fooder_p { padding: 0 40px; }

.ft_bottom { background: url(../images/tw_11.jpg) no-repeat center center; background-size: cover; margin-top: 0px; }
.ft_add { padding-bottom: 5%; }
.ft_add ul li { margin-top: 6%; }


@media screen and (max-width:768px) {
  .about_t ul li { width: 50%; }
  .ft_bottom { margin-top: 0px; }
}


@media screen and (max-width:640px) {
  .about_t ul li { width: 100%; margin-top: 15px; }
  .about_t h2 { margin-top: 30px; margin-bottom: 10px; font-size:20px; color:#333; font-weight:bold; }
  .about_s { margin-top: 40px; }
  .fooder_dh { margin-top: 40px; }
  .fooder_p { padding: 0px; }
  .fooder_add { padding-top: 20%; }
  .fooder_add ul li p { text-align: center; }
  .fooder_add .fooder_p { text-align: center; }
  .fooder_add ul li { width: 100%; margin: 0%; margin-top: 35px; }
  .fooder_dh em img { width: 85%; }
  .fooder_add { padding-top: 12%; }
  .fooder { margin-top: -31px; }
  .about_s_box { margin-left: 0%; padding: 0px; padding-top: 20px; padding-bottom: 20px; }
  .about_s { background: url(../images/tw_08.png) no-repeat center center; background-size: cover; }
  .about_s_box h2 { font-size: 16px; }
  .about_w p { font-size: 12px; line-height: 23px; margin-top: 10px; }
  .about_w h6 { text-align: center; margin-top: 20px; }
  .ft_bottom { margin-top: 0px; }

}




/*平面*/

.plane_banenr img { width: 100%; font-size: 0px; display: block; }
.plane_w { border-bottom: 1px solid #eaeaea; }
.plane_w ul li { width: 49.5%; float: left; text-align: center; border-right: 1px solid #eaeaea; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.plane_w ul li:nth-of-type(3n) { border-right: 0px; }
.plane_w ul li a { padding: 30px 0px; display: block; }
.plane_w ul li span { color: #999; }
.plane_w ul li a:hover { background: #b50000; color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.plane_w ul li .hover { background: #b50000; color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.plane_w ul li .hover h2 { color: #FFF; }
.plane_w ul li .hover span { color: #FFF; }
.plane_w ul li h2 { font-size: 20px; font-weight: bold; color: #333333; }
.plane_w ul li a:hover h2 { color: #FFF; }
.plane_w ul li a:hover span { color: #FFF; }
.plane_w ul li span { text-transform: uppercase; letter-spacing: 2px; margin-top: 3px; font-size: 12px; }
.plane_t { margin-top: 70px; text-align: center; }
.plane_t h2 { font-size: 30px; margin-bottom: 5px; }
.plane_t span { text-transform: uppercase; letter-spacing: 2px; font-size: 10px; color: #666666; }
.plane_t p { text-align: center; margin-top: 25px; line-height: 25px; }
.plane_t .plane_t2 { display: block; margin-top: 10px; font-size: 16px; }
.plane_s { background: url(../images/tw_09.png) no-repeat center center; background-size: cover; margin-bottom: 100px; }
.plane_s ul li { float: left; text-align: center; color: #FFF; width: 25%; padding: 0 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; min-height: 420px; padding-bottom: 90px; }
.plane_s ul { padding-bottom: 90px; }
.plane_s ul li p { text-align: center; color: #ccc; margin-top: 40px; line-height: 30px; }
.plane_s ul li h2 { font-size: 18px; margin-top: 60px; font-size: 22px; }
.plane_s ul li i { width: 10%; background: #FFF; height: 2px; display: block; margin: 0 auto; margin-top: 15px; }
.plane_s ul .plane_s_01 { background: url(../images/tw_07.jpg) no-repeat center center; background-size: cover; }
.plane_s ul .plane_s_02 { background: url(../images/tw_08.jpg) no-repeat center center; background-size: cover; }
.plane_s ul .plane_s_03 { background: url(../images/tw_09.jpg) no-repeat center center; background-size: cover; }
.plane_s ul .plane_s_04 { background: url(../images/tw_10.jpg) no-repeat center center; background-size: cover; }
.plane_s ul li h6 { position: absolute; bottom: 25px; text-align: center; width: 94%; left: 3%; }
.plane_yw { text-align: center; margin-top: 70px; }
.plane_yw img { font-size: 0px; display: block; margin: 0 auto; }
.plane_f { background: url(../images/ts_01.png) no-repeat center top; background-size: cover; height: 699px; }
.plane_f h2 { text-align: center; font-size: 30px; padding-top: 7%; }
.plane_f h3 { margin-top: 15%; text-align: center; font-size: 36px; font-weight: bold; letter-spacing: 2px; text-shadow: #b5b4aa 2px 3px 1px; }
.plane_f p { line-height: 30px; text-align: center; margin-top: 15px; }
.plane_k { background: url(../images/ts_02.png) no-repeat center top; background-size: cover; height: 681px; }
.plane_k h2 { text-align: center; font-size: 30px; padding-top: 1%; color: #FFF; }
.plane_k p { text-align: center; color: #FFF; margin-top: 20px; }
.plane_z { background: url(../images/ts_03.png) no-repeat center top; background-size: cover; height: 685px; }
.plane_z h2 { text-align: center; font-size: 30px; padding-top: 1%; color: #222; }
.plane_z p { text-align: center; color: #222; margin-top: 20px; line-height: 30px; }
.plane_c { background: url(../images/ts_04.jpg) no-repeat center top; background-size: cover; height: 683px; }
.plane_c h2 { text-align: center; font-size: 30px; padding-top: 1%; color: #fff; }
.plane_c p { text-align: center; color: #fff; margin-top: 20px; line-height: 30px; }
.plane_c h6 { text-align: center; margin-top: 35px; }
.plane_n h2 { text-align: center; font-size: 30px; padding-top: 1%; color: #222; }
.plane_n p { text-align: center; color: #222; margin-top: 20px; line-height: 30px; }
.plane_n h6 { text-align: center; margin-top: 35px; }
.mydiv { height: 440px; background: #000; }
.mydiv_left { width: 24%; float: left; background: #b50000; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 440px; margin-right: 1%; text-align: center; }
.mydiv_left h2 { font-size: 22px; font-weight: bold; color: #FFF; margin-top: 25px; }
.mydiv_left em { width: 15%; background: #fff; height: 2px; margin: 0 auto; display: block; margin-top: 15px; }
.mydiv_left p { line-height: 24px; text-align: justify; font-size: 15px; line-height: 30px; margin-top: 50%; text-align: center; color: #FFF; }
.mydiv_left i { margin-top: 35%!important; display: block; cursor: pointer; }
.mydiv_right { width: 75%; float: left; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mydiv_w { height: 380px; color: #FFF; display: block; }
.mydiv_right p { color: #4e4e4e; margin-top: 15px; line-height: 22px; }
.tc_box { display: block; position: fixed; width: 100%; top: 37%; z-index: 9; }
.tc_w2 { position: absolute; left: 0px; right: 0px; display: inline-block; }
.tc_w3 { background: #111111; }
.mydiv_right * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.bg { background-color: #000; width: 100%; height: 100%; left: 0; top: 0; /*FF IE7*/ filter: alpha(opacity=50); /*IE*/ opacity: 0.5; /*FF*/ z-index: 1; position: fixed!important; /*FF IE7*/ position: absolute; /*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : /*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/ }


@media screen and (max-width:1200px) {
  .features_w2, .features_w2_3, .features_w2_4 { display: none; }
  .features_w2_2 { display: block; }
  .features_w3 h3 { margin-top: 17%; }
  .plane_s ul li p { margin-top: 30px; }
}

@media screen and (max-width:992px) {
  .features_w2, .features_w2_2, .features_w2_4 { display: none; }
  .features_w2_3 { display: block; }
  .plane_f, .plane_k, .plane_z, .plane_c, .plane_n { height: 600px; }
  .tc_box { top: 25%; }
  .plane_s ul li { float: left; text-align: center; color: #FFF; width: 50%; padding: 0 8%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; min-height: 320px; }
}



@media screen and (max-width:768px) {
  .features_w2, .features_w2_2, .features_w2_3 { display: none; }
  .features_w2_4 { display: block; }
  .features_w3 h3 { font-size: 20px; margin-top: 32%; }
  .features_w3 p { font-size: 14px; line-height: 24px; letter-spacing: 0px; }
  .plane_t { margin-top: 50px; }
  .plane_s { margin-bottom: 80px; }
  .plane_s ul li h2 { margin-top: 50px; }
  .plane_s ul li p { margin-top: 20px; }
  .plane_s ul { padding-bottom: 60px; }
  .plane_f, .plane_k, .plane_z, .plane_c, .plane_n { height: 590px; }
  .plane_c h6 img { width: 70%; }
  .plane_banenr img { height: 150px; }
}


@media screen and (max-width:640px) {
  .tc_box { top: 5%; z-index: 999999999; background: #000; }
  .mydiv_left { width: 100%; margin-right: 0px; padding: 10px; }
  .mydiv_left p { margin-top: 4%; }
  .mydiv_left i { margin-top: 5%!important; display: block; cursor: pointer; }
  .mydiv_left { height: 240px; }
  .mydiv_left h2 { margin-top: 10px; }
  .mydiv_right { width: 100%; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #111; }
  .mydiv_w { height: 180px; }
  .plane_s ul li { width: 100%; margin-bottom: 10px; }
}


@media screen and (max-width:480px) {
  .plane_f, .plane_k, .plane_z, .plane_c, .plane_n { height: 450px; }
  .plane_f p, .plane_k p, .plane_z p, .plane_c p, .plane_n p { line-height: 20px; }
  .plane_f h2, .plane_k h2, .plane_z h2, .plane_c h2, .plane_n h2 { padding-top: 0px; }
  .plane_c h6 img { width: 58%; }
  .plane_f h2 { padding-top: 12%; }
  .plane_f h3 { font-size: 25px; padding-top: 18%; }
}


@media screen and (max-width:320px) {
  .features_w3 h3 { margin-top: 23%; font-size: 16px; }
  .features_w3 p { margin-top: 10px; line-height: 20px; }
  .features_w3 h2 { font-size: 20px; margin-top: 10%; }
  .plane_c h6 img { width: 65%; }
  .plane_f h2 { padding-top: 12%; }
  .plane_f h3 { font-size: 25px; padding-top: 27%; }
  .plane_f h2, .plane_k h2, .plane_z h2, .plane_c h2, .plane_n h2 { font-size: 23px; }
  .plane_z { height: 570px; }
  .plane_n { height: 400px; }
  .plane_w ul li h2 { color: #333333; font-size: 16px; font-weight: normal; }
  .plane_w ul li span { font-size: 10px; letter-spacing: 0px; }
  .plane_w ul li a { padding: 20px 0px; display: block; }
  .plane_t { margin-top: 30px; }
  .plane_s { margin-bottom: 50px; }
  .plane_s ul { padding-bottom: 30px; }
}


.process { margin-top: 70px; margin-bottom: 40px; width: 100%; height: 58px; }
.process_nav { text-align: center; background: url(../images/tw_12.png) no-repeat center bottom; height: 45px; font-size: 12px; color: #c2c2c2; }
.process_nav a { margin: 0 25px; font-size: 16px; height: 60px; display: inline-block; white-space: nowrap; color: #999; }
.process_nav a:hover { color: #333333; background: url(../images/tw_13.png) no-repeat center 35px; }
.process_nav .hover { color: #333333; background: url(../images/tw_13.png) no-repeat center 35px; }
.process_w { background: url(../images/tw_26.jpg) no-repeat center center; background-size: cover; }
.process_w2 { padding-bottom: 70px; }


.process_w2 ul li { width: 25%; height: 160px; color: #FFF; float: left; position: relative; border-right: 1px solid #333333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.process_w2 ul li:nth-of-type(4n) { border-right: 0px; }
.process_w2 ul li { color: #FFF; }
.process_w2 ul li i { width: 100%; display: block; position: absolute; height: 160px; background: #000; background: rgba(0,0,0,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000); }
.process_w2 ul li .featres_w3 { position: absolute; text-align: center; width: 100%; padding: 0% 12%; box-sizing: border-box; }
.process_w2 ul li .featres_w3 h2 { background: url(../images/tw_24.png) no-repeat center top; height: 55px; text-align: center; line-height: 55px; font-size: 18px; font-weight: bold; margin-top: 25px; }
.process_w2 ul li .featres_w3 p { margin-top: 10px; line-height: 22px; }

.process_w2 ul li:hover i { width: 100%; display: block; position: absolute; height: 160px; background: #be1e1e; transition: all 300ms ease; transform-style: preserve-3d; transform: rotateY(180deg); }
.process_w2 ul li:hover .featres_w3 h2 { color: #FFF; }
.process_w2 ul li:hover .featres_w3 p { color: #FFF; }


.process_w2 ul:nth-of-type(2n) li i { background: #000; background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000); }
.process_w2 ul:nth-of-type(2n) li:hover i { background: #bd1a1a; }


@media screen and (max-width:768px) {
  .process { margin-top: 50px; margin-bottom: 20px; }
  .process_w2 ul li { width: 50%; height: 160px; color: #FFF; float: left; position: relative; border-right: 1px solid #333333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
  .process_w2 ul li .featres_w3 p { margin-top: 5px; line-height: 22px; text-align: center; }
  .process_w2 ul li:nth-of-type(2n) { border-right: 0px; }
  .process_w2 ul li:hover i { width: 100%; display: block; position: absolute; height: 160px; background: #be1e1e; transition: all 300ms ease; transform-style: preserve-3d; transform: rotateY(180deg); margin-left: 0px; }
}

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

  .process { margin-top: 70px; margin-bottom: 40px; width: 100%; /*overflow-x: scroll;*/ overflow-y: hidden; height: 58px; position: relative; }
  .process_nav { text-align: center; background: url(../images/tw_12.png) no-repeat center bottom; height: 45px; font-size: 12px; color: #c2c2c2; white-space: nowrap; }
}


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

  .process_nav a { font-size: 14px; }
  .fooder_add { padding-top: 2%; }
  .process { margin-top: 30px; }
  .process_w2 ul li { width: 100%; border-top: 1px solid #494949; border-right: 0px; }
  .process_w2 ul li:hover i { margin-left: 0px; }
  .process_nav a { margin: 0 15px; }

}



/*印刷*/

.printing_w { margin-top: 70px; }
.printing_w h2 { font-size: 30px; text-align: center; }
.printing_w span { font-size: 11px; margin-top: 3px; text-transform: uppercase; text-align: center; display: block; letter-spacing: 2px; }
.printing_w ul { margin-top: 30px; }

.printing_w ul li a { width: 16.6%; float: left; text-align: center; text-align: center; background: url(../images/tw_15.png) no-repeat center top; height: 360px; }
.printing_w ul li:nth-of-type(2n) a { width: 16.6%; float: left; text-align: center; text-align: center; background: url(../images/tw_14.png) no-repeat center top; height: 360px; }

.printing_w ul li a:hover { background: url(../images/tw_15_h.png) no-repeat center 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; color: #b50000; }
.printing_w ul li:nth-of-type(2n) a:hover { background: url(../images/tw_14_h.png) no-repeat center 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }


.printing_w ul li h3 { margin-top: 45px; font-size: 16px; margin-bottom: 6px; font-weight: bold; }
.printing_w ul li p { line-height: 25px; height: 105px; width: 145px; text-align: justify; margin: 0 auto; margin-top: 20px; }

.teamwork h2 { font-size: 24px; text-align: center; color: #FFF; }
.teamwork span { font-size: 11px; margin-top: 3px; text-transform: uppercase; text-align: center; display: block; letter-spacing: 2px; color: #FFF; }

.teamwork_02 h2 { font-size: 24px; text-align: center; color: #FFF; }
.teamwork_02 span { font-size: 15px; margin-top: 15px; text-transform: uppercase; text-align: center; display: block; letter-spacing: 2px; color: #FFF; }

.clients { margin-top: 70px; }

.printing_t { margin-top: 70px; text-align: center; }
.printing_t h2 { font-size: 30px; text-align: center; }
.printing_t span { font-size: 11px; margin-top: 3px; text-transform: uppercase; text-align: center; display: block; letter-spacing: 2px; }
.printing_t p { text-align: center; font-size: 16px; margin-top: 25px; line-height: 35px; }
.printing_t em { display: block; margin-top: 45px; }
.printing_t em img { font-size: 0px; display: block; margin: 0 auto; }


@media screen and (max-width:1200px) {
  .printing_w ul li a { width: 33.3%; }
  .printing_w ul li:nth-of-type(2n) a { width: 33.3%; }
}



@media screen and (max-width:640px) {
  .teamwork { margin-top: 20px; }
  .printing_w { margin-top: 30px; }
  .clients { margin-top: 30px; }
  .printing_w ul li a { width: 50%; }
  .printing_w ul li:nth-of-type(2n) a { width: 50%; }
  .printing_w ul li h3 { color:#333;}
  .printing_t { margin-top:30px; }
  .printing_t p { font-size: 12px; line-height:22px;}
  .printing_w h2, .teamwork h2, .printing_t h2 { font-size: 20px; color:#333; }
  .printing_t p { margin-top:10px;}    
  .teamwork h2 { color:#fff;}
  .printing_t em { margin-top:25px;}
}


@media screen and (max-width:480px) {
  .printing_w ul li a { width: 100%; }
  .printing_w ul li:nth-of-type(2n) a { width: 100%; }
  .yszhang_clie { margin-top: 15px !important; }
}



/*活动*/
.activity_w { margin-top: 120px; }
.activity_w ul li a { float: left; width: 25%; border: 1px solid #d9d9d9; padding: 0px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: -1px; }
.activity_w ul li i { background: url(../images/tw_25.png) no-repeat left top; height: 100px; display: block; width: 100px; margin: 0 auto; margin-top: -50px; }


.activity_w ul li h2 { font-size: 20px; text-align: center; margin-top: 25px; }
.activity_w ul li p { line-height: 25px; margin-top: 15px; text-align: justify; min-height: 125px; }
.activity_w ul li h6 { border: 1px solid #d9d9d9; padding: 8px; margin-top: 15px; margin-bottom: 35px; font-size: 14px; }
.activity_w ul li h6 span { float: right; }
.activity_w ul li a:hover { border: 1px solid #222222; position: relative; }
.activity_w ul li a:hover h6 { border: 1px solid #222; padding: 8px; margin-top: 15px; margin-bottom: 35px; font-size: 14px; }

.activity_w ul li .activity_icon1 { background-position: 0px 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.activity_w ul li a:hover .activity_icon1 { background-position: 0px -100px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.activity_w ul li .activity_icon2 { background-position: -100px 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.activity_w ul li a:hover .activity_icon2 { background-position: -100px -100px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.activity_w ul li .activity_icon3 { background-position: -200px 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.activity_w ul li a:hover .activity_icon3 { background-position: -200px -100px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.activity_w ul li .activity_icon4 { background-position: -300px 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.activity_w ul li a:hover .activity_icon4 { background-position: -300px -100px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.activity_w ul li a:hover h2 { color: #b50000; }
.activity_w ul li a:hover p { color: #b50000; }

.activity_t { margin-top: 70px; background: #f6f6f6; padding: 60px 0px; }
.activity_t h2 { text-align: center; font-size: 24px; }
.activity_t ul { margin-top: 35px; }
.activity_t ul li { position: relative; width: 23%; margin-right: 2%; float: left; }
.activity_t ul li:nth-of-type(4n) { margin-right: 0%; }
.activity_t ul li img { font-size: 0px; display: block; width: 100%; }
.activity_t ul li h3 { background: #000; height: 45px; color: #FFF; width: 100%; text-align: center; line-height: 45px; position: absolute; bottom: 0px; background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#000); }
.activity_zxing { background: none; margin-top: 0px; padding-bottom: 0px; }

.activity_p h2 { text-align: center; font-size: 30px; padding-top: 5%; color: #222; }
.activity_p p { text-align: center; color: #222; margin-top: 20px; line-height: 25px; }
.activity_p h6 { text-align: center; margin-top: 35px; }

.activity_a { background: url(../images/tw_50.jpg) no-repeat center center; background-size: cover; }
.activity_a h2 { text-align: center; font-size: 30px; color: #fff; }
.activity_a p { text-align: center; color: #fff; margin-top: 20px; line-height: 25px; }
.activity_a em { text-align: center; display: block; margin-top: 60px; }

.activity_a1 img { width: 100%; display: block; font-size: 0px; }
.activity_s h2 { text-align: center; font-size: 30px; }
.activity_s p { text-align: center; margin-top: 20px; line-height: 25px; }
.activity_s { text-align: center; margin-bottom: 45px; }


.activity_k { margin-top: 70px; background: url(../images/tw_26.jpg) no-repeat center center; background-size: cover; padding-bottom: 100px; }
.activity_k ul li { width: 25%; float: left; border-right: 1px solid #3b3b3b; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.activity_k ul li:last-child { border-right: none; }

.activity_k ul li .activity_k_top { position: relative; }
.activity_k ul li .activity_k_top i { display: block; height: 160px; background: rgba(0,0,0,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000); }

.activity_k ul li .activity_k_top .activity_k2 { position: absolute; top: 0px; text-align: center; width: 100%; color: #FFF; }
.activity_k ul li .activity_k_top .activity_k2 h2 { background: url(../images/tw_24.png) no-repeat center center; height: 55px; line-height: 55px; margin-top: 35px; }
.activity_k ul li .activity_k_top .activity_k2 span { text-align: center; display: block; margin-top: 15px; }
.activity_k ul li .activity_k_bottom { min-height: 300px; padding: 25px 35px; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000,endColorstr=#8f000000); color: #FFF; }
.activity_k ul li .activity_k_bottom dl dd { margin-top: 15px; font-size: 14px; line-height: 25px; }


.activity_k ul li:hover .activity_k_top i { background: #be1e1e; transition: all 300ms ease; transform-style: preserve-3d; transform: rotateY(180deg); }



@media screen and (max-width:980px) {
  .activity_w ul li a { float: left; width: 50%; border: 1px solid #d9d9d9; padding: 0px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: -1px; margin-top: 80px; }
  .activity_w { margin-top: 30px; }
  .activity_k ul li .activity_k_bottom { padding: 25px 15px; }
}

@media screen and (max-width:768px) {
  .activity_t ul li { float: left; margin-right: 2%; position: relative; width: 48%; margin-top: 35px; }
  .activity_zxing { margin-top: 0px; }
  .activity_t ul { margin-top: 10px; }
  .activity_k ul li { width: 50%; margin-top: 25px; }
  .activity_k { margin-top: 30px; }
}


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

  .activity_w ul li a { float: left; width: 100%; border: 1px solid #d9d9d9; padding: 0px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: -1px; margin-top: 80px; }


  .activity_p h2, .activity_a h2, .activity_s h2 { font-size: 24px; }
  .activity_p p, .activity_a p, .activity_s p { line-height: 20px; margin-top: 10px; }
  .activity_a h2 { padding-top: 15px; }
  .activity_s { margin-bottom: 20px; }
  .activity_a em { margin-top: 30px; }
  .activity_k ul li { width: 100%; margin-top: 25px; }
  .activity_k ul li .activity_k_bottom { min-height: 200px; }
}


@media screen and (max-width:320px) {
  .plane_t h2 { font-size: 22px; }
  .activity_t ul li { margin-top: 10px; }
  .activity_zxing { margin-top: 10px; }
}



/*摄影*/
.photography_w { text-align: center; margin-top: 70px; }
.photography_t { background: url(../images/tw_42.png) no-repeat center top; background-size: cover; height: 877px; text-align: center; color: #FFF; }
.photography_t img { width: 100%; }

.photography_t h2 { text-align: center; padding-top: 18%; font-size: 29px; margin-bottom: 5%; text-shadow: #2c2b2e 2px 2px 1px; }
.photography_t p { text-align: center; line-height: 30px; font-size: 16px; text-shadow: #393939 2px 2px 1px; }

.photography_s { background: url(../images/tw_40.jpg) no-repeat center top; background-size: cover; height: 247px; }
.photography_s p { text-align: center; color: #FFF; font-size: 28px; padding-top: 12%; font-weight: bold; }

.photography_a { margin-top: 50px; }
.photography_a ul li { width: 25%; float: left; text-align: center; background: url(../images/tw_44.png) no-repeat center top; height: 375px; }
.photography_a ul li h2 { height: 50px; line-height: 50px; color: #FFF; font-weight: bold; }
.photography_a ul li dl { text-align: center; height: 180px; margin-top: 25px; }
.photography_a ul li dl dd { margin-top: 15px; font-size: 15px; }
.photography_a ul li dl dd a:hover { color: #b50000; }
.photography_a ul li h6 { margin-top: 15px; }


.photography_k { margin-top: 50px; }
.photography_k ul li { width: 29.3%; float: left; margin: 0% 2%; border: 1px solid #222222; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px; }
.photography_k ul li p { margin-top: 10px; text-align: center; }
.photography_k ul li img { width: 100%; }


.photography_z { margin-top: 70px; background: url(../images/tw_47.jpg) no-repeat center top; background-size: cover; }
.photography_z h2 { padding-top: 25px; text-align: center; }
.photography_z span { text-align: center; display: block; margin-top: 15px; }
.photography_z ul { margin-top: 50px; }
.photography_z ul li { float: left; width: 29.3%; text-align: center; background: #FFF; text-align: center; margin: 0% 2%; /*padding-top:35px;*/ padding-bottom: 35px; }
.photography_z ul li p { text-align: center; }
.photography_z h2 { font-size: 24px; color: #FFF; padding-top: 70px; }
.photography_z span { margin-top: 20px; color: #fff; }

.photography_xiant { width: 100%; border-top: 1px solid #222222; padding-bottom: 60px; }

.shooting_dh { position: absolute; z-index: 10; width: 100%; text-align: center; height: 240px; top: 55%; margin-top: -120px; overflow: hidden; }
.shooting_dh img { }

.shooting_left img { font-size: 0px; display: block; }
.shooting_right img { font-size: 0px; display: block; }


@media screen and (max-width:1000px) {
  .photography_t { background: url(../images/tw_42.png) no-repeat center top; background-size: cover; height: 700px; text-align: center; color: #FFF; }
  .photography_s { background: url(../images/tw_40.jpg) no-repeat center top; background-size: cover; height: 170px; }
}

@media screen and (max-width:768px) {
  .photography_t { background: url(../images/tw_42.png) no-repeat center top; background-size: cover; height: 550px; text-align: center; color: #FFF; }
  .photography_s { background: url(../images/tw_40.jpg) no-repeat center top; background-size: cover; height: 150px; }
  .photography_s p { font-size: 20px; padding-top: 12%; }

  .photography_w { margin-top: 50px; }
}

@media screen and (max-width:480px) {
  .photography_t { background: url(../images/tw_42.png) no-repeat center top; background-size: cover; height: 450px; text-align: center; color: #FFF; }
  .photography_t h2 { font-size: 20px; padding-top: 35%; }
  .photography_t p { font-size: 14px; line-height: 20px; }

  .photography_s { background: url(../images/tw_40.jpg) no-repeat center top; background-size: cover; height: 100px; }
  .photography_s p { font-size: 14px; padding-top: 18%; }

  .photography_w { margin-top: 20px; }
}




/*摄制*/


.banenr2 { background: url(../images/tw_51.jpg) no-repeat center center; background-size: cover; color: #FFF; text-align: center; padding: 150px 0px; }
.banenr2 h2 { font-size: 24px; }
.banenr2 p { text-align: center; line-height: 30px; margin-top: 40px; }


.banenr3 { background: url(../images/tw_71.jpg) no-repeat center center; background-size: cover; color: #222; text-align: center; padding: 150px 0px; }
.banenr3 h2 { font-size: 24px; }
.banenr3 p { text-align: center; line-height: 30px; margin-top: 40px; }



.produce_w ul li { background: #f7f7f7; }
.produce_w ul li .produce_w_left { float: left; width: 50%; padding: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.produce_w ul li .produce_w_left h2 { font-size: 20px; margin-top: 15px; color:#333; }
.produce_w ul li .produce_w_left p { line-height: 25px; margin-top: 10px; font-size: 15px; }
.produce_w ul li .produce_w_left dl { margin-top: 15px; }
.produce_w ul li .produce_w_left dl dt { font-weight: bold; color: #333; }
.produce_w ul li .produce_w_left dl dd { background: url(../images/tw_55.png) no-repeat left center; padding-left: 18px; margin-top: 15px; float: left; font-size: 14px; margin-right: 5%; }
.produce_w ul li .produce_w_left i { background: #b50000; height: 3px; width: 45px; display: block; margin-top: 10%; }


.produce_w ul li .produce_w_right { display: block; width: 50%; float: left; }
.produce_w ul li .produce_w_right img { width: 100%; font-size: 0px; display: block; }

.video { width: 100%; height: 500px; cursor: pointer; }

.produce_t { margin-top: 50px; }
.produce_t ul li { width: 25%; float: left; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit- box-sizing:border-box; color: #FFF; }
.produce_t ul li h2 { font-size: 18px; margin-top: 70px; }
.produce_t ul li p { line-height: 25px; width: 220px; margin: 0 auto; margin-top: 15px; height: 50px; overflow: hidden; }
.produce_t ul .produce_t2 { background: url(../images/tw_56.png) no-repeat center top; height: 304px; }
.produce_t ul .produce_t3 { background: url(../images/tw_57.png) no-repeat center top; height: 304px; }
.produce_t ul .produce_t4 { background: url(../images/tw_58.png) no-repeat center top; height: 304px; }
.produce_t ul .produce_t5 { background: url(../images/tw_59.png) no-repeat center top; height: 304px; }

.produce_t ul li a { border-radius: 20px; padding: 5px 2px; border: 1px solid #FFF; color: #FFF; display: block; width: 90px; margin: 0 auto; margin-top: 45px; font-size: 12px; }
.produce_t ul li a:hover { color: #fff; background: #b50000; border: 1px solid #b50000; -webkit-transition-property: none; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 400ms; transition: 300ms; }


.produce_p { background: url(../images/tw_56.jpg) no-repeat center center; background-size: cover; padding: 7% 0px; color: #FFF; text-align: center; margin-top: 70px; }
.produce_p h2 { font-size: 24px; }
.produce_p p { line-height: 25px; margin-top: 25px; text-align: center; }

.qj_p { background: url(../images/vr_bg.jpg) no-repeat center center; background-size: cover; padding: 7% 0px; color: #FFF; text-align: center; margin-top: 20px; }



.produce_a { margin-top: 70px; padding-bottom: 70px; text-align: center; }
.produce_a h2 { font-size: 24px; text-align: center; margin-bottom: 35px; }
.produce_a span { text-align: center; background: #000; color: #FFF; padding: 3px 5px; }
.produce_a em { display: block; margin-top: 50px; }
.produce_a p { text-align: center; line-height: 25px; margin-top: 35px; }


.produce_f { text-align: center; margin-top: 50px; }
.produce_g { background: url(../images/sz_01.jpg) no-repeat center top; background-size: cover; height: 844px; }
.produce_g2 { text-align: center; padding-top: 9%; }
.produce_g2 h2 { font-size: 30px; color: #fff; }
.produce_g2 p { line-height: 25px; text-align: center; margin-top: 20px; color: #fff; }

.produce_h { text-align: center; }
.produce_h h2 { font-size: 30px; }
.produce_h p { line-height: 25px; text-align: center; margin-top: 20px; }


.produce_k { background: url(../images/sz_02.jpg) no-repeat center top; background-size: cover; height: 844px; }
.produce_k2 { text-align: center; padding-top: 9%; }
.produce_k2 h2 { font-size: 30px; color: #fff; }
.produce_k2 p { line-height: 25px; text-align: center; margin-top: 20px; color: #fff; }



@media screen and (max-width:1200px) {
  .produce_w ul li .produce_w_left { padding: 20px; }
  .produce_w ul li .produce_w_left dl dd { width: 28%; }
}


@media screen and (max-width:980px) {
  .produce_w ul li .produce_w_left i { margin-top: 2%; }
  .produce_w ul li .produce_w_left dl dd { width: 40%; margin-top: 10px; }
  .produce_w ul li .produce_w_left dl { margin-top: 0px; }
  .produce_t ul li { width: 50%; margin-top: 15px; }
  .produce_g, .produce_k { height: 700px; }
  .produce_g2, .produce_k2 { padding-top: 14%; }
}

@media screen and (max-width:780px) {
  .produce_t { margin-top: 20px; }
  .produce_p { margin-top: 50px; }
  .produce_a { margin-top: 50px; padding-bottom: 50px; }

  .produce_g, .produce_k { height: 600px; }
  .produce_g2, .produce_k2 { padding-top: 14%; }
}


@media screen and (max-width:845px) {
  .produce_w ul li { margin-top: 25px; }
  .produce_w ul li .produce_w_left { width: 100%; }
  .produce_w ul li .produce_w_right { width: 100%; }
  .produce_w ul li .produce_w_left dl dd { margin-top: 10px; }
}


@media screen and (max-width:640px) {
  .produce_t ul li { width: 100%; margin-top: 15px; }

  .produce_k2 h2, .produce_h h2, .produce_g2 h2, .public_wz h2 { font-size: 20px; font-weight: bold; }
  .produce_k2 p { font-size: 12px; }

  .produce_g, .produce_k { height: 600px; }
  .produce_g2, .produce_k2 { padding-top: 18%; }
}


@media screen and (max-width:480px) {
  .produce_w ul li .produce_w_left dl { margin-top: 15px; margin-bottom: 15px; }
  .produce_w ul li .produce_w_left dl dd { width: 100%; margin-top: 10px; }
  .video { width: 100%; height: 300px; }
  .banenr2, .banenr3 { padding: 50px 0px; }
}


@media screen and (max-width:320px) {
  .video { width: 100%; height: 220px; }
  .produce_t { margin-top: 20px; }
  .produce_p { margin-top: 30px; }
  .produce_a { margin-top: 30px; padding-bottom: 50px; }
  .produce_a h2 { margin-bottom: 20px; }
  .produce_a em { margin-top: 30px; }
  .produce_p h2, .produce_a h2 { font-size: 20px; }
  .produce_g, .produce_k { height: 500px; }
}


/*新闻*/
.news_w { border-bottom: 1px solid #eaeaea; padding-bottom:30px; padding-top: 115px; }
.news_w span { float: right; background: url(../images/tw_63.png) no-repeat left center; padding-left: 25px; }
.news_w ul li { display:inline-block;vertical-align:top; }
.news_w ul li a { padding: 0 10px; }
.news_w ul li a:hover { border-bottom: 0px solid #222222; padding-bottom:30px; -webkit-transition-property: none; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 400ms; transition: 300ms; }
.news_w ul li .hover { border-bottom: 0px solid #222222; padding-bottom:30px; }
.news_list ul { margin-top:50px;}
.news_list ul li a { position: relative; margin-top: 25px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; padding-bottom: 25px; overflow:hidden;display: block; }
.news_list_left { width: 175px; height: 120px; position: absolute; background: #fff; }
.news_border_left { border-right: 8px solid #fff; }
.news_border_right { border-left: 8px solid #fff; }
.news_list_left img { width: 175px; height: 120px; }
.news_list_center { width: 100%; padding-left: 200px; padding-right: 180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.news_list_center h2 { font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; }
.news_list_center p { margin-top: 15px; line-height: 25px; height: 75px; overflow: hidden; color: #999; text-align: justify; }
.news_list_center span { display: none; }
.news_list_center1 { width: 100%; padding-right: 180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.news_list_center1 h2 { font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; }
.cWz,.cWz:visited,.cWz a {color:#999;font-size:16px;font-weight:bold;}

.news_list_center1 p { margin-top: 15px; line-height: 25px; height: 75px; overflow: hidden; color: #999; text-align: justify; }
.news_list_center1 span { display: none; }

.news_list_center2 { width: 100%; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.news_list_center2 h2 { font-size: 16px; font-weight: bold; white-space: nowrap; padding-top:10px; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; }
.news_list_center2 p { margin-top: 15px; line-height: 25px;overflow: hidden; color: #999; text-align: justify; padding-bottom:10px; border-bottom:1px dotted #ccc;}


.news_list_right { background: url(../images/tw_62.png) no-repeat; width: 132px; height: 123px; position: absolute; right: 0px; }
.news_list_right em { display: block; font-style: italic; text-align: center; line-height: 25px; color: #666666; margin-top: 35px; }
.news_list_right strong { text-align: center; display: block; font-size: 18px; color:#999; }

.news_list h6 { text-align: center; margin-top: 50px; margin-bottom: 50px; }
.news_list h6 a:hover { color: #b50000; }

.news_list ul li a:hover .news_list_center h2 { color: #FF0000; }
.news_list ul li a:hover .news_list_center p { color: #FF0000; }

.news_list a .news_list_bj { background: #fff; height: 120px; position: absolute; top: 0px; width: 0px; z-index: -1; }
.news_list a:hover .news_list_bj { background: #b50000; height: 120px; position: absolute; top: 0px; width: 100%; z-index: -1; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }
.news_list a .news_list_center h2 { padding-left: 0px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }
.news_list a:hover .news_list_center h2 { padding-left: 30px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }



.news_nr h1 { text-align: center; font-size: 18px; font-weight: bold; margin-top: 50px; }
.news_nr p { text-align: center; margin-top: 20px; }
.news_nr p .news_nr_01 { background: url(../images/tw_64.png) no-repeat left center; padding-left: 25px; margin: 0 15px; }
.news_nr p .news_nr_02 { background: url(../images/tw_65.png) no-repeat left center; padding-left: 30px; margin: 0 15px; }

.news_wb { margin-top: 35px; }
.news_wb p { text-align: left; text-indent: 2em; line-height: 200%;  padding-bottom:20px;}
.news_wb span { font-size: 15px !important; margin-top: 25px !important; line-height: 28px !important;}



.news_bottom { margin-top: 45px; padding-bottom: 10px; text-align: center; }
.news_bottom ul li a { width: 50%; float: left; background: #eaeaea; padding: 12px 0px; font-size: 12px; border-right: 1px solid #FFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.news_bottom ul li a .news_bottom_w { background: url(../images/tw_66.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px; }
.news_bottom ul li a .news_bottom_t { background: url(../images/tw_67.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px; }
.news_bottom ul li a .news_bottom_s { background: url(../images/tw_68.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px; }
.news_bottom ul li a .news_bottom_f { background: url(../images/tw_69.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-left: 8px; }

.news_bottom ul li a:hover { background: #222222; color: #FFF; }
.news_bottom ul li a:hover .news_bottom_w { background: url(../images/tw_66_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.news_bottom ul li a:hover .news_bottom_t { background: url(../images/tw_67_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.news_bottom ul li a:hover .news_bottom_s { background: url(../images/tw_68_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.news_bottom ul li a:hover .news_bottom_f { background: url(../images/tw_69_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-left: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }


@media screen and (max-width:768px) {
  .news_w ul li a { padding: 0 18px; }
}


@media screen and (max-width:768px) {
  .news_list_center { padding-right: 180px; }
}

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

  .news_w span { display: none; }
  .news_list h6 { margin-top: 30px; margin-bottom: 30px; }
  .news_list a .news_list_bj { background: #fff; height:69px; position: absolute; top: 0px; width: 0px; z-index: -1; }
  .news_list a:hover .news_list_bj { background: #b50000; height:69px; position: absolute; top: 0px; width: 100%; z-index: -1; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }
  .news_list_center h2 { font-size: 14px; }
  .news_list_left { width: 100px; height: 69px; }
  .news_list_left img { width: 100px; height: 69px; }
  .news_list_center { padding-left: 120px; padding-right: 0px; }
  .news_list_center p { margin-top: 5px; white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; }
  .news_list_center span { display: block; display: block; margin-top: 5px; font-size: 12px; }
  .news_list_right { display: none; }
  .news_list_center p { height: 25px; }
  .news_list ul li a { margin-top: 15px; padding-bottom:15px; margin-bottom: 15px; height:69px; }
  .news_list ul li a:hover { height:69px;}
  .news_list ul li a:hover span { color: #FFF; }
  .news_list a:hover .news_list_center h2 { padding-left: 10px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }
}

@media screen and (max-width:480px) {
  .news_nr h1 { margin-top: 25px; font-size: 16px; }
  .news_bottom { margin-top: 20px; padding-bottom: 30px; text-align: center; }
  .news_bottom ul li a .news_bottom_w, .news_bottom ul li a .news_bottom_t, .news_bottom ul li a .news_bottom_s { margin-right: 5px; }
  .news_bottom ul li a .news_bottom_f { margin-left: 5px; }

  .news_bottom ul li a:hover .news_bottom_w, .news_bottom ul li a:hover .news_bottom_t, .news_bottom ul li a:hover .news_bottom_s { margin-right: 5px; }
  .news_bottom ul li a:hover .news_bottom_f { margin-left: 5px; }
}


@media screen and (max-width:320px) {
  .news_w ul li a { padding: 0 10px; }
}


/*导航*/
.nav { float: right; width: 60%; }
.search_form { position: absolute; top: 27px; right: 15px; height: 30px; }

.header_boz { z-index: 999999; position: fixed; width: 100%; }
.header { width: 100%; height: 81px; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000,endColorstr=#8f000000); }


.top_box { height: 36px; line-height: 36px; background: #ededed; }
.top_left { background: url(../images/dh.png) no-repeat left center; padding-left: 25px; }

.logo { float: left; }

.bds_tsina { background: url(../images/tw_72.png) no-repeat left center !important; width: 18px; }
.bds_weixin { background: url(../images/tw_73.png) no-repeat left center !important; width: 18px; height: 16px; !important; }
/*.bdshare-button-style2-16::after { width:124px;}*/


.diahua { background: url(../images/tw_71.png) no-repeat left center; color: #999; cursor: pointer; float: left; font-size: 12px; height: 16px; line-height: 16px; margin: 6px 25px 6px 0; padding-left: 17px; position: absolute; right: 90px; }



.nav ul li a { color: #fff; font-size: 15px; display: inline-block; font-weight: normal; float: left; text-align: center; width: 11%; line-height: 81px; }
.nav ul li a:hover { background: url(../images/tw_74.png) no-repeat center center; color: #b50000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }



.logo { width: 223px; }

@media screen and (max-width:1200px) {
  .nav { float: right; width: 70%; }
}


@media screen and (min-width:1000px) {
  .search_form2 { display: none; }
}

@media screen and (max-width:999px) {
  .search_form2 { display: none; }
}

@media screen and (max-width:999px) {
  .menu_sign { width: 30px; height: 23px; display: block; background: url(../images/menu_sign.png) no-repeat; position: absolute; right: 15px; top: 25%; cursor: pointer; z-index: 99; }
  .search_form { display: none; }

  .search_sign { width: 17px; height: 16px; display: block; background: url(../images/tw_71.png) no-repeat; position: absolute; right: 140px; top: 25%; cursor: pointer; z-index: 99; }


  .bds_weixin { width: 23px; height: 16px !important; display: block; background: url(../images/tw_71.png) no-repeat; position: absolute; right: 100px; top: 25%; cursor: pointer; z-index: 999; }

  .bds_tsina { background: url(../images/tw_72.png) no-repeat left center !important; width: 18px; position: absolute; top: 0px; height: 16px; right: 70px; top: 25%; cursor: pointer; z-index: 99; }

  .search_form2 { position: absolute; left: 0; top: 0; width: 100%; height: 50px; background: #e5e5e5; z-index: 99; }
}


@media screen and (max-width:640px) {
  .head_right { display: none; }

  .head_right .search-input { font-size: 14px; padding: 3px 8px; border: 1px solid #dcdcdc; border-radius: 12px; }
  .header { height: 60px; }
  .logo img { height: 60px; }
  .logo { width: 70%; }
}


@media screen and (max-width:640px) {
  .header { height: 40px; }
  .logo img { height: 40px; }
}

.pop_box { position: relative; }
.search_form2 { width: 100%; height: 1rem; background: #dcdcdc; padding: .1rem .3rem; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search_text2 { width: 100%; height: .8rem; text-indent: .2rem; border-radius: .1rem; outline: none; }
.search_submit2 { width: .8rem; height: .8rem; background: url(../images/search_btn.png) no-repeat center center; position: absolute; right: 15px; top: .1rem; outline: none; }




.nav ul li dl { position: absolute; left: 0; top: 40px; background: #fff; z-index: 10000; width: 100%; display: none; -webkit-box-shadow: 0 2px 5px #999; -moz-box-shadow: 0 2px 5px #999; box-shadow: 0 2px 5px #999; }
.nav ul li dl dd { line-height: .9rem; border-bottom: 1px solid #dcdcdc; }
.nav ul li dl dd a { display: block; font-size: 14px; background: #03378d; color: #fff; }
.nav ul li dl dd a:hover { /*background:#aac2e2;*/ }
.nav ul li:hover dl { display: block; }
.nav ul li:hover dl:before { content: ""; width: 0; display: block; border-bottom: 8px solid #03378d; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; top: -8px; margin-left: -4px; }


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


  .nav { display: none; }
}

.yiji { padding: 0 15px; }

.allnav2 { width: 100%; height: 100%; background: #040302; position: fixed; left: 100%; top: 0; z-index: 999; overflow-y: scroll; }
.close { height: 23px; width: 23px; display: block; background: url(../images/close.png) no-repeat; position: absolute; right: 15px; top: 5px; cursor: pointer; z-index: 2; }
.home { line-height: 40px;; border-bottom: 1px solid #940000; color: #fff; background: #b50000; padding: 0 15px; }
.home a { color: #fff; }
.nav2 ul li { width: 100%; line-height:40px; }
.nav2 ul li span { display: block; border-bottom: 1px solid #dcdcdc; cursor: pointer; background: url(../images/s_bottom.png) no-repeat right center; }
.nav2 ul li span.xz { background: url(../images/s_top.png) no-repeat right center; }
.nav2 ul li > a { display: block; border-bottom: 1px solid #151515; background: url(../images/s_right.png) no-repeat right center; color: #FFF; }
.erji { background: #d3e9ff; display: none; }
.erji li { border-bottom: 1px solid #aac2e2; text-indent: 20px !important; }
.erji li a { display: block; }
.erji li:hover { background: #aac2e2; }




/*电商*/

.electricity_w { background: url(../images/ds_01.jpg) no-repeat center top; height: 311px; text-align: center; padding-top: 12%; }
.electricity_w a { border: 1px solid #b50000; padding: 15px 25px; font-size: 16px; color: #b50000; }
.electricity_w a span { padding-right: 7%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.electricity_w a i { background: url(../images/tw_75.png) no-repeat center center; display: inline-block; height: 14px; width: 26px; vertical-align: middle; }
.electricity_w a:hover { border: 1px solid #b50000; padding: 15px 25px; margin-top: 35%; font-size: 16px; color: #b50000; background: #b50000; color: #FFF; }

.electricity_w a:hover span { color: #FFF; padding-right: 10%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.electricity_w a:hover i { background: url(../images/tw_76.png) no-repeat center center; display: inline-block; height: 14px; width: 26px; vertical-align: middle; }



.electricity_t { padding-top: 70px; padding-bottom: 45px; }
.electrictiye_dual { background: #fff; }

.electricity_t .elec_t i { display: block; width: 50px; height: 5px; background: #b50000; display: block; margin-top: 5%; }
.electricity_t .elec_t { float: left; width: 50%; margin-right: 5%; }
.electrictiye_dual .elec_t { float: left; width: 55%; margin-right: 0%; }
.electricity_t .elec_t h2 { font-size: 24px; margin-top: 15px; }
.electricity_t .elec_t p { line-height: 25px; margin-top: 25px; text-align: justify; }
.electricity_t em { display: block; float: left; width: 45%; }
.electricity_t h6 { text-align: left; margin-top: 70px; font-size: 24px; }
.electricity_t h6 b { margin-left: 10px; display: inline-block; }

.hegiht80 { height: 80px; }


#nav, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, #nav11 { width: 100%; background: url(../images/bj_s.jpg) repeat-x; margin-top: 50px; }
#nav span, #nav2 span, #nav3 span, #nav4 span, #nav5 span, #nav6 span, #nav7 span, #nav8 span, #nav9 span, #nav10 span, #nav11 span { cursor: pointer; color: #fff; font-weight: normal; margin-top: 15px; display: block; }
#navarea, #navarea2, #navarea3, #navarea4, #navarea5, #navarea6, #navarea7, #navarea8, #navarea9, #navarea10, #navarea11 { width: 100%; max-width: 1200px; height: 137px; margin: 0 auto; }
#navarea ul, #navarea2 ul, #navarea3 ul, #navarea4 ul, #navarea5 ul, #navarea6 ul, #navarea7 ul, #navarea8 ul, #navarea9 ul, #navarea10 ul, #navarea11 ul { clear: both; float: left; /*width: 960px;*/ padding: 4px 18px 0 18px; }
#navarea li, #navarea2 li, #navarea3 li, #navarea4 li, #navarea5 li, #navarea6 li, #navarea7 li, #navarea8 li, #navarea9 li, #navarea10 li, #navarea11 li { float: left; height: 37px; font-size: 14px; line-height: 32px; }

#navs h2, #navs2 h2, #navs3 h2, #navs4 h2, #navs5 h2, #navs6 h2, #navs7 h2, #navs8 h2, #navs9 h2, #navs10 h2, #navs11 h2 { font-size: 30px; font-weight: normal; color: #FFF; padding-top: 25px; }
#navs span, #navs2 span, #navs3 span, #navs4 span, #navs5 span, #navs6 span, #navs7 span, #navs8 span, #navs9 span, #navs10 span, #navs11 span { font-size: 14px; }

#navarea #navs dt { display: inline-block; float: none; white-space: nowrap; width: 130px; height: 130px; text-align: center; cursor: pointer; }
#navarea #navs .hover { background: #b50000; height: 130px; width: 130px; }


#navarea .col, #navarea2 .col, #navarea3 .col, #navarea4 .col, #navarea5 .col, #navarea6 .col, #navarea7 .col, #navarea8 .col, #navarea9 .col, #navarea10 .col, #navarea11 .col { font-size: 12px; font-weight: normal; line-height: 32px; float: right; }

#navarea dl, #navarea2 dl, #navarea3 dl, #navarea4 dl, #navarea5 dl, #navarea6 dl, #navarea7 dl, #navarea8 dl, #navarea9 dl, #navarea10 dl, #navarea11 dl { clear: both; float: left; padding: 0; /*width:100%;*/ }

#menu, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11 { background: #b50000; clear: both; float: left; color: #fff; height: 39px; }
#menu li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #menu6 li, #menu7 li, #menu8 li, #menu9 li, #menu10 li, #menu11 li { float: left; padding: 0 1px 0 1px; font-size: 12px; color: #999; line-height: 8px; }
#menu ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul, #menu7 ul, #menu8 ul, #menu9 ul, #menu10 ul, #menu11 ul { /*width: 890px;*/ height: 40px; padding: 0px; margin: 0px; display: inline; _display: inline; }
#menu li:link, #menu li :visited, #menu2 li:link, #menu2 li :visited, #menu3 li:link, #menu3 li :visited, #menu4 li:link, #menu4 li :visited, #menu5 li:link, #menu5 li :visited, #menu6 li:link, #menu6 li :visited, #menu7 li:link, #menu7 li :visited, #menu8 li:link, #menu8 li :visited, #menu9 li:link, #menu9 li :visited, #menu10 li:link, #menu10 li :visited, #menu11 li:link, #menu11 li :visited { color: #fff; text-decoration: none; }
#menu li:hover, #menu li a:active, #menu2 li:hover, #menu2 li a:active, #menu3 li:hover, #menu3 li a:active, #menu4 li:hover, #menu4 li a:active, #menu5 li:hover, #menu5 li a:active, #menu6 li:hover, #menu6 li a:active, #menu7 li:hover, #menu7 li a:active, #menu8 li:hover, #menu8 li a:active, #menu9 li:hover, #menu9 li a:active, #menu10 li:hover, #menu10 li a:active, #menu11 li:hover, #menu11 li a:active { color: #fff; text-decoration: none; }
#menu li strong, #menu2 li strong, #menu3 li strong, #menu4 li strong, #menu5 li strong, #menu6 li strong, #menu7 li strong, #menu8 li strong, #menu9 li strong, #menu10 li strong, #menu11 li strong { font-size: 14px; font-weight: normal; }
#menu a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a, #menu8 a, #menu9 a, #menu10 a, #menu11 a { padding: 0 8px; }


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

  #nav { margin-top: 25px; }
}




.electricity_p { margin-top: 70px; text-align: center; }
.electricity_p h2 { font-size: 30px; }
.electricity_p p { line-height: 25px; text-align: center; margin-top: 20px; }
.electricity_p h3 { font-size: 18px; margin-top: 15px; letter-spacing: 7px; margin-bottom: 25px; font-weight: bold; }


.electricity_a { background: url(../images/tw_60.jpg) no-repeat center center; background-size: cover; text-align: center; }
.electricity_a h2 { font-size: 30px; color: #FFF; }
.electricity_a p { line-height: 25px; text-align: center; margin-top: 20px; color: #FFF; }
.electricity_a h6 { font-size: 18px; margin-top: 50px; }
.elec_a2 img { width: 100%; font-size: 0px; display: block; }
.elec_a3 img { width: 100%; font-size: 0px; display: block; }

.electricity_f { text-align: center; }
.electricity_f h2 { font-size: 30px; }
.electricity_f p { line-height: 25px; text-align: center; margin-top: 20px; }
.electricity_f h6 { font-size: 18px; }


.electricity_h { background: url(../images/tw_61.jpg) no-repeat center center; background-size: cover; text-align: center; }
.electricity_h h2 { font-size: 30px; }
.electricity_h p { line-height: 25px; text-align: center; margin-top: 20px; }
.electricity_h h6 { font-size: 18px; margin-top: 50px; }
.elec_a2 img { width: 100%; font-size: 0px; display: block; }
.elec_a3 img { width: 100%; font-size: 0px; display: block; }

.elec_a4 { height: 500px; }

.electricity_g { text-align: center; }
.electricity_g h2 { font-size: 30px; }
.electricity_g p { line-height: 25px; text-align: center; margin-top: 20px; }
.electricity_g h6 { margin-top: 45px; }


.electricity_lc { margin-top: 70px; }

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

  .electricity_w { padding-top: 18%; }
}


@media screen and (max-width:1000px) {
  .electricity_w { padding-top: 24%; }
}

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



@media screen and (max-width:768px) {
  .electricity_p { margin-top: 50px; }
  .electricity_lc { margin-top: 50px; }
  .electricity_w { padding-top: 30%; }
  .electricity_t .elec_t { width: 100%; }
  .electricity_t em { width: 100%; text-align: center; margin-top: 25px; }
  .electricity_t { padding-top: 30px; padding-bottom: 20px; }
  .electricity_t h6 { margin-top: 50px; }

  .hegiht80 { height: 40px; }
}


@media screen and (max-width:640px) {
  .electricity_t h6 { margin-top: 20px; }
  .electricity_w { padding-top: 65%; }
  .electricity_p h3 { font-size: 16px; letter-spacing: 2px; }
  .electricity_p { margin-top: 30px; }
  .electricity_p h2, .electricity_a h2, .electricity_f h2, .electricity_g h2, .electricity_h h2 { font-size: 20px; color:#333; }
  .electricity_a h2 { color:#fff;}
  .electricity_lc { padding-top:0px; }
}

@media screen and (max-width:320px) {
  .electricity_t, .electricity_t h6 { padding-top: 25px; }
  .electricity_w { padding-top: 70%; }
  .electricity_p h2, .electricity_a h2, .electricity_f h2, .electricity_g h2, .electricity_h h2 { font-size: 20px; }
  .electricity_p p, .electricity_a p, .electricity_f p, .electricity_g p, .electricity_h p { margin-top: 10px; }
  .hegiht80 { height: 20px; }
}



/*策划*/
.planning_w { margin-top: 70px; text-align: center; }
.planning_w h2 { font-size: 30px; }
.planning_w p { line-height: 25px; text-align: center; margin-top: 20px; }
.planning_w h6 { margin-top: 45px; }


.planning_t { background: url(../images/ts_01.jpg) no-repeat center top; background-size: cover; height: 844px; text-align: center; }
.planning_t h2 { font-size: 30px; color: #fff; padding-top: 12%; }
.planning_t p { line-height: 25px; text-align: center; margin-top: 20px; color: #fff; }

.planning_s { background: url(../images/ch_02.jpg) no-repeat center top; background-size: cover; height: 655px; text-align: center; }
.planning_s h2 { font-size: 30px; padding-top: 2%; }
.planning_s p { line-height: 25px; text-align: center; margin-top: 20px; }

.planning_f { background: url(../images/ch_03.jpg) no-repeat center top; background-size: cover; height: 683px; text-align: center; }
.planning_f h2 { font-size: 30px; padding-top: 2%; }
.planning_f p { line-height: 25px; text-align: center; margin-top: 20px; }

.planning_k { text-align: center; }
.planning_k h2 { font-size: 30px; padding-top: 2%; }
.planning_k p { line-height: 25px; text-align: center; margin-top: 20px; }

.planning_k h6 { padding-top: 50px; padding-bottom: 50px; }

.planning_z { background: url(../images/tw_68.jpg) no-repeat center center; background-size: cover; margin-top: 70px; position: relative; }
.planning_z3 ul li { width: 20%; float: left; text-align: center; padding: 16px 0px; cursor: pointer; }

.planning_z2 { background: #000; font-size: 18px; color: #FFF; position: absolute; width: 100%; z-index: 1; top: 200px; }

.planning_z_nr ul li { width: 20%; float: left; background: #fff; border-top: 1px solid #000000; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }


.planning_z3 ul .hover { float: left; text-align: center; width: 20%; background: #b50000; padding: 16px 0px; }

.planning_z_nr ul li:nth-of-type(2) { margin-left: 20%; }
.planning_z_nr ul li:nth-of-type(3) { margin-left: 40%; }
.planning_z_nr ul li:nth-of-type(4) { margin-left: 60%; }
.planning_z_nr ul li:nth-of-type(5) { margin-left: 80%; }



.planning_z_nr ul li h2 { font-size: 16px; font-weight: bold; text-align: center; }

.planning_z_nr ul li h3 { font-size: 16px; font-weight: bold; text-align: center; margin-top: 110px; }
.planning_z_nr ul li p { margin-top: 10px; line-height: 25px; height: 123px; overflow: hidden; }
.planning_z_nr dl dd { font-size: 14px; min-width: 50%; float: left; margin-top: 5px; }
.planning_z_nr dl { margin-top: 10px; height: 130px; }

.planning_768 { display: none; }

@media screen and (max-width:768px) {
  .planning_w { margin-top: 50px; }
  .planning_t { background: url(../images/ts_01.jpg) no-repeat center top; background-size: cover; height: 540px; text-align: center; }
  .planning_s { background: url(../images/ch_02.jpg) no-repeat center top; background-size: cover; height: 540px; text-align: center; }
  .planning_f { background: url(../images/ch_03.jpg) no-repeat center top; background-size: cover; height: 540px; text-align: center; }

  .planning_z { display: none; }
  .planning_768 { display: block; }

  .planning_768 { background: url(../images/tw_68.jpg) center center; margin-top: 70px; position: relative; padding-top: 25px; padding-bottom: 35px; }

  .planning_768 ul li { background: #FFF; padding: 15px; padding-top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 25px; }
  .planning_768 ul li h2 { font-size: 18px; padding: 15px; background: #000000; color: #FFF; text-align: center; }
  .planning_768 ul li h3 { font-size: 16px; font-weight: bold; text-align: left; margin-top: 20px; color: #222; }
  .planning_768 ul li p { line-height: 25px; margin-top: 15px; }
  .planning_768 ul li dl dt { font-size: 16px; font-weight: bold; text-align: left; margin-top: 10px; color: #222; margin-bottom: 15px; }
  .planning_768 ul li dl dd { min-width: 50%; float: left; margin-top: 5px; font-size: 14px; }
  .planning_768 ul li dl { margin-top: 25px; }
}


@media screen and (max-width:640px) {
  .planning_w { margin-top: 30px; }
  .planning_w h2, .planning_t h2, .planning_s h2, .planning_f h2, .planning_k h2 { font-size: 24px; }
  .planning_t { background: url(../images/ts_01.jpg) no-repeat center top; background-size: cover; height: 500px; text-align: center; }
}


@media screen and (max-width:320px) {
  .planning_w p, .planning_t p, .planning_s p, .planning_f p, .planning_k p { line-height: 20px; }
}



/*案例*/
.news_t { letter-spacing: -5px; margin-top:15px; margin-bottom:35px;}
.news_t ul li { width: 32%; padding: 25px; background: #FFF; box-sizing: border-box; -moz- box-sizing:border-box; -webkit- box-sizing:border-box; margin-right: 2%; margin-top: 20px; display: inline-block; letter-spacing: 0px; }
.news_t ul li em { height:210px; overflow:hidden; display:block; }
.news_t ul li em img { width: 100%; max-height:none !important; }
.news_t ul li h2 { font-size: 14px; color: #222; margin-top: 10px; }
.news_t ul li a:hover h2 { color: #b50000; }
.news_t ul li a:hover p { color: #b50000; }
.news_t ul li p { color: #999999; line-height: 22px; margin-top: 5px; font-size: 12px; padding-bottom: 10px; height: 61px; overflow: hidden; }
.news_t ul li span a { padding: 3px 8px; background: #222222; margin-right: 5px; border-radius: 5px; color: #FFF; margin-top: 5px; font-size: 12px; }
.news_t ul li span a:hover { background: #b50000; -webkit-transition-property: none; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 400ms; transition: 300ms; }
.news_t ul li h6 { font-size: 12px; margin-top: 15px; border-top: 1px solid #eaeaea; padding-top: 10px; }
.news_t ul li h6 i { vertical-align: middle; margin-right: 3px; }
.news_t ul li h6 u { margin-right: 20px; text-decoration: none; }

.news_tt { letter-spacing: -5px; margin-top:3px; margin-bottom:10px;}
.news_tt ul li { width: 32%; padding: 10px; background: #F5F5F5; box-sizing: border-box; -moz- box-sizing:border-box; -webkit- box-sizing:border-box; margin-right: 1%; margin-top:10px; display: inline-block; letter-spacing: 0px; }
.news_tt ul li em { height:100%; overflow:hidden; display:block; }
.news_tt ul li em img { width: 100%; max-height:none !important; }
.news_tt ul li h2 { font-size: 14px; color: #222; margin-top: 10px; text-align:center; }
.news_tt ul li a:hover h2 { color: #b50000; }
.news_tt ul li a:hover p { color: #b50000; }
.news_tt ul li p { color: #999999; line-height: 22px; margin-top:5px; font-size: 12px; padding-bottom: 10px; height: 61px; overflow: hidden; }
.news_tt ul li span a { padding: 3px 8px; background: #222222; margin-right: 5px; border-radius: 5px; color: #FFF; margin-top: 5px; font-size: 12px; }
.news_tt ul li span a:hover { background: #b50000; -webkit-transition-property: none; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 400ms; transition: 300ms; }
.news_tt ul li h6 { font-size: 12px; margin-top: 15px; border-top: 1px solid #eaeaea; padding-top: 10px; }
.news_tt ul li h6 i { vertical-align: middle; margin-right: 3px; }
.news_tt ul li h6 u { margin-right: 20px; text-decoration: none; }

.case_s { background: #FFF; padding: 25px; margin-top: 30px; margin-bottom:35px;}
.news_t ul li:nth-of-type(3n) { margin-right: 0%; }
.news_t h5 { margin-bottom: 50px; margin-top: 50px; text-align: center; }
.case_s ul { margin-bottom: 35px; text-align:center; }


.case_s { margin-top: 45px; padding-bottom: 80px;  }
.case_s ul li a { width: 33.3%; float: left; background: #eaeaea; padding: 12px 0px; font-size: 12px; border-right: 1px solid #FFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.case_s ul li a .news_bottom_w { background: url(../images/tw_84.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px; }
.case_s ul li a .news_bottom_t { background: url(../images/tw_67.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px; }
.case_s ul li a .news_bottom_s { background: url(../images/tw_83.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 8px; }
.case_s ul li a span { vertical-align: middle; }


.case_s ul li a:hover { background: #222222; color: #FFF; }
.case_s ul li a:hover .news_bottom_w { background: url(../images/tw_84_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.case_s ul li a:hover .news_bottom_t { background: url(../images/tw_67_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.case_s ul li a:hover .news_bottom_s { background: url(../images/tw_83_02.png) no-repeat center center; height: 15px; display: inline-block; width: 15px; vertical-align: middle; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_s p { line-height: 22px; margin-top: 5px; font-size: 15px; }

.case_s .sj_black { display: none; }
.case_s h1 { margin-bottom: 20px; font-size: 20px; color:#333; text-align:center;}

.news_w .case_span { background: none; }
.news_w .case_span a { margin-left: 10px; }

.news_w .case_span .fhlb { border: 1px solid #d9d9d9; padding: 5px 10px; }
.news_w .case_span .fhlb:hover { border: 1px solid #b70005; padding: 5px 10px; background: #b70005; color: #FFF; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top { margin-top: 35px; margin-bottom: 25px; }
.case_hd_top dl dd { width: 25%; float: left; padding: 10px 0px; font-size: 14px; border: 1px solid #CCC; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left: -1px; }

.case_hd_top dl .hover { color: #b50000; }

.case_hd_top dl dd .news_hd_ch { background: url(../images/tw_90.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 10px; }
.case_hd_top dl dd:hover .news_hd_ch { background: url(../images/tw_90_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top dl .hover .news_hd_ch { background: url(../images/tw_90_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }


.case_hd_top dl dd .news_hd_tp { background: url(../images/tw_91.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 10px; }

.case_hd_top dl dd:hover .news_hd_tp { background: url(../images/tw_91_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top dl .hover .news_hd_tp { background: url(../images/tw_91_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top dl dd .news_hd_sp { background: url(../images/tw_92.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 10px; }
.case_hd_top dl dd:hover .news_hd_sp { background: url(../images/tw_92_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top dl .hover .news_hd_sp { background: url(../images/tw_92_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }


.case_hd_top dl dd .news_hd_sj { background: url(../images/tw_93.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 10px; }
.case_hd_top dl dd:hover .news_hd_sj { background: url(../images/tw_93_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top dl .hover .news_hd_sj { background: url(../images/tw_93_02.png) no-repeat center center; width: 16px; height: 22px; display: block; display: inline-block; vertical-align: -4px; margin-right: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.case_hd_top dl dd:hover { color: #ce0404; cursor: pointer; }



.case_ch ul li { width: 23%; float: left; padding: 13px; background: #FFF; box-sizing: border-box; -moz- box-sizing:border-box; -webkit- box-sizing:border-box; margin-right: 2%; margin-top: 20px; }
.case_ch ul li em img { width: 100%; }
.case_ch ul li h2 { font-size: 16px; color: #222; margin-top: 10px; font-weight: bold; }

.case_ch ul li:hover { box-shadow: 0 2px 2px rgb(209, 209, 209); }

.case_ch ul li a p { height: 100px; overflow: hidden; }

.case_ch ul li a:hover h2 { color: #b50000; }
.case_ch ul li a:hover p { color: #b50000; }
.case_ch ul li p { color: #999999; line-height: 22px; margin-top: 5px; font-size: 12px; padding-bottom: 10px; }
.case_ch ul li span { font-size: 12px; margin-top: 10px; display: block; }
.case_ch ul li span a { padding: 3px 8px; background: #222222; margin-right: 5px; border-radius: 5px; color: #FFF; margin-top: 5px; font-size: 12px; }
.case_ch ul li span a:hover { background: #b50000; -webkit-transition-property: none; -webkit-transition: 300ms; -moz-transition: 300ms; }

.case_ch h5 { margin-bottom: 50px; margin-top: 50px; text-align: center; }


@media screen and (max-width:992px) {
    .news_t ul li em { height:190px; overflow:hidden; }
}


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

  .case_s { padding: 15px; margin-bottom: 25px; margin-top: 20px; }
  .case_s .pc_black { display: none; }
  .case_s .sj_black { display: block; }

  .case_ch ul li { width: 48%; }
  .news_t ul li { width: 48%; }
  .news_t ul li:nth-of-type(2n) { margin-right: 0px; }
  .news_t ul li:nth-of-type(3n) { margin-right: 2%; }
}


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

  .case_hd_top dl dd { width: 50%; margin-top: 5px; }
  .case_s p { line-height: 25px; margin-top: 20px; font-size: 14px; }
  .case_s ul { margin-bottom: 20px; }

  .news_t ul li { width: 100%; }
  .case_ch ul li { width: 100%; }

    .news_t ul li em { height:100%; display:block;  }

  .news_t h5 { margin-top: 30px; margin-bottom: 30px; }
}


/*首页*/

.home_w { padding-top: 70px; }
.home_w ul li { width: 50%; float: left; padding: 0 25px; border-right: 1px solid #eaeaea; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.home_w ul li a .home_wz h2 { font-size: 18px; color: #222; }
.home_w ul li a .home_wz p { font-size: 12px; margin-top: 10px; color: #666666; height: 35px; overflow: hidden; }
.home_w ul li dl { margin-top: 15px; }
.home_w ul li dl dd { width: 40%; margin: 0 5%; float: left; padding: 5px 0px; border-top: 1px solid #eaeaea; text-align: center; border-bottom: 1px solid #eaeaea; margin-top: -1px; font-size: 14px; }

.home_w ul li a { position: relative; }
.home_w ul li a:hover, .home_w ul li a:hover .home_wz h2, .home_w ul li a:hover .home_wz p { color: #b50000; }

.home_w ul li:last-child { border-right: 0px; }

.home_w ul li a .home_bj { background: url(../images/sy_01.png) no-repeat; width: 71px; height: 70px; position: absolute; }
.home_w ul li a .home_w1 { background-position: -0px -0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.home_w ul li a:hover .home_w1 { background-position: -73px -0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.home_w ul li a .home_w2 { background-position: -0px -71px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.home_w ul li a:hover .home_w2 { background-position: -73px -71px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.home_w ul li a .home_w3 { background-position: -0px -142px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.home_w ul li a:hover .home_w3 { background-position: -73px -142px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.home_w ul li a .home_w4 { background-position: -0px -213px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.home_w ul li a:hover .home_w4 { background-position: -73px -213px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }




.home_w ul li a .home_wz { padding-left: 85px; top: 0px; }
.home_t { margin-top: 70px; text-align: center; }




.home_t { position: relative; background: url(../images/tw_86.png) no-repeat right top; }
.home_t_wz { line-height: 70px; padding-right: 223px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #FFF; overflow: hidden; }
.home_t .home_t2 { position: absolute; right: 0px; top: 0px; }


.home_xw { margin-top: 60px; }
.home_xw ul li { position: relative; padding: 35px 0px; margin-top: 5px; }
.home_xw ul li a{text-decoration: none;}

@media screen and (max-width:640px) {
  .home_xw ul li { position: relative; padding: 0px 0px; margin-top: 5px; margin-bottom: 15px; }
}

/*.home_xw ul li:nth-of-type(2n) { background:#f6f6f6;}*/

.home_xw a .news_list_bj { height: 120px; position: absolute; top: 0px; width: 0px; z-index: -1; padding: 34px 0px; }
.home_xw a:hover .news_list_bj { background: #f6f6f6; height: 120px; position: absolute; top: 0px; width: 100%; z-index: -1; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }

.home_xw a .news_list_center h2 { padding-left: 0px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; }
.home_xw a:hover .news_list_center h2 { padding-left: 30px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; color: #000; }
.home_xw a:hover .news_list_center p { color: #666; }


.home_gd { text-align: center; padding-top: 30px; padding-bottom: 25px; background: #fff; }
.home_gd a { border: 1px solid #c9c9c9; padding: 10px 40px; border-radius: 20px; }
.home_gd a:hover { background: #9c0000; color: #FFF; padding: 10px 50px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; border: 1px solid #9c0000; }

.home_ljie { padding-bottom: 35px;}
.home_ljie h2 { background: url(../images/tw_88.png) no-repeat left center; padding-left: 25px; color: #333; float: left; }
.home_ljie { border-top: 1px solid #eaeaea; padding-top: 20px; margin-top: 45px; color: #afafaf; }
.home_ljie a { margin: 0 5px; color: #999999; }
.home_ljie p { line-height: 20px; }

.home_tr { background: url(../images/tw_89.png) no-repeat; width: 132px; height: 123px; position: absolute; right: 0px; }

#navarea #navs dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea #navs dt.on { width: 130px; }

#navarea2 #navs2 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea2 #navs2 dt.on { width: 130px; }

#navarea3 #navs3 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea3 #navs3 dt.on { width: 130px; }

#navarea4 #navs4 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea4 #navs4 dt.on { width: 130px; }

#navarea5 #navs5 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea5 #navs5 dt.on { width: 130px; }

#navarea6 #navs6 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea6 #navs6 dt.on { width: 130px; }

#navarea7 #navs7 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea7 #navs7 dt.on { width: 130px; }

#navarea8 #navs8 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea8 #navs8 dt.on { width: 130px; }

#navarea9 #navs9 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea9 #navs9 dt.on { width: 130px; }

#navarea10 #navs10 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea10 #navs10 dt.on { width: 130px; }

#navarea11 #navs11 dt { white-space: nowrap; display: inline-block; width: 130px; float: none; }
#navarea11 #navs11 dt.on { width: 130px; }

.nav_w1 { width: 100%; }
.nav_w2 { white-space: nowrap; }


@media screen and (max-width:980px) {
  #navarea #navs dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea #navs dt.on { width: 110px; }

  #navarea2 #navs2 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea2 #navs2 dt.on { width: 110px; }

  #navarea3 #navs3 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea3 #navs3 dt.on { width: 110px; }

  #navarea4 #navs4 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs4 dt.on { width: 110px; }

  #navarea4 #navs5 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs5 dt.on { width: 110px; }

  #navarea4 #navs6 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs6 dt.on { width: 110px; }

  #navarea4 #navs7 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs7 dt.on { width: 110px; }

  #navarea4 #navs8 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs8 dt.on { width: 110px; }

  #navarea4 #navs9 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs9 dt.on { width: 110px; }

  #navarea4 #navs10 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs10 dt.on { width: 110px; }

  #navarea4 #navs11 dt { white-space: nowrap; display: inline-block; width: 110px; float: none !important; }
  #navarea4 #navs11 dt.on { width: 110px; }

  .nav_w1 { width: 100%; overflow-y: hidden; }
  .nav_w2 { white-space: nowrap; }
}


.home_d { /*background:#f6f6f6;*/ padding-top: 10px; margin-top: 20px; }
.home_d2 { position: relative; background: url(../images/tw_86.png) no-repeat left top; min-height: 70px; }
.home_d2 em { display: block; position: absolute; }
.home_d2 p { background: #fff; line-height: 70px; font-size: 18px; text-align:center;}

.home_d3 { margin-top: 10px; background: #f6f6f6; padding-top: 10px; padding-bottom: 15px; }
.home_d3 ul li { width: 23%; margin-right: 2%; float: left; }
.home_d3 ul li img { width: 100%; }
.home_d3 ul li:last-child { margin-right: 0px; }

.home_d33 { margin-top: 10px; background: #f6f6f6; padding-top: 10px; padding-bottom: 15px; }
.home_d33 ul li { width: 10%; margin-right: 2%; float: left; margin-top:10px; }
.home_d33 ul li img { width: 100%; }
.home_d33 ul li:last-child { margin-right: 0px; }

@media screen and (max-width:990px) {
  .home_w { padding-top: 50px; }
  .home_w ul li { width: 50%; float: left; padding: 0 25px; border-right: 1px solid #eaeaea; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 35px; }
  .home_w ul li:nth-of-type(2n) { border-right: 0px; }
  .home_d3 { margin-top: 20px; }
}

@media screen and (max-width:990px) {
  .home_t_wz { line-height: 35px; }
  .home_t { margin-top: 50px; }
  .home_gd { padding-top: 30px; }
  .home_d2 p { font-size: 16px; height: 70px; }
}

@media screen and (max-width:768px) {
  .home_d2 p { font-size: 16px; height: 70px; line-height: 35px; }
}

@media screen and (max-width:640px) {
  .home_gd a { padding: 8px 20px; }
  .home_xw a .news_list_bj { height:49px; position: absolute; top: 0px; width: 0px; z-index: -1; padding: 10px 0px; }
  .home_xw a:hover .news_list_bj { background: #f6f6f6; height: 49px;  }


  .home_d2 p { padding-left: 0px; padding-top: 85px; font-size: 14px; background: none; line-height: 23px; }
  .home_t_wz { padding-right: 0px; background: none; }
  .home_t_wz h2 { padding-top: 85px; font-size: 14px; background: none; text-align: left; }
  .home_t_wz h2 { font-size: 14px; }
  .home_t_wz { line-height: 25px; }
  .home_t { margin-top: 30px; }
  .home_xw { margin-top: 10px; }
  .home_gd { padding-top:35px; padding-bottom: 35px; }
  .home_d { padding-top:10px; margin-top: 10px; }
  .home_d3 ul li { width: 49%; float: left; background: #000;margin-right: 2%; margin-top: 2%; }
  .home_d3 { padding-top: 10px; padding-bottom: 10px; }
  .home_d3 ul li:nth-of-type(2n) { margin-right: 0%; }
  .home_w ul li .home_wz { display: none; }
  .home_w ul li dl dd { display: none; }
  .home_w ul li { height: 65px; text-align: center; }
}

  @media screen and (max-width:480px) {
    .home_w { padding-top: 10px; }
    .home_w ul li { float: left; padding: 0 25px; border-right: 1px solid #eaeaea; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 35px; }
    .home_w ul li { border-right: 0px; }
    .home_t_wz { line-height: 25px; }
    .home_ljie { margin-top: 10px; }
    .home_d { margin-top: 0px; }
    .home_d3 { margin-top: 0px; }
  }




.shooting_t { background: url(../images/z_quan.gif) no-repeat center center; background-size: cover; width: 100%; height:798px; position: relative; }
.shooting_t ul li { width:50%; float:left; position:relative; display:block; height:798px;}
.shooting_t ul li p { top:50px; color:#fff; font-size:25px; left:0px; background:url(../images/z_yq.png) no-repeat center center; width:299px; height:330px; text-align:center; position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s;}
.shooting_t ul li .shooting_t_em01 { background:url(../images/z_yq2.png) no-repeat center center; width:299px; height:330px; text-align:center; position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto;}
.shooting_t ul li .shooting_t_em02 { background:url(../images/z_yq3.png) no-repeat center center; width:299px; height:330px; text-align:center; position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto;}

.shooting_t ul li:hover p {  animation: btnRotate 3.5s linear infinite; -webkit-animation: btnRotate 3.5s linear infinite; -moz-animation: btnRotate 3.5s linear infinite; -o-animation: btnRotate 3.5s linear infinite; -all-animation: btnRotate 3.5s linear infinite; }


@keyframes btnRotate {
    0% { transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -all-

transform: rotateZ(0deg); }
    100% { transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -

all-transform: rotateZ(360deg); }
}
@-webkit-keyframes btnRotate {
    0% { transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -all-

transform: rotateZ(0deg); }
    100% { transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -

all-transform: rotateZ(360deg); }
}
@-moz-keyframes btnRotate {
    0% { transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -all-

transform: rotateZ(0deg); }
    100% { transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -

all-transform: rotateZ(360deg); }
}

.shooting_k { display:none;}

@media screen and (max-width:1300px) {
    .shooting_dh { top: 60%; }
  }


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

  .shooting_t { display:none;}

  .shooting_k { display:block;}
  .shooting_k { background: url(../images/z_sy3.gif) no-repeat center center; background-size: cover; width: 100%; height:518px; position: relative; }
  .shooting_k img { font-size: 0px; display: block; width: 100%; }
  .shooting_k em { display: block; }
  .shooting_k2 { position: absolute; top: 46%; left: 0px; text-align: center; width: 100%; }
  .shooting_k2 ul li { display: inline-block; margin: 0px 15px; }
  .shooting_k2 ul li a { color: #fff; font-size: 23px; }


    .shooting_dh { display: none; }
  }


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

    .shooting_t2 ul li a { color: #fff; font-size: 18px; }


  }


  .fooder_ljia { background: #000; font-size: 0px; display: block; padding-top: 25px; position: relative; z-index: 2; }
  .fooder_ljia_left { width: 30%; float: left; margin-bottom: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: 8%; }
  .fooder_ljia ul { border-right: 1px solid #0d0d0d; }
  .fooder_ljia ul li { color: #FFF; font-size: 12px; margin: 30px 0px; }
  .fooder_ljia ul li img { margin-right: 15px; vertical-align: middle; }

  .fooder_ljia_right { float: right; width: 62%; text-align: right; font-size: 12px; margin-bottom: 25px; }
  .fooder_ljia_right em { margin: 30px 0px; display: block; margin-bottom: 10px; }
  .fooder_ljia_right p { text-align: right; line-height: 25px; color: #949494; }
  .fooder_ljia_right p a { padding: 0 10px; border-right: 1px solid #2b2b2b; color: #949494; }
  .fooder_ljia_right p a:hover { color: #b50000; }

  .fooder_ljia_db { line-height: 25px; background: #000; color: #fff; text-align: center; z-index: 2; position: relative; }
  .fooder_ljia_db p { padding: 0 15px; text-align: center; border-top: 1px solid #0d0d0d; line-height: 20px; color: #d9d9d9; padding-top: 10px; padding-bottom: 10px; font-size: 12px; }
  .fooder_ljia_db a { margin-right: 15px; color: #fff; }
  .fooder_ljia_db a:hover { margin-right: 15px; color: #c8000b; }
  .fooder_39 { margin-top: -39px; }


  @media screen and (max-width:992px) {
    .fooder_ljia ul li { margin: 20px 0px; line-height: 25px; }
    .fooder_ljia_left { width: 100%; margin-bottom: 10px; }
    .fooder_ljia ul { border-right: 0px; }
    .fooder_ljia_right { width: 100%; text-align: left; }
    .fooder_ljia_right p { text-align: left; }
    .fooder_ljia_right em { margin-top: 0px; }
    .fooder_39 { padding-top: 40px; background: #000; }
  }


  .footer_phone { height: 50px; }
  .footer_phone_left i { vertical-align: top; margin-right: 5px; display: inline-block; margin-top: 4px; }
  .footer_phone_left span { vertical-align: top; display: inline-block; }
  .footer_phone_left i img { width: 20px; height: 20px; }
  .footer_phone_lm { width: 100%; position: fixed; width: 100%; bottom: 0px; z-index: 999999; letter-spacing: -4px; }
  .footer_phone_left { background: #b50000; display: inline-block; width: 100%; text-align: center; height: 50px; line-height: 50px; font-size: 14px; color: #fff; letter-spacing: 0px; }
  .footer_phone_right { background: #000000; display: inline-block; width: 50%; text-align: center; height: 50px; line-height: 50px; font-size: 14px; color: #fff; letter-spacing: 0px; }
  .footer_phone_left span { color: #fff; }
  .footer_phone_left:hover span { color: #fff; }

  .footer_phone_right .swtLinkCounter { position: absolute; top: 10px; margin-left: -18px; width: 14px; height: 14px; margin-right: 5px; line-height: 13px; text-align: center; font-size: 9px; display: inline-block; background-color: hsl(355, 100%, 45%); -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 3px hsla(0, 0%, 0%, 0.8); box-shadow: 0 0 3px hsla(0, 0%, 0%, 0.8); z-index: 3; font-style: normal; }



  @media screen and (min-width:640px) {
    .footer_phone { display: none; }
  }


  .business ul { width: 100%; }
  .business ul li { display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 12.5%; text-align: center; margin-top: 25px; }
  .business ul li img { border: 0px solid #eaeaea; }


  @media screen and (max-width:1100px) {
    .business ul li { width: 25%; }
  }

  @media screen and (max-width:640px) {
    .business ul li { width: 50%; }
  }


  .law_box { padding-top: 115px; padding-bottom: 50px; }
  .law_w h1 { text-align: center; font-size: 18px; font-weight: bold; }
  .law_w p strong { color: #333; margin-top: 30px; display: block; }
  .law_w p { font-size: 15px; margin-top: 10px; line-height: 28px; text-align: justify; }

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

    .law_box { padding-top: 80px; padding-bottom: 30px; }
  }



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

  .home_d2 i { display:none;}
  .home_t2 i { display:none;}
  .home_w_phone { display:none;}
  .home_d2 span { display:none;}
  .home_t2 span { display:none;}

  .video_width { margin-top:30px; margin-left:10%; margin-right:10% ;}

}


.plane_01 { background:url(../images/tw_06.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:440px;}
.plane_02 { background:url(../images/tw_59.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:381px;}
.plane_404 { background:url(../images/404.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:440px;}
.plane_03 { background:url(../images/tw_19.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:440px;}
.plane_04 { background:url(../images/tw_55.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:440px;}
.plane_05 { background:url(../images/tw_27.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:440px;}

.photography_z ul li p { margin-top:15px; font-size:16px;}


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

.home_ljie { display: none; }
.fooder_ljia { display: none; }
.fooder_ljia_db { display: none; }
.home_d2 p { display:none;}
  .home_d2 em img { width:180px;}
  .home_d2 {  min-height:55px; font-size:20px; color:#fff; display:block;}
  .home_d2 i { display:block;  text-align:center; color:#333; font-size: 20px; margin-top:10px; font-weight:bold;}
  .home_d2 span {  text-align: center; font-family: "宋体"; letter-spacing:3px; text-transform:uppercase; text-align:center; font-size:12px; color:#999; display:block; margin-top:2px;}
  .home_d2 em img { display:none;}
  .home_d2 { background:#fff;}
  .home_d3 { padding-top:0px; padding-bottom:25px;}
  .home_d4 { display:none;}
  .home_t .home_t2 img { display:none; }
  .home_t { background:#b50000;}
  .home_xw ul { margin-top:20px;}
  .home_xz {     padding-top: 20px; padding-bottom: 30px; }
  .home_t2 i { display:block; text-align:center; width:100%;}
  .home_t .home_t2 { position:relative;}
  .fooder_dh { display:none;}
  .fooder_39 { margin-top:0px; padding-top:0px;}
  .map_box { display:none;}
  .main_978 { width:94%;}
  .plane_w ul { margin-left:-15px; margin-right:-15px;}
  .plane_w ul li h2 { font-size: 16px; font-weight: normal; font-weight:normal;}
  .plane_w ul li a { padding: 10px 0px;display: block;}
  .plane_t h2 { font-size: 20px; color:#333;}
  .plane_s { margin-bottom:0px;}
  .plane_yw img { display:none;}
  .plane_s { background:none;}
  .plane_yw { margin-top:30px;}
  .plane_w ul li span { font-size:8px;}
  .process_nav a { margin: 0 6px; }
  .process { margin-bottom:20px;}
  .process_w2 { padding-bottom:30px;}
  .business ul { margin-top:15px;}
  .electricity_w { display:none;}
  .business ul li { width:21%; margin-left:2%; margin-right:2%; margin-top:10px;}
  .plane_01 { background:url(../images/tw_06.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:160px;}
  .plane_02 { background:url(../images/tw_59-1.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:160px;}
  .plane_404 { background:url(../images/404.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:160px;}
  .plane_03 { background:url(../images/tw_19.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:160px;}
  .plane_04 { background:url(../images/tw_55.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:160px;}
  .plane_05 { background:url(../images/tw_27.jpg) no-repeat no-repeat center top; background-size:cover; width:100%; min-height:160px;}

  #navarea, #navarea2, #navarea3, #navarea4, #navarea5, #navarea6, #navarea7, #navarea8, #navarea9, #navarea10, #navarea11 { height:80px;}
  #navarea #navs .hover { height:80px;}

#navarea dl, #navarea2 dl, #navarea3 dl, #navarea4 dl, #navarea5 dl, #navarea6 dl, #navarea7 dl, #navarea8 dl, #navarea9 dl, #navarea10 dl, #navarea11 dl { height:80px;}

  #navs h2, #navs2 h2, #navs3 h2, #navs4 h2, #navs5 h2, #navs6 h2, #navs7 h2, #navs8 h2, #navs9 h2, #navs10 h2, #navs11 h2 { padding-top:5px;}
  #nav span, #nav2 span, #nav3 span, #nav4 span, #nav5 span, #nav6 span, #nav7 span, #nav8 span, #nav9 span, #nav10 span, #nav11 span { margin-top:2px;}

  .electricity_t .elec_t h2 { font-size:18px;}
  .electricity_t .elec_t i { height:3px;}
   #nav { margin-top:10px;}
  .electricity_t { padding-top:15px;}
  .electricity_t .elec_t p { margin-top:15px;}
  .electricity_lc { margin-top:30px;}
  .elec_a4 { height:360px;}
  .photography_a ul li { width:100%; margin-top:25px;}
  .photography_a { margin-top:0px;}
  .photography_a ul li h2 { font-size:16px; font-weight:bold;}
  .photography_a ul li dl { height:160px;}
  .teamwork_02 { margin-top:30px;}
  .public_tbu { margin-top:30px;}
  .photography_k ul li { width:100%; margin-top:25px;}
  .photography_k { margin-top:0px;}
  .photography_z { margin-top:30px;}
  .photography_z h2 { padding-top:25px; font-size:20px;}
  .photography_z ul { margin-top:20px;}
  .photography_xiant { padding-bottom:30px;}
  .photography_z ul li p { margin-top:10px; font-size:14px;}
  .photography_z ul li { padding-bottom:20px;}
  .produce_a p {
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
  }
  .produce_a { padding-bottom:0px; margin-top:30px;}
  .public_wz { margin-top:30px;}
  .produce_f { margin-top:25px;}
  .plane_t p { margin-top:15px; }
  .activity_w { margin-top:0px;}
  .activity_w ul li a { padding:0px 18px; margin-top: 70px; }
  .activity_w ul li p { min-height:80px;}
  .activity_t h2 { font-size:20px; color:#333;}
  .activity_w ul li h2 { color:#333;}
  .activity_p h2, .activity_a h2, .activity_s h2 { font-size:22px; color:#333;}
  .planning_768 { margin-top:30px; padding-top:4px;}
  .planning_w h2, .planning_t h2, .planning_s h2, .planning_f h2, .planning_k h2 { color:#333;}
  .planning_t h2 { font-size: 24px; color: #fff; padding-top: 20%; }

  .news_w { padding-top:55px; padding-bottom:12px;}
  .news_w ul li .hover { padding-bottom:12px; }
  .news_w ul li a:hover  { padding-bottom:12px;}
  .news_t { margin-top:5px; margin-bottom:25px;}

  .home_w ul li a { background:url(../images/sz_01.png) no-repeat center center; display:block; height:69px; padding-right:0px; margin-right:0px;}
  .home_w ul li:nth-of-type(2) a { background:url(../images/sz_02.png) no-repeat center center; display:block; height:69px; padding-right:0px; margin-right:0px; }
  .home_w ul li:nth-of-type(3)  a{ background:url(../images/sz_03.png) no-repeat center center; display:block; height:69px; padding-right:0px; margin-right:0px; }
  .home_w ul li:nth-of-type(4)  a{ background:url(../images/sz_04.png) no-repeat center center; display:block; height:69px; padding-right:0px; margin-right:0px; }
  .home_w ul li { margin-top:25px;}
  .home_w ul li a .home_bj { background:none; width:100%;}
  .news_t .main { padding-left:0px; padding-right:0px;}
  .news_w .main,.news_w .main_xuan,.case_box .main_xuan { padding-left:0px; padding-right:0px;}



  .news_t ul li { display:block;}
  .news_w ul li a { padding: 0 11px; }
  .news_t ul li { padding:20px;}
  .case_s h1 { font-size:16px;}
  .case_box .main { padding-left:0px; padding-right:0px; }
  .news_list ul { margin-top:20px;}
  .home_w_phone { display:block; margin-top:0px;}
  .home_w_phone ul li { float:left; width:50%;}
  .home_w { display:none;}
  .home_d3 { background:none;}
  .home_back { background:#f6f6f6;}
  .home_t {  background:#fff;}
  .home_t2 i { font-size: 20px; font-weight:bold;
    text-align: center;
    margin-top: 30px; color:#333; display:block;}
  .home_t2 span { text-transform:uppercase; letter-spacing: 3px;  font-size:12px; color:#999; font-family:"宋体";}
  .plane_t { margin-top: 25px; }
  .plane_s ul { padding-bottom:20px; }
  .public_tbu h2 { font-size:20px; color:#333;}
  .teamwork_02 h2 { font-size:20px;}
  .public_tbu p { line-height:22px; margin-top:10px;}
  .produce_p h2 { font-size:20px;}
  .produce_p p { margin-top:15px;}
  .produce_a { padding-bottom:25px;}
  .produce_a h2 { font-size:20px; color:#333; margin-bottom: 15px;}
  .produce_a em { margin-top:35px;}
  .activity_t ul li h3 { font-size:14px;}
  .activity_t { margin-top:10px;}

  .produce_w { padding-bottom:25px;}
  .banenr3 { padding-top:70px;}
  .banenr3 p { line-height:23px; margin-top:15px;}


  .news_w {  overflow-y:hidden; letter-spacing:-5px; font-size:0px;}
  .news_w li { display:inline-block; vertical-align:top; white-space:nowrap; background:#e2e2e2; width:30%; font-size:14px; letter-spacing:0px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; padding:5px; margin-left:2.5%; margin-top:2%; text-align:center;}
  .news_w li a{ color:#000; display:block;}
  .news_w ul li .hover { border-bottom:none; color:#333;}
  .news_w ul li a:hover { border-bottom:none; color:#333; }
  .activity_t {  padding:25px 0px; margin-top:20px;}
  .activity_zxing { padding-top:0px; padding-bottom:5px;}
  .activity_t ul li h3 { height:35px; line-height:35px; }
  .electricity_t { padding-bottom:0px;}

  .home_gd a:hover { background: #9c0000; color: #FFF; padding:8px 20px; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; transition: 0.8s; border: 1px solid #9c0000; }

    .video_width { margin-top:20px; margin-left:0%; margin-right:0% ;}
  }
  
.zx_late{ margin-top: 30px; padding-bottom: 20px; text-align: center; }
.zx_late .s_page{ width:50%; float:left;}

.pagess {clear: both; margin:10px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #999;padding: 2px 3px; margin: 0 2px;line-height:20px;background:#fff;color:#666}
.pagess ul li:hover{ background:#666; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #999;padding: 2px 3px; margin: 0 2px;background: #666;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#666}
.pagess ul li a:hover {color: #fff;}
.clearfix {
    clear: both;
}
nav {
    font-family: Helvetica;
    text-align: right;
    text-transform: uppercase;  
}

nav ul {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    list-style-type: none;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    color: #9d9d9d;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 2em;
    box-sizing: border-box;
}

nav ul li a:hover {
    color: white;
}

.current_page {
    background-color: black;
}

.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}

/* Responsive for smaller screens */

@media (max-width: 760px) {
    #menu_button_wrapper{
        display: block;
        padding: 0em;
        color: #9d9d9d;
        border-bottom: 0px solid #101010;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        margin-bottom: 0em;
    }
    
    #menu_button { margin-top:6px;
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    #menu_button:hover {
        cursor: pointer;
        background-color: #333;
    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 3.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    nav ul li {
        display: block; background-color: #222; 
    }
    
    nav ul li a {
        width: 100%; padding:1em; padding-right:20px;
    }

}

.szhctags { text-align:left; margin-top:10px; padding-bottom:50px;}
.szhctags a {text-align:center; padding:2px 5px 2px 5px; margin:5px; font-size:12px; color:#666; border:1px solid #ccc; border-radius:2px; float:left;}
.szhctags a:hover {text-align:center; padding:2px 5px 2px 5px; margin:5px; color:#fff; border:1px solid #ffde00; background-color:#f38001;}

.sy_solution { width: 100%; }
.sy_solution h3 { width: 100%; background: url(solution_ico.png) no-repeat left center; padding-left: 57px; text-align: left; font-size: 30px; color: #000; margin-bottom: 25px; }
.sy_solution dl { overflow: hidden; position: relative; margin-bottom: 15px; border-bottom:1px solid #D8D8D8; padding-bottom:10px; }
.sy_solution dl h4 { font-size: 18px; line-height:40px; margin-bottom: 10px; font-weight: normal; color: #00132b; }
.sy_solution dt { margin-right: 1.5em; width: 162px; height: 118px; text-align: center; overflow: hidden; float: left; }
.sy_solution dd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; line-height: 22px; font-size: 14px; color: #666; overflow: hidden; }

@media screen and (max-width: 1222px) { .myqqnone{display:none; }
}