@import "grid.css";
/* Header */
#topbox{height:32px; line-height:32px; color:#999; font-size:12px; border-bottom:1px solid #ddd; overflow:hidden}
#topbox span.icon_tel{float:right; color:#C90003}
#topbox span.icon_tel:before{padding-right:5px;display:inline-block;content:" 070"; margin-top:-2px;font-size:22px;line-height:26px}
#topbox span.icon_tel i{font-family:"Times New Roman", serif; font-size:20px;}
header{position: relative;width:100%; height:89px;left:0; top:0; right:0; margin:0 auto; background:#1d1d1d;z-index:30000;}
.stuck_container{position:fixed; background:rgba(255,255,255,0.85);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
header h1{float:left;display:block}
header h1 span{font-size:18px; border-left:1px solid #000; margin-left:10px;padding:10px}
header h1 img{ width:121px}
header h1 img,header h1 span,.sf-menu a{transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.header{background:#1d1d1d;height:89px;}

.isStuck #topbox{display:none}
.isStuck.stuck_container{background:none; height:auto;-webkit-box-shadow: none;box-shadow:none;} 
.isStuck .header{width:100%;background:#fff;position:fixed;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
.isStuck h1 img{width:100px}
.isStuck h1 span{ font-size:16px}
.isStuck .sf-menu > li{height:62px}
.isStuck .sf-menu a{padding:5px 20px; height:32px; margin-top:15px}
.isStuck .sf-menu > li > ul{top:62px}
/* Menu */
nav{position:relative;float:right; display:inline-block;}
#m_menu{display:none}
.sf-menu{position:relative; z-index:1}

@media screen and (min-width: 1200px) { 
.logo{float:left;display:block;width:133px;height: 89px;}
.logo img{margin-top:10px;}
.sf-menu > li {float:left;text-align:center; position:relative; height:89px; width:133px;}

.sf-menu a{/* padding:5px 20px;  */height:89px; /* margin-top:25px; */font-size:18pt; /* border-radius:2px; */ display:block;color:#e0e1e3;line-height:89px;}

.sf-menu > li > ul{opacity:0;visibility:hidden;background:#e4007e;position:absolute; left:0;top:89px;text-align:left;/* padding:20px 0 10px; */z-index:1; width:133px;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s}
.sf-menu > li > ul  :hover .type{background:#e4007e;color:#ffffff}
.sf-menu > li > ul > li{float:left;text-align:center; position:relative; height:42px;line-height:42px; width:133px;border-top: 1px solid #ff40a8;font-size: 14pt;}
.sf-menu > li > ul > li a{width:133px;display:block;color:#e0e1e3;height: 42px;line-height:42px;display:block;}
.sf-menu > li > ul > li:hover{background:#c8026f;color:#e0e1e3}
.sf-menu > li.cur ul li a:hover{color:#fff}
.snav:hover .type  a{background:#e4007e;color:#ffffff}
.hover  a{background:#e4007e;color:#ffffff}
} 

.sf-menu > li.cur a,.sf-menu > li a:hover{background:#e4007e;color:#ffffff}
.sf-menu > li:nth-last-of-type(1) > ul{left:inherit; right:0}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0;}
.sf-menu ul > li{float:left; margin:0; line-height: normal; width:50%;}
.isStuck .sf-menu ul a,.sf-menu ul a{font-size:14pt; display:inline-block; background:none; color:#fe9900; /* padding:5px 0 5px 15px;margin:5px 0; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.isStuck .sf-menu ul a:hover,.sf-menu ul a:hover{/* padding:5px 20px; */ color:#fff; background:none; /* margin:5px 0 */}


#tooltip{position: absolute;margin-left: -215px;margin-top:-170px;}
/* footer */


/* about */

.textC{text-align:center;}


@media screen and (min-width: 1200px) { 
.logo{float:left;display:block;width:133px;height: 89px;}
.logo img{margin-top:10px;}
.pcnone{display:none}
footer{margin-top: 80px;width: 100%; background: #444444}
#link-bottom{width: 960px;height: 84px;margin-right: auto;margin-left:auto;padding: 30px 0;border-bottom: 2px solid #fff;}
#link-bottom li{/*width: 700px;*/float: left;color: #fff;height: 100%;line-height: 30px;font-size: 10pt; padding:0 15px;}
  #link-bottom li:nth-child(2n){width: 20px;} 
/* #link-bottom li{width: 220px;} */
#link-bottom li a{display: block;height: 100%;color: #fff;}
.right-margin-0{margin-right: 0 !important;}

.dizhi{width: 950px;margin-right: auto;margin-left:auto; color:#fff; margin-top:20px;padding-bottom: 20px; }
.dizhi p{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;}

.qing{margin-left:auto;margin-right:auto;}




#title{color: #333;font-size: 30pt; margin: 82px 0 22px 0;height:32px;letter-spacing:5px;}
.typenav{color: #333;font-size: 30pt; margin: 82px 0 22px 0;height:32px;letter-spacing:5px;float:left;}
.lside{float:left;width:294px}
.lside .line{width: 175px;height: 1px;background: #333;}
.walk-nav{margin-top: 22px;width: 100%;}
.walk-nav li{width: 100%;margin-top: 28px;font-size: 16pt;}
.walk-nav li:first-child{margin-top: 0;}
.walk-nav li a{color: #666;display: inline-block;width: 52%;}
.choice-nav{color: #e4007e !important;background: url("images/arrow.png") no-repeat;background-position:center right; }
.walk-nav li a:hover{color: #e4007e !important;background: url("images/arrow.png") no-repeat;background-position:center right; }

.rside{width:880px;float:right;}

.info{font-size:16pt;}
.info p{line-height:24pt;}
/* honor  */
#honor,#group{width: 100%;}
#honor li{/*width: 410px;*//*height: 220px;*/width: 360px;float: left;margin-bottom: 52px;}
#group li{width: 220px;float: left;margin-bottom: 36px;margin-left: 40px;}
#honor li a,#group li a{display: block;}
#honor li a .img-show,#group li a .img-show{width: 100%;height: 220px;overflow: hidden;}
#honor li:nth-child(2n){margin-left: 20px;}
#group li:nth-child(3n-2){margin-left: 0px;}
.intro{margin-top: 20px;color: #333;font-size: 14pt;}
.reset-intro,.branch-intro{margin-top: 0px !important;background: #009be0;height: 40px;line-height: 40px;color: #fff;}

/* zongbu */

.zongbu{width:100%;}
.zongbu ul  li{float:left;overflow: hidden;margin-bottom:32px;}
.zongbu ul  li img{width:100%;}
.manage-img-show{float:left;background:#eee}

.zongbu ul li:nth-child(1) .desc{width:100%;float:left;height:130px;background: #009be0;}
.zongbu ul li:nth-child(1){width:564px;height:524px;margin-right:28px;margin-bottom:32px;}
.zongbu ul li:nth-child(2){margin-bottom:20px;}
.zongbu ul li:nth-child(2),.zongbu ul li:nth-child(3),.zongbu ul li:nth-child(4),.zongbu ul li:nth-child(5),.zongbu ul li:nth-child(6){width:250px;height:252px;}
.zongbu ul li:nth-child(5) ,.zongbu ul li:nth-child(6){margin-left:46px;}
.zongbu ul li:nth-child(1) .manage-img-show{width:100%;height:394px;}
.zongbu ul li:nth-child(2) .manage-img-show,.zongbu ul li:nth-child(3) .manage-img-show,.zongbu ul li:nth-child(4) .manage-img-show,.zongbu ul li:nth-child(5) .manage-img-show,.zongbu ul li:nth-child(6) .manage-img-show{width:100%;height:199px}
..zongbu ul li:nth-child(2) .desc,.zongbu ul li:nth-child(3) .desc,.zongbu ul li:nth-child(4) .desc,.zongbu ul li:nth-child(5) .desc,.zongbu ul li:nth-child(6) .desc{width:100%;float:left;height:53px;background: #009be0;}
.zongbu ul li:nth-child(1) .desc-title{text-align:left;font-size: 16pt;}
.desc-title{font-size: 18pt;color:#ffffff;text-align:center;padding:15px 25px; }
.desc-content{line-height: 24px;font-size: 14pt;color:#ffffff;padding:0 25px}
.zongbu ul li :hover .desc{background:#e4007e }

/* fenzhi */
.fenzhi{width:100%;}
.fenzhi ul li{float:left;height:310px;overflow:hidden;width:200px;margin-bottom:14px;}
.fenzhi ul .f2,.fenzhi ul .f9{margin-left:20px;margin-right:20px;}
.f4,.f5,.f6,.f11,.f12,.f13{margin-right:20px;}
.fenzhi ul .f1,.f3{width:200px;}

.fenzhi ul .f2 ,.fenzhi ul .f9{width:419px;height:310px;}
.fenzhi ul .f15,.fenzhi ul .f16{width:49%;}
.fenzhi ul .f15{margin-right:2%;}
.manage-img-show{height:194px;background:#ccc;width:100%; text-align:center;overflow: hidden;}
.f4 .desc,.f5 .desc,.f6 .desc,.f7 .desc,.f11 .desc,.f12 .desc,.f13 .desc,.f14 .desc{background: #e4007e;}

.fenzhi ul li .desc{width:100%;float:left;height:116px;background: #009be0;}


.desc-title1{font-size: 14pt;color:#ffffff;text-align:center;padding:18px 25px 10px 25px; }
.desc-content1{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;height:40px;overflow:hidden;}


/* newslist */
 .block_line,.block_line_1{margin:22px auto;height:1px; background:#333333; width:100%;  overflow:hidden;}
 .surch{width:444px;float:right;margin: 78px 0 22px 0;height:36px;color:#717171;}
.surch input{height:36px;line-height:36px;border-radius:4px;}
.surch .sbn{display:block;height:34px;border-radius:2px;margin-right:1px;margin-top:1px;}
#searchform{position:relative;}
#searchform input{width:100%; height:36px; padding:0 10px; border:1px solid #ddd}
#searchform a{ position:absolute; top:0; right:0; z-index:1;  color:#fff; cursor:pointer; padding:5px 20px; background:url(images/soso.png)no-repeat center #e4007e}
#searchform a:hover{ background:url(images/soso.png)no-repeat center #c8026f}

.newslist {overflow: hidden;}
.newslist ul li{ border-bottom:1px solid #333333;margin-bottom:40px; float: left; padding-bottom: 40px;}
.monthT{float:left;width:30%;font-size:32pt;color:#666666;display:block;margin-top: 10px;}
.monthT i{line-height: 40px;font-size: 32px}
.monthT .tpic{width: 250px;height:126px;margin-top: 45px;}
.monthT .tpicw{width: 250px;height:126px;margin-top: 20px;}

.rTitle{float:right;width:64%;}
.rTitle .article{font-size:24pt;color:#333333;display: block;line-height: 35px;margin-top:10px;}
.rTitle .article:hover{color:#e4007e;}
.rTitle .date{width:100%;display:block;font-size:14pt;color:#666666;margin:20px 0; }
.rTitle p{font-size:18px;line-height:30px;}
.rTitle .more{color:#e4007e;width:100%;display:block;font-size:18px;font-weight:bold;margin-top:15px}


/* view */
.containV{width:1138px;margin:0 auto;}
.return{float:right;margin: 82px 0 22px 0;height: 32px;padding-top:10px;}
.return a{color:#666666;font-size:16pt;}
.return a:hover{color:#e4007e;}
.containV .next{width:24%;float:left;}
.containV .next p{line-height:36px;padding-bottom:0;}
.containV .next p .nt{font-size:16pt;color:#e4007e;}
.containV .next p .nt1{font-size:18pt;color:#333333;}

.containV .infoV{width:75%;float:right;}
.infoV .viewT{font-size:30pt;line-height:50px;margin:40px 0 70px 0}
.infoText{font-size:18px;}
.infoText p{line-height:28px;color:#666666}
.infoText img{height:auto !important}
/* team  */
.team{width: 100%;}
.team  li{width: 248px; height:248px;overflow:hidden;float: left;margin-bottom: 22px;margin-right:50px;}
.team li a{display: block;}
.team li a .img-show{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;}
.team li a .img-show img{max-width:100%;height:198px; width: 100%;}
.team li:nth-child(3n){margin-right: 0;}
/* .team li:nth-child(3n-2){margin-left: 0px;} */
.team .introt{color: #fff;font-size: 14pt;background: #009be0;height:50px;padding-top:15px;}
.team li a:hover .introt{background: #e4007e;}

/* neihan */
.neihan{width:100%;}
.neihan ul li {float:left;margin-bottom:20px;}
.neihan ul .h1,.neihan ul .h3{float:left;width:198px;height:308px;}
.neihan ul .h2{width:396px;height:308px;margin-left:20px;margin-right:20px;}
.neihan ul .h4,.neihan ul .h5{width:404px;}
.neihan ul .h4{margin-right:25px;}
.neihan ul  .img-show{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;}
.neihan ul li .desc{width:100%;float:left;height:114px;background: #009be0;}
.desc-titlen{font-size: 18pt;color:#ffffff;text-align:center;padding:15px 25px; }
.desc-contentn{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}

.neihan ul li :hover .desc{background:#e4007e }

/* qsneihan */
.qsneihan{width:100%;}
.qsneihan ul li {float:left;margin-bottom:20px;width:470px;}
.qsneihan  ul li:nth-child(2n){margin-left: 20px;width:350px;}
.qsneihan ul li .descq{width:100%;float:left;/* height:58px; */background: #009be0;}
.qsneihan  ul li .manage-img-showq{width: 100%;/* height: 220px; */overflow: hidden;/* background:#ccc; */height:188px;text-align:center;border: 1px #ccc solid;}
.descq .desc-titleq{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descq .desc-contentq{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.qsneihan ul li :hover .descq{background:#e4007e }


/* qsy */
.qsy_list{width:100%;}
.qsy_list ul li {float:left;margin-bottom:54px;width:334px;height:246px;background: #ccc; margin-right: 62px;border: 1px solid #ccc;}
.qsy_list ul li:nth-child(3n){margin-right: 0px;} 
.qsy_list ul li .descq{width:100%;float:left;height:58px;background: #009be0;}
.qsy_list ul li .qsypic{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;height:186px;text-align:center;}
.qsy_list ul li .qsypic .img{height:186px;width: 334px;}
.qsy_list ul li .qsydesc{ width: 100%;float: left;height: 58px;background: #009be0;}
.qsy_list .qsydesc .qsy-titlej{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.qsy_list .qsyescq .desc-contentq{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.qsy_list ul li :hover .qsydesc{background:#e4007e }


/* pro */
.pro{width:100%;}
.pro ul li{width:100%;float:left; margin-bottom:36px;height:306px;}
.pro ul .p1{width:372px;height:306px;}
.pro ul .p2,.pro ul .p3{width:198px;margin-left:36px;}
.pro ul .p4{width:374px;}
.pro ul .p5{width:434px;margin-left:36px;}
.manage-img-showp{height:248px;background:#ccc;}
.pro ul li .descp{width:100%;float:left;height:58px;background: #009be0;}
.descp .desc-titlep{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descp .desc-contentp{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.pro  ul li :hover .descp{background:#e4007e }


/* ciwei */
.ciwei{width:100%;}
.ciwei ul li{float:left; margin-bottom:36px;height:314px;width:258px;overflow:hidden;}
.ciwei  ul .p2,.ciwei  ul .p5,.ciwei  ul .p8{margin-left: 34px;margin-right:34px;}
.ciwei ul li .manage-img-showc{height:256px;background:#ccc;}
.ciwei ul li .manage-img-showc img{max-width:100%;height:100%;}
.ciwei ul li .descc{width:100%;float:left;height:58px;background: #009be0;}
.descc .desc-titlec{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descc .desc-contentc{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.ciwei  ul li :hover .descc{background:#e4007e }

/* shuju */
.shuju{width:100%;}
.shuju ul li{float:left; margin-bottom:28px;height:188px;width:186px;overflow:hidden;margin-right:28px;}
.shuju li:nth-child(4n){margin-right: 0;}
.shuju ul li .manage-img-showj{height:138px;width:186px;background:#ccc;}
.shuju ul li .manage-img-showj img{width:100%;height:100%;}
.shuju ul li .descj{width:100%;float:left;height:50px;background: #009be0;}

.descj .desc-titlej{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descj .desc-contentj{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.shuju  ul li :hover .descj{background:#e4007e }
/* video */
.video{width:100%;}
.video ul li{float:left; margin-bottom:48px;height:238px;width:234px;overflow:hidden;margin-right:68px;}
.video li:nth-child(3n){margin-right: 0;}
.video ul li .descv{width:100%;float:left;height:150px;}
.video ul li .manage-img-showv{height:188px;width:234px;background:#ccc;overflow:hidden;}
.video ul li .manage-img-showv img{width:100%;height:100%;}
.descv .descv-titlev{font-size: 18px;color:#333333;padding:5px 0;  }
.descv .desc-contentv{line-height: 20px;font-size: 14px;color:#333;/* padding:0 25px; */overflow:hidden;height:40px;}

}

@media (min-width: 768px) and (max-width: 1199px) {

nav{width:89.6%}
 .block_line,.block_line_1{margin:22px auto;height:1px; background:#ddd; width:100%; display:block; overflow:hidden;}

.logo{float:left;display:block;width:9.4%;}
.logo img{margin-top:10px;}
.sf-menu > li {float:left;text-align:center; position:relative; /* height:89px; */ width:12.5%;padding:0px;}

.sf-menu a{/* padding:5px 20px;  */height:89px; /* margin-top:25px; */font-size:16px; /* border-radius:2px; */ display:block;color:#e0e1e3;line-height:89px;}

.sf-menu > li > ul{opacity:0;visibility:hidden;background:#e4007e;position:absolute; left:0;top:89px;text-align:left;/* padding:20px 0 10px; */z-index:1; width:100%;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s}
.sf-menu > li > ul  :hover .type{background:#e4007e;color:#ffffff}
.sf-menu > li > ul > li{float:left;text-align:center; position:relative; height:42px;line-height:42px; width:100%;border-top: 1px solid #cfcfcf;font-size: 14px;overflow:hidden;}
.sf-menu > li > ul > li a{width:100%;display:block;color:#e0e1e3;height: 42px;line-height:42px;display:block;}
.sf-menu > li > ul > li:hover{background:#c8026f;color:#e0e1e3}
.sf-menu > li.cur ul li a:hover{color:#fff}
.snav:hover .type  a{background:#e4007e;color:#ffffff}

.block_line,.block_line_1{margin:22px auto;height:1px; background:#333333; width:100%;  overflow:hidden;}
.pcnone{display:none}
footer{margin-top: 80px;width: 100%;background: #444;overflow: hidden;}
#link-bottom{width: 100%; margin: 20px auto;}
#link-bottom li{/*width: 700px;*/float: left;color: #fff;height: 100%;line-height: 30px;font-size: 16pt;}
 #link-bottom li:nth-child(2n){width: 20px;} 
#link-bottom li{width: 170px;}
#link-bottom li a{display: block;height: 100%;color: #fff;}

.dizhi{width: 100%;margin-right: auto;margin-left:auto; color:#fff; margin-top:20px;padding-bottom: 20px;overflow: hidden; }
.dizhi p{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;float: left;}

.right-margin-0{margin-right: 0 !important;}
.qing{margin-left:auto;margin-right:auto;}

.info{font-size:14pt;}
.info p{line-height:24pt;}
#title{color: #333;font-size: 30pt; margin: 82px 0 22px 0;height:32px;letter-spacing:5px;}
.typenav{color: #333;font-size: 30pt; margin: 82px 0 22px 0;height:32px;letter-spacing:5px;float:left;}
.lside{float:left;width:24.5%}
.lside .line{width: 175px;height: 1px;background: #333;display:none}
.walk-nav{margin-top: 22px;width: 100%;}
.walk-nav li{width: 100%;margin-top: 28px;font-size: 18px;}
.walk-nav li:first-child{margin-top: 0;}
.walk-nav li a{color: #666;display: inline-block;width: 82%;}
.choice-nav{color: #e4007e !important;background: url("images/arrow.png") no-repeat;background-position:center right; }
.walk-nav li a:hover{color: #e4007e !important;background: url("images/arrow.png") no-repeat;background-position:center right; }

.rside{width:75.5%;float:right;}

/* honor  */
#honor,#group{width: 100%;}
#honor li{/*width: 410px;*//*height: 220px;*/width: 47.5%;float: left;margin-bottom: 22px;}
#group li{width: 47.5%;float: left;margin-bottom: 36px;margin-left: 3%;}
#honor li a,#group li a{display: block;}
#honor li a .img-show,#group li a .img-show{width: 100%;/* height: 220px; */overflow: hidden;}
#honor li:nth-child(2n){margin-left: 3%;}
#group li:nth-child(3n-2){margin-left: 0px;}
.intro{margin-top: 10px;color: #333;font-size: 14px;line-height:22px;height:25px;}
.reset-intro,.branch-intro{margin-top: 0px !important;background: #009be0;height: 40px;line-height: 40px;color: #fff;}


/* team  */
.team{width: 100%;}
.team  li{width: 248px; height:248px;overflow:hidden;float: left;margin-bottom: 22px;margin-right:50px;}
.team li a{display: block;}
.team li a .img-show{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;}
.team li a .img-show img{max-width:100%;height:198px; width: 100%;}
.team li:nth-child(2n){margin-right: 0;}
/* .team li:nth-child(3n-2){margin-left: 0px;} */
.team .introt{color: #fff;font-size: 14pt;background: #009be0;height:50px;padding-top:15px;}
.team li a:hover .introt{background: #e4007e;}

/* newslist */
 .block_line,.block_line_1{margin:22px auto;height:1px; background:#333333; width:100%; display:block; overflow:hidden;}
 .surch{width:444px;float:right;margin: 78px 0 22px 0;height:36px;color:#717171;}
.surch input{height:36px;line-height:36px;border-radius:4px;}
.surch .sbn{display:block;height:34px;border-radius:2px;margin-right:1px;margin-top:1px;}
#searchform{position:relative;}
#searchform input{width:100%; height:36px; padding:0 10px; border:1px solid #ddd;font-size:16px;font-family:Microsoft Yahei}
#searchform a{ position:absolute; top:0; right:0; z-index:1;  color:#fff; cursor:pointer; padding:5px 20px; background:url(images/soso.png)no-repeat center #e4007e}
#searchform a:hover{ background:url(images/soso.png)no-repeat center #c8026f}

.newslist ul li{height:280px; border-bottom:1px solid #333333;margin-bottom:50px;}
.monthT{float:left;width:30%;font-size:25pt;color:#666666;display:block;}
.monthT i{line-height: 40px;}
.monthT .tpic{width: 180px;height:100px;margin-top: 45px;}
.monthT .tpic{width: 180px;height:100px;margin-top: 20px;}

.rTitle{float:right;width:64%;}
.rTitle .article{font-size:18pt;color:#333333;}
.rTitle .article:hover{color:#e4007e;}
.rTitle .date{width:100%;display:block;font-size:12pt;color:#666666;margin:20px 0; }
.rTitle p{font-size:14px;line-height:25px;}
.rTitle .more{color:#e4007e;width:100%;display:block;font-size:14px;font-weight:bold;margin-top:15px}

/* view */
.containV{width:80%;margin:0 auto;}
.return{float:right;margin: 82px 0 22px 0;height: 32px;padding-top:10px;}
.return a{color:#666666;font-size:16pt;}
.return a:hover{color:#e4007e;}
.containV .next{width:24%;float:left;}
.containV .next p{line-height:36px;padding-bottom:0;}
.containV .next p .nt{font-size:16pt;color:#e4007e;}
.containV .next p .nt1{font-size:18pt;color:#333333;}

.containV .infoV{width:75%;float:right;}
.infoV .viewT{font-size:30pt;line-height:50px;margin:40px 0 70px 0}
.infoText{font-size:18px;}
.infoText p{line-height:28px;color:#666666}

/* zongbu */

.zongbu{width:100%;}
.zongbu ul  li{float:left;overflow: hidden;margin-bottom:32px;}
.zongbu ul  li img{width:100%;}
.manage-img-show{float:left;background:#eee}

.zongbu ul .n1 .desc{width:100%;float:left;height:130px;background: #009be0;}
.zongbu ul .n1{width:564px;height:524px;margin-right:28px;margin-bottom:32px;}
.zongbu ul .n2{margin-bottom:20px;}
.zongbu ul .n2,.zongbu ul .n3,.zongbu ul .n4,.zongbu ul .n5,.zongbu ul .n6{width:250px;height:252px;}

 .zongbu ul .n3 ,.zongbu ul .n5{margin-left:46px;} 
.zongbu ul .n1 .manage-img-show{width:100%;height:394px;}
.zongbu ul .n2 .manage-img-show,.zongbu ul .n3 .manage-img-show,.zongbu ul .n4 .manage-img-show,.zongbu ul .n5 .manage-img-show,.zongbu ul .n6 .manage-img-show{width:100%;height:199px}
.zongbu ul .n2 .desc,.zongbu ul .n3 .desc,.zongbu ul .n4 .desc,.zongbu ul .n5 .desc,.zongbu ul .n6 .desc{width:100%;float:left;height:53px;background: #009be0;}
.zongbu ul .n1 .desc-title{text-align:left;font-size: 16pt;}
.desc-title{font-size: 18pt;color:#ffffff;text-align:center;padding:15px 25px; }
.desc-content{line-height: 24px;font-size: 14pt;color:#ffffff;padding:0 25px}
.zongbu ul li :hover .desc{background:#e4007e }


/* fenzhi */
.fenzhi{width:100%;}
.fenzhi ul li{float:left;height:310px;overflow:hidden;width:200px;margin-bottom:14px;margin-right:20px;}
 .fenzhi ul li:nth-child(3n){margin-right: 0px;}
 .manage-img-show{height:194px;background:#ccc;width:100%; text-align:center;}
.fenzhi ul li .desc{width:100%;float:left;height:116px;background: #009be0;}
.desc-title1{font-size: 14pt;color:#ffffff;text-align:center;padding:18px 25px 10px 25px; }
.desc-content1{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;height:40px;overflow:hidden;}

/* neihan */
.neihan{width:100%;}
.neihan ul li {float:left;margin-bottom:20px;width:48%;}
.neihan  ul li:nth-child(2n){margin-left: 20px;}

.neihan ul li .desc{width:100%;float:left;height:114px;background: #009be0;}
.desc-titlen{font-size: 18pt;color:#ffffff;text-align:center;padding:15px 25px; }
.desc-contentn{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.neihan ul li a :hover.desc{background: #e4007e;}

.qsneihan{width:100%;}
.qsneihan ul li {float:left;margin-bottom:20px;width:470px;height:264px;}
.qsneihan  ul li:nth-child(2n){margin-left: 20px;width:350px;}
.qsneihan ul li .descq{width:100%;float:left;height:58px;background: #009be0;}
.qsneihan  ul li .manage-img-showq{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;height:188px;text-align:center;}
.descq .desc-titleq{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descq .desc-contentq{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.qsneihan ul li :hover .descq{background:#e4007e }


/* qsy */
.qsy_list{width:100%;}
.qsy_list ul li {float:left;margin-bottom:54px;width:334px;height:246px;background: #ccc; margin-right: 62px;border: 1px solid #ccc;}
.qsy_list ul li:nth-child(2n){margin-right: 0px;} 
.qsy_list ul li .descq{width:100%;float:left;height:58px;background: #009be0;}
.qsy_list ul li .qsypic{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;height:186px;text-align:center;}
.qsy_list ul li .qsypic .img{height:186px;width: 334px;}
.qsy_list ul li .qsydesc{ width: 100%;float: left;height: 58px;background: #009be0;}
.qsy_list .qsydesc .qsy-titlej{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.qsy_list .qsyescq .desc-contentq{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.qsy_list ul li :hover .qsydesc{background:#e4007e }

/* pro */
.pro{width:100%;}
.pro ul li{float:left; margin-bottom:36px;height:306px;}
.pro ul .p1{width:372px;height:306px;}
.pro ul .p2,.pro ul .p3{width:198px;margin-left:36px;}
.pro ul .p4{width:374px;}
.pro ul .p5{width:434px;margin-left:36px;}
.manage-img-showp{height:248px;background:#ccc;}
.pro ul li .descp{width:100%;float:left;height:58px;background: #009be0;}
.descp .desc-titlep{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descp .desc-contentp{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.pro  ul li :hover .descp{background:#e4007e }

/* ciwei */
.ciwei{width:100%;}
.ciwei ul li{float:left; margin-bottom:36px;height:48;width:258px;}
.ciwei  ul li:nth-child(2n){margin-left: 20px;width:258px;}
.ciwei ul li .manage-img-showc{height:248px;background:#ccc;}
.ciwei ul li .descc{width:100%;float:left;height:58px;background: #009be0;}
.descc .desc-titlec{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descc .desc-contentc{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.ciwei  ul li :hover .descc{background:#e4007e }

/* shuju */
.shuju{width:100%;}
.shuju ul li{float:left; margin-bottom:28px;height:188px;width:186px;overflow:hidden;margin-right:28px;}
.shuju li:nth-child(4n){margin-right: 0;}
.shuju ul li .manage-img-showj{height:138px;width:186px;background:#ccc;}
.shuju ul li .manage-img-showj img{width:100%;height:100%;}
.shuju ul li .descj{width:100%;float:left;height:50px;background: #009be0;}

.descj .desc-titlej{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descj .desc-contentj{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.shuju  ul li :hover .descj{background:#e4007e }


/* video */
.video{width:100%;}
.video ul li{float:left; margin-bottom:48px;height:238px;width:234px;overflow:hidden;margin-right:68px;}
.video li:nth-child(3n){margin-right: 0;}
.video ul li .descv{width:100%;float:left;height:150px;}
.video ul li .manage-img-showv{height:188px;width:234px;background:#ccc;overflow:hidden;}
.video ul li .manage-img-showv img{width:100%;height:100%;}
.descv .descv-titlev{font-size: 18px;color:#333333;padding:5px 0;  }
.descv .desc-contentv{line-height: 20px;font-size: 14px;color:#333;/* padding:0 25px; */overflow:hidden;height:40px;}

}





@media screen and (max-width: 768px) {
	.wapnone{display:none}
	.logo{float:left;display:block;width:133px;height: 89px;}
.logo img{margin-top:10px;}
footer{margin-top: 60px;width: 100%; background: #444444;overflow: hidden;}
#link-bottom{width: 100%; margin: 20px auto; }
#link-bottom li{/*width: 700px;*/float: left;color: #000;height: 100%;line-height: 30px;font-size: 16px;}
 #link-bottom li:nth-child(2n){width: 20px;display:none;} 
#link-bottom li{width: 100%;}
#link-bottom li a{display: block;height: 100%;color: #FFF;    color: #FFF; text-align: -webkit-center;}
.dizhi{width: 100%;margin-right: auto;margin-left:auto; color:#fff; margin-top:20px;padding-bottom: 20px; display: none;}
.dizhi p{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;}

.right-margin-0{margin-right: 0 !important;}
.qing{margin-left:auto;margin-right:auto;}
.lside{display:none}
#title{color: #333;font-size: 25px; margin: 52px 0 42px 0;/* height:32px; */line-height:30px;letter-spacing:1px;text-align:center;}
.rside{float:right;width:100%;}
.rside .info img{max-width:100%;}
 .block_line,.block_line_1{margin:22px auto;height:1px; background:#ddd;  display:block; overflow:hidden;}

 .info{font-size:12pt;}
.info p{line-height:20pt;}
 
/* honor  */
#honor,#group{width: 100%;}
#honor li{/*width: 410px;*//*height: 220px;*/width: 100%;float: left;margin-bottom: 22px;}
#group li{width: 100%;float: left;margin-bottom: 36px;/* margin-left: 2%; */}
#honor li a,#group li a{display: block;}
#honor li a .img-show,#group li a .img-show{width: 100%;/* height: 220px; */overflow: hidden; text-align: center;}
#honor li a .img-show img{max-width:100%;}
/* #honor li:nth-child(2n){margin-left: 2%;}
#group li:nth-child(3n-2){margin-left: 0px;} */
.intro{margin-top: 10px;color: #333;font-size: 14px;line-height:22px;height:25px;}
.reset-intro,.branch-intro{margin-top: 0px !important;background: #009be0;height: 40px;line-height: 40px;color: #fff;}



.newslist ul li{/* height:400px; */ border-bottom:1px solid #333333;margin-bottom:50px;float:left;width:100%;}
.monthT{float:left;width:100%;font-size:16px;color:#666666;display:none;}
.rTitle{float:right;width:100%;}
.rTitle .article{font-size:24px;color:#333333;width:100%;text-align:center; display: block; line-height: 30px;}
.rTitle .article:hover{color:#e4007e;}
.rTitle .date{width:100%;display:block;font-size:16px;color:#666666;margin:20px 0;text-align:center; }
.rTitle p{font-size:16px;line-height:30px;}
.rTitle p .newpic{max-width: 100%; display: block; text-align: center; margin:0 auto;}
.rTitle .more{color:#e4007e;width:100%;display:block;font-size:18px;font-weight:bold;margin:15px 0; text-align: center;}

/* view */
.containV .infoV{width:98%;}
.infoV .viewT{font-size:26pt;line-height:50px;margin:40px 0 70px 0;text-align:center;}
.infoText{font-size:18px;}
.infoText p{line-height:28px;color:#666666}

/* zongbu */

.zongbu{width:100%;}
.zongbu ul  li{float:left;overflow: hidden;margin-bottom:32px; width: 100%}
.zongbu ul  li img{width:100%;}
.manage-img-show{float:left;background:#eee}
.zongbu ul  li .desc{background: #009be0;}
/* .zongbu ul .n1 .desc{width:100%;float:left;height:130px;background: #009be0;}
.zongbu ul .n1{width:100%;margin-right:28px;margin-bottom:32px;}
.zongbu ul .n2{margin-bottom:20px;}
.zongbu ul .n2,.zongbu ul .n3,.zongbu ul .n4,.zongbu ul .n5,.zongbu ul .n6{width:250px;height:252px;}
.zongbu ul .n2 ,.zongbu ul .n4{margin-left:46px;margin-right:10px;}
.zongbu ul .n1 .manage-img-show{width:100%;}
.zongbu ul .n2 .manage-img-show,.zongbu ul .n3 .manage-img-show,.zongbu ul .n4 .manage-img-show,.zongbu ul .n5 .manage-img-show,.zongbu ul .n6 .manage-img-show{width:100%;height:199px} */
.zongbu ul li .desc {width:100%;float:left;height:53px;background: #009be0;}
.zongbu ul li .desc-title{text-align:left;font-size: 16pt;}
.desc-title{font-size: 18pt;color:#ffffff;text-align:center;padding:15px 25px; }
.desc-content{line-height: 24px;font-size: 14pt;color:#ffffff;padding:0 25px}
.zongbu ul li :hover .desc{background:#e4007e }


/* team  */
.team{width: 100%;}
.team  li{width: 48%; height:auto;overflow:hidden;float: left;margin-bottom: 22px;margin-right:4%;}
.team li a{display: block;}
.team li a .img-show{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;}
.team li a .img-show img{max-width:100%;height:198px; width: 100%;}
.team li:nth-child(2n){margin-right: 0;}
/* .team li:nth-child(3n-2){margin-left: 0px;} */
.team .introt{color: #fff;font-size: 14pt;background: #009be0;height:50px;padding-top:15px;}
.team li a:hover .introt{background: #e4007e;}


/* fenzhi */
.fenzhi{width:100%;}
.fenzhi ul li{float:left;/* height:310px; */overflow:hidden;width:100%;margin-bottom:14px;/* margin-right:10px; */}
/*  .fenzhi ul li:nth-child(2n){margin-right: 0px;} */
 .manage-img-show{/* height:194px; */background:#ccc;width:100%; text-align:center;}
  .manage-img-show img{max-width:100%;}
.fenzhi ul li .desc{width:100%;float:left;height:116px;background: #009be0;}
.desc-title1{font-size: 14pt;color:#ffffff;text-align:center;padding:18px 25px 10px 25px; }
.desc-content1{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;height:40px;overflow:hidden;}
.neihan ul li .desc{width:100%;float:left;height:114px;background: #009be0;}

/* neihan */
.neihan{width:100%;}
.neihan ul li {float:left;margin-bottom:20px;width:98%;/* height: 280px */}
/* .neihan  ul li:nth-child(2n){margin-left: 2%;} */
 .neihan  ul li .manage-img-show  img{width:100%;max-width:100%;}
.neihan ul li .desc{width:100%;float:left;height:114px;background: #009be0;}

.desc-titlen{font-size: 18pt;color:#ffffff;text-align:center;padding:15px 25px; }
.desc-contentn{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.neihan ul li :hover.desc{background: #e4007e;}
/* qsneihan */
.qsneihan{width:100%;}
.qsneihan ul li {float:left;margin-bottom:10px;width:98%;/* height:250px; */}
/* .qsneihan  ul li:nth-child(2n){margin-left: 5px;width:49%;} */
.qsneihan ul li .descq{width:100%;float:left;height:58px;background: #009be0;}
.qsneihan  ul li .manage-img-showq{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;/* height:188px; */text-align:center;}
.qsneihan  ul li .manage-img-showq img{max-width: 100%}
.descq .desc-titleq{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descq .desc-contentq{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;display: none;}
.qsneihan ul li :hover .descq{background:#e4007e }



/* qsy */
.qsy_list{width:100%;}
.qsy_list ul li {float:left;margin-bottom:24px;width:48%;/* height:246px; */background: #ccc; margin-right: 10px;border: 1px solid #ccc;}
.qsy_list ul li:nth-child(2n){margin-right: 0px;} 
.qsy_list ul li .descq{width:100%;float:left;height:58px;background: #009be0;}
.qsy_list ul li .qsypic{width: 100%;/* height: 220px; */overflow: hidden;background:#ccc;/* height:186px; */text-align:center;}
.qsy_list ul li .qsypic .img{height:auto;width: 100%;}
.qsy_list ul li .qsydesc{ width: 100%;float: left;height: 58px;background: #009be0;}
.qsy_list .qsydesc .qsy-titlej{font-size: 16px;color:#ffffff;text-align:center;padding:15px 25px; }
.qsy_list .qsyescq .desc-contentq{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.qsy_list ul li :hover .qsydesc{background:#e4007e }

/* pro */
.pro{width:100%;}
.pro ul li{width:45%;float:left; margin-bottom:36px;}
.pro   ul li:nth-child(2n){margin-left: 20px;width:45%;}

.manage-img-showp{background:#ccc;}
.pro ul li .descp{width:100%;float:left;height:58px;background: #009be0;}
.descp .desc-titlep{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descp .desc-contentp{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.pro  ul li :hover .descp{background:#e4007e }
/* ciwei */
.ciwei{width:100%;}
.ciwei ul li{float:left; margin-bottom:36px;width:100%;}
/* .ciwei  ul li:nth-child(2n){margin-left: 4%;} */

.ciwei ul li .manage-img-showc{background:#ccc;text-align: center;}
.ciwei ul li .manage-img-showc img{max-width:100%;margin:auto; }
.ciwei ul li .descc{width:100%;float:left;/* height:58px; */background: #009be0;}
.descc .desc-titlec{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descc .desc-contentc{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.ciwei  ul li :hover .descc{background:#e4007e }

/* shuju */
.shuju{width:100%;}
.shuju ul li{float:left; margin-bottom:28px;height:188px;width:48%;overflow:hidden;margin-right:5px;}
.shuju li:nth-child(4n){margin-right: 0;}
.shuju ul li .manage-img-showj{height:138px;width:186px;background:#ccc;}
.shuju ul li .manage-img-showj img{width:100%;height:100%;}
.shuju ul li .descj{width:100%;float:left;height:50px;background: #009be0;}

.descj .desc-titlej{font-size: 16pt;color:#ffffff;text-align:center;padding:15px 25px; }
.descj .desc-contentj{line-height: 20px;font-size: 14px;color:#ffffff;padding:0 25px;overflow:hidden;height:40px;}
.shuju  ul li :hover .descj{background:#e4007e }


/* video */
.video{width:100%;}
.video ul li{float:left; margin-bottom:15px;width:100%;overflow:hidden;}
/* .video li:nth-child(2n){margin-left:4%;} */
.video ul li .descv{width:100%;float:left;text-align: center;}
.video ul li .manage-img-showv{/* height:188px;width:234px; */background:#ccc;overflow:hidden;text-align: center;}
.video ul li .manage-img-showv img{max-width:100%;text-align: center;}
.descv .descv-titlev{font-size: 18px;color:#333333;padding:5px 0;  }
.descv .desc-contentv{line-height: 20px;font-size: 14px;color:#333;/* padding:0 25px; */overflow:hidden;height:40px;}


}

#map{
	height: 440px;
	width: 100%;
}



/*banner*/
.banner{position:relative;overflow:hidden}
.slider{position:relative;height:640px;overflow:hidden}
.slider > div{height:100%; background-position:center}
.banner .bx-wrapper .bx-pager{bottom:20px; z-index:10000}
.banner .bx-wrapper{margin-bottom:0}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff000}

/*public*/
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box}
.con_pad{padding:20px;*zoom:1}
/*hover_line*/
.hover_line {width: 100%;height: 100%;background: transparent;left: 0%;top:0%;cursor: pointer;position: absolute;opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after {position: absolute;top: 20px;right: 20px; z-index:1;bottom: 20px;left: 20px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);transform: scale(1,0);opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
/*img zoom*/
.zoom{overflow:hidden}
.zoom figure{height:100%; overflow:hidden}
.zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; min-height:auto; max-width:100%}
.zoom:hover figure img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/* Lists */
.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}
.list1 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
/*rotate*/
.rotate{transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
.rotate:hover{cursor:pointer;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
/*img wrap*/
.img_wrap1,a.img_wrap1 strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.img_wrap2{display: block;padding:4px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.img_wrap1{display:block;padding:6px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}
.img_wrap1 strong,.img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#c70400;}
.img_wrap1 img,.img_wrap2 img{position: relative; z-index:1;}
a.img_wrap1:hover strong,a.img_wrap2:hover strong{height:100%;width:100%;}
/*block name*/
.block_name{text-align:center}
.block_name h2{font-size:30px; margin-bottom:20px;font-weight:bold}
.block_name h2 span{vertical-align:top}
.block_name .block_line,.block_name .block_line_1{margin:0 auto;height:1px; background:#ddd; width:300px; display:block; overflow:hidden}
.block_name .block_line_1{position:relative; margin-top:-2px;width:60px; height:3px; background:#b6b5b5}
.block_name p{color:#777; font-size:16px; margin-top:10px}
.block_name.white{ color:#fff}

/*first*/
.first{margin-top:50px; text-align:center; overflow:hidden}
.sort {text-align:center; margin-top:100px}
.sort span{width:130px; height:130px; display:inline-block;border:1px solid #ddd; border-radius:100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.sort [class*="icon_"]{font-size:62px; line-height:130px; display:inline-block;}
.sort p{ margin-top:20px; font-size:16px}
.sort [class*="grid_"]:hover span{background:#11623d; color:#fff; border:1px solid #11623d}
.sort [class*="grid_"]:hover [class*="icon_"]{font-size:72px}
.button1{display:inline-block;  padding:8px 35px; margin-top:80px; font-size:14px; border:1px solid #11623d; border-radius:3px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
a.button1:hover{background:#c70400; border:1px solid #c70400; color:#fff}
/*second*/
.second{margin-top:80px;background:#f5f5f5; padding:80px 0; overflow:hidden}
.theme{margin-top:50px}
.grid{position: relative;list-style: none;text-align:center; overflow:hidden}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;min-width: 249px; width:33.33%;max-width: 460px;max-height: 360px;background: #3085a3;text-align: center;cursor: pointer;margin:0px;padding:0px;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 1;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 20px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-size: 22px}
.grid figure h2,.grid figure p {margin: 0; opacity:0.6}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
figure.effect-layla {background: #000;}
figure.effect-layla img {height: 390px;}
figure.effect-layla figcaption {padding: 3em;}
figure.effect-layla figcaption::before,figure.effect-layla figcaption::after {position: absolute;content: '';opacity: 0;}
figure.effect-layla figcaption::before {top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
figure.effect-layla figcaption::after {top: 30px;right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
figure.effect-layla h2 {padding-top: 26%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-layla p{padding: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
figure.effect-layla img,figure.effect-layla h2 {-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0)}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {-webkit-transition: opacity 0.35s; -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; color:#fff}
figure.effect-layla:hover img {opacity: 0.5;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-layla:hover h2,figure.effect-layla:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
/*third*/
.third{overflow:hidden; padding:50px 0}
.home-pro{background:#fff; margin-top:40px;}
.home-pro .row{margin-left:-15px}
.home-pro .grid_3{margin-left:16px; border:1px solid #eee; padding:8px; margin-bottom:16px}
.home-pro .grid_3 p{margin-top:10px; padding:0; height:42px}

/*fourth*/
.fourth{ padding:80px 0; text-align:center;background:url(../images/third-bg.jpg) no-repeat center 0;}
.news-tab{margin-bottom:50px; margin-top:20px; display:block; overflow:hidden}
.news-tab li{display:inline-block}
.news-tab li a{padding:3px 10px; border:1px solid #fff;display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.news-tab li.curr a,.news-tab li a:hover{border:1px solid #11623d; border-radius:3px; padding:3px 10px; color:#11623d}
.fourth .news-tab li a{ color:#fff}
.fourth .news-tab li.curr a,.fourth .news-tab li a:hover{border:1px solid #F8FF00; border-radius:3px; padding:3px 10px; color:#F8FF00}
.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}
.case-list li{position:relative; float:left; width:25%; display:inline-block}
.case-list li figure{max-height:320px;overflow:hidden}
.case-list li a{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}
.case-list li a:hover{opacity:1; background:rgba(0,0,0,0.7)}
.case-list li i{background:url(../images/url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.case-list li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.case-list li p{ margin:10px 30px;font-size:16px}
/*fifth*/
.fifth{background:#f5f5f5; padding:50px 0;}
.brand {margin-top:30px}
.brand .gird_11{margin-left:0}
.brand ul{margin-left:0px;border:1px solid #e1e1e1; border-top:0; border-left:0; overflow:hidden}
.brand li{float:left;border:1px solid #e1e1e1; border-right:0; border-bottom:0; width:213.8px; height:126px; margin:0; padding:0;overflow:hidden}
.brand li:hover{ opacity:0.6}
.brand img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.brand li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); cursor: crosshair}
/*sixth*/
.sixth{ margin:50px 0}
.al_pic_news{min-height:336px}
.al_pic_news figure{position:relative; max-height:180px; min-height:170px; overflow:hidden}
.al_pic_news img{position:absolute; min-width:100%; min-height:100%; max-width:inherit}
.al_pic_news p,.al_pic_news .button1{margin:0 10px; color:#666}
.al_pic_news h4{margin:5px 10px; max-height:40px; min-height:30px; line-height:20px; overflow:hidden}
.al_pic_news h4 a{color:#c70400}
.al_pic_news h4 a:hover{text-decoration: underline; color:#035c99}
.al_pic_news p{max-height:60px; line-height:20px;overflow:hidden}
.al_pic_news .button1{padding:7px 30px; margin-top:10px; background:#11623d; color:#fff; border:0; display:inline-block}
.al_pic_news .button1:hover{ background:#c70400; border:0}
time{float:left; margin-right:10px; text-align:center}
.day{width:60px; height:60px;line-height:60px; font-size:32px; display:block;background:#eee;color:#333; text-align:center; }
.month{display:block;width:60px;text-align:center}
.al_news li{padding:10px;margin-bottom:15px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.al_news li a{font-size:16px; color:#000; line-height:20px; max-height:40px; display:block; overflow:hidden}
.al_news li a:hover{color:#ff0000}
.al_news li p{padding-top:5px;color:#777; line-height:18px; max-height:38px; padding-bottom:0; overflow:hidden}
.partners span{ display:inline-block; margin-right:10px}
.partners,.partners a{color:#777}
.partners a:hover{color:#ff0000}
/*seventh*/
.seventh{padding:50px 0 30px; background:#eee}
.seventh [class*="grid_"] h3{margin-bottom:20px; font-size:16px; padding-bottom:10px; font-weight:bold; border-bottom:1px solid #cfcfcf}
.seventh [class*="grid_"] li{margin:5px 0}
.seventh .grid_5{ border-right:1px solid #cfcfcf; padding-right:30px;}
.seventh .grid_5 li{float:left; width:20%; display:inline-block}
.seventh .grid_4 li{float:left; width:50%; display:inline-block}
.seventh .grid_3 .follow{margin-left:-10px}
.seventh .grid_3 .follow li{display:inline-block; width:120px; margin-left:10px; font-size:12px}
.bottom-tel {margin-top:10px}
.bottom-tel a{display:inline-block; padding:10px 35px; background:#11623d; color:#fff;font-size:28px; border-radius:5px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.bottom-tel a:before{content: " 074"; display:inline-block; font-size:28px; margin-right:5px}
.bottom-tel a:hover{ background:#c70400; color:#fff}
/*footer*/
/* footer{width:100%; background:#2d2d2d;text-align: center; border-top:5px solid #c4c4c4; color:#99a1a6; padding-top:20px; overflow:hidden}
footer a{ color:#99a1a6} */
/*support*/
.support{position: fixed; top:50%; margin-top:-40px; right:0; width:46px; z-index:9999}
.support li{height:48px; line-height:48px;position: relative; border-radius:3px 0 0 3px; margin-bottom:1px;background-color:#11623d;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.support li:hover{background:#c70400}
.support li a{color:#fff; font-family: Arial, sans-serif; font-size:18px; display:block}
.support li a i{font-family:'alimaofont';}
.support li.icon_one{position:relative; left:0; width:160px;}
.support li.icon_one:hover{left:-110px}
.support li.icon_one:hover i{width:36px; text-align:right}
.support li i{ display:inline-block; font-style:normal; font-size:22px; width:46px; text-align:center}

/*page*/
.page_banner{position:relative;height:168px; background-position:center}
.page_banner .location{position: absolute; bottom:20px; color:#E1E1E1}
.page_banner .location a{color:#E1E1E1}
.page_banner .location a:hover{color:#fff}
/*products*/
.products{ margin-top:50px}
.products-category{border:1px solid #eee}
.products-category > li {display:block; padding:5px; border-bottom:1px dashed #eee}
.products-category > li:last-child{border:0}
.products-category > li span{ float:left; width:80px; text-align:center; color:#999; display:inline-block}
.products-category ul li{ display:inline-block; margin-right:5px}
.products-category ul li a{padding:0 5px}
.products-category ul li a.changefieldandcss{background:#11623d; display:block; color:#fff; padding:0 5px}
.pro-secrch{margin-top:10px;border:1px solid #eee; padding:10px;}

.pro-secrch .grid_6 span{display:inline-block; color:#999}
.hot-secrch{display:inline-block}
.hot-secrch li{ float:left;display:inline-block; margin:0 5px}
.product-list{margin-top:30px}
.product-list .grid_3{border:1px solid #eee; padding:8px; margin-bottom:30px}
.product-list .grid_3 p{ padding:0; margin-top:10px; height:42px; overflow:hidden}

/*products read*/
.goods_read{margin:40px auto}
.goods_read h1{font-size:18px; color:#000; line-height:24px; margin-bottom:15px}
#alm_imgblock{position:relative;width:100%; height:100%; overflow:hidden}
.alm_bigimg{position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; display:none;overflow:hidden}
.alm_bigimg img{position:absolute; left:0; top:0; min-height:100%; min-width:100%}
#mousetrap {position:absolute;left:0; top:0; width:100%; height:100%; z-index:2;background:url(../images/magnify.png) no-repeat center; display:block}
#mousetrap.no-mousetrap{background:none}
#mousetrap:hover{ cursor:crosshair}
#alm_smallimg{margin-top:20px;}
.alm_smallimg_block{ margin-left:-5px}
.alm_smallimg_block li{float:left; width:80px;height:80px; border:1px solid #ccc; margin-left:5px; display:block}
.alm_smallimg_block li img{width:80px;height:80px;}
#alm_smallimg .bx-wrapper .bx-controls-direction a{margin-top:-13px;width:27px;height:27px;}
#alm_smallimg .bx-wrapper .bx-prev{background:url(../images/thumbs_left.png) no-repeat;}
#alm_smallimg .bx-wrapper .bx-next{background:url(../images/thumbs_right.png) no-repeat;}
.parameter p{font-size:13px; line-height:20px; color:#666; border-bottom:1px solid #ddd}
.parameter strong{margin:30px 0 20px; font-size:14px; color:#000; display:block}
.parameter .bottom-tel a{padding:8px 15px; border:1px dashed #ddd; background: none; color:#ff0000}
.parameter .bottom-tel a:hover{ background:#11623d; color:#fff;border:1px dashed #11623d;}
.parameter .tags{margin-top:20px; padding-top:5px; border-top:1px dashed #ddd}
.parameter .tags li{display:inline-block;margin-right:5px}
.sidebar-goods {padding-left:30px; border-left:1px solid #ddd}
.sidebar-goods h3{border-bottom:1px solid #ddd;}
.sidebar-goods h3 span{border-bottom:1px solid #11623d; padding-bottom:5px; margin-bottom:-1px; display:inline-block}
.sidebar-goods ul{ margin-top:20px}
.sidebar-goods li{padding:8px; margin-bottom:15px}
.sidebar-goods li p{padding:5px 0}
.detail_t{margin-top:30px; background:#11623d; }
.detail_t h4{margin:5px 0 0 10px; background:#fff; font-size:15px; padding:5px 10px 2px; color:#11623d; display:inline-block}
.detail{padding-top:20px; font-size:14px}
.detail p,.detail div{margin:10px 0}
.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{margin:10px 0; font-weight:bold}
.detail h2{font-size:18px}
.detail h3{font-size:16px}
.detail h4,.detail h5,.detail h6{font-size:14px}
.detail ul{list-style:square inside}
.detail strong{font-weight:bold}
.prevnext{margin-top:80px; border-top:1px solid #ddd; padding-top:10px}
/*about*/
.about{ margin:80px 0 50px}
.about .row{margin-top:60px}
.about .grid_6{margin-bottom:30px}
.supplier h3{ font-weight:bold; font-size:16px; margin-bottom:5px}
/*contact*/
.contact{margin:80px 0 50px}
.contact h1,.contact article h2,.contact article h3{ font-size:18px; margin-bottom:20px; font-weight:bold}
.contact h1{font-size:26px}
.contact article h3{font-size:16px}
.contact article p{font-size:14px}
.contact .message input, .contact .message textarea{border:1px solid #ddd}
.message h2{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; font-weight:bold}
.message label{margin-bottom:10px; display:block; overflow:hidden}
.message input{width:100%;text-indent:2em;color:#999;font-family:Microsoft Yahei; height:34px;font-size:13px; border:0; background:#fff url(../images/message_icon.png) no-repeat 5px 10px; border-radius:2px; display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message textarea{width:100%;text-indent:2em;color:#999; font-family:Microsoft Yahei;height:118px;border:0;border-radius:2px; display:block; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message input#email{ background-position: 5px -32px}
.message input#mycall{ background-position: 5px -72px}
.message textarea#lytext{background:#fff url(../images/message_icon.png) no-repeat 5px -120px; font-size:13px;}
.message .empty,.empty1{display:none; color:red}
.message a{margin-top:10px; padding:5px 30px; background:#000; font-size:14px; color:#fff; display:inline-block;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.message a:hover{ background:#11623d;}

/*news list*/
.newslist,.newsread{margin:20px 0}
.newslist h1{ line-height:normal; margin-bottom:30px}
.newslist .grid_8,.newsread .grid_8{padding-right:30px; border-right:1px dashed #2d2d2d}
.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:10px; border-bottom:1px dashed #ccd}
.news_list li a{font-size:18px; display:block}
.news_list li p{ padding-top:5px}


.sidebar_news .grid_2{margin-left:0;margin-right:10px}
.sidebar_news .new-pic{ margin-bottom:10px; overflow:hidden}
.sidebar_news .new-pic h4 a{color:#000}
.sidebar_news h3{ margin-bottom:20px}
.sidebar_news ul{margin-bottom:30px}
.sidebar_news #searchform a{width:35px;height: 30px; margin-top:1px; display: block; float: left; background: url('../images/search_a.jpg') no-repeat;}
.sidebar_news #searchform a:hover{background-position:0 -31px;}




/*news read*/
.newsread h1{font-size:30px; line-height:32px; margin-bottom:20px}
.info_text{padding-bottom:5px; border-bottom:1px solid #ddd; color:#777}
.news_text{margin-top:30px; font-size:14px}
.tag{margin-top:80px; border-bottom:1px solid #ddd; font-size:12px; overflow:hidden}
.tag span{margin-right:10px; vertical-align: auto}
.tag span.r{float:right; margin-left:0; display:inline-block}
.newsread .content{margin-bottom:10px}

/*download*/
.download .grid_4{position:relative}
.download .grid_4 h4{position:absolute; bottom:0; left:0; width:100%; height:42px; line-height:42px; text-align:center; background:rgba(0,0,0,0.7); opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.download .grid_4 a:hover h4{opacity:1; color:#fff}

/*case*/
.case{margin:80px 0}
.caselist .grid_4{position:relative;margin-bottom:20px; text-align:center}
.caselist .grid_4 a{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}
.caselist .grid_4 a:hover{opacity:1; background:rgba(0,0,0,0.5)}
.caselist .grid_4 i{background:url(../images/url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.caselist .grid_4 a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.caselist .grid_4 p{ margin-top:10px;font-size:16px}
.case-read {margin:40px 0}
.case-read .grid_9{padding-right:30px;border-right:1px solid #ddd}
.case-read h1{ font-size:32px; line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px}
.case-read .grid_9 figure{margin-bottom:20px; overflow:hidden}
.case-read .grid_3 h2{ font-size:20px; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:20px}
.re-caselist li{margin-bottom:20px; text-align:center}
.re-caselist li h4{ padding:5px;}
.pagination{ margin:20px 0; text-align:right}
.pagination a{padding:3px 10px; border:1px solid #ccc; margin:0 2px; display:inline-block; vertical-align: inherit}
.pagination strong{padding:3px 10px; border:0; background:#787878; color:#fff;margin:0 2px;display:inline-block}

@media (min-width: 768px) and (max-width: 1199px) {
header h1 span{font-size:16px}
.slider{height:550px}
.grid figure {max-height: 300px}
figure.effect-layla h2{padding-top:10%}
figure.effect-layla figcaption{padding:3em 1.5em}
figure.effect-layla figcaption::before {top: 40px;right: 20px;bottom: 40px;left: 20px;}
figure.effect-layla figcaption::after {top: 20px;right:40px;bottom: 20px;left: 40px;}
.con_pad{padding:13px;*zoom:1}
.home-pro .row{margin-left:-14px}
.home-pro .grid_3{margin-left:12px;padding:6px; margin-bottom:12px}
.al_news li a{font-size:14px; line-height:18px; max-height:36px}
.al_news .zoom figure img{min-height:100%}
.brand li{width:214px}
.seventh .grid_4{width:260px}
.seventh .grid_3{width:260px}
.seventh .grid_3 .follow li{ width:120px; margin-left:5px}
.bottom-tel a{font-size:24px}
.partners {display:none}
/*page*/
.page_banner{height:150px}
.products-category > li{overflow:hidden}
.products-category > li span{width:60px}
.products-category ul{float:left; width:860px; display:inline-block}
}
@media (min-width: 768px) and (max-width: 1199px) {
header{height:auto}
header h1{width:100px}
header h1 span{display:none}

/* .sf-menu > li{ height:60px ;width:11%} */
/* .sf-menu a{ margin-top:15px} */
.sf-menu > li > ul{top:89px}
.slider{height:400px}
.slider > div{ background-size:auto 100%}
.block_name h2{font-size:26px}
.sort [class*="grid_"]{ width:236px; margin-bottom:30px}
.grid figure {max-height: 220px}
.grid figure h2{font-size:20px}
figure.effect-layla h2{padding-top:0}
figure.effect-layla figcaption{padding:3em 1em}
figure.effect-layla figcaption::before {top: 30px;right: 10px;bottom: 30px;left: 10px;}
figure.effect-layla figcaption::after {top: 10px;right: 30px;bottom: 10px;left: 30px;}
.home-pro .row{margin-left:-15px}
.home-pro .grid_3{margin-left:20px; width:340px; margin-bottom:20px}
.fourth{padding:50px 0}
.case-list li i{ width:50px; height:50px}
.case-list li p{ margin:0 20px;font-size:12px}
.case-list .hover_line::before,.case-list .hover_line::after {top: 10px;right: 10px;bottom: 10px;left: 10px}
.brand li{width:227px}
.brand img{ min-width:100%}
.seventh .row{ margin-left:0}
.seventh .grid_5{float:none; margin:0 auto;width:100%; padding:0; border:0; margin-bottom:30px; overflow:hidden}
.seventh .grid_4{width:364px; margin-left:0}
.seventh .grid_3{width:300px; margin-left:50px}
.seventh .grid_3 .follow li{ width:120px; margin-left:5px}
.bottom-tel a{font-size:24px}
.partners {display:none}
/*page*/
.page_banner{height:150px}
.products-category > li{overflow:hidden}
.products-category > li span{width:60px}
.products-category ul{float:left; width:660px; display:inline-block}
.hot-secrch li{ font-size:12px}
.caselist .grid_4{ width:364px}
.re-caselist li h4{font-size:12px}
.sidebar_news .grid_2{float:none; margin:0; margin-bottom:10px; width:100%}
.product-list .grid_3{width:236px}
}
@media (max-width: 767px) {
#topbox{display:none}
header{height:auto;}
.infoText img{max-width:100%;}
.stuck_container{background:#fff}
.logo{float:left;display:block;width:133px;height: 70px;}
.logo img{margin-top:10px;width:60px}
header h1 img{ width:60px}
header h1 span{display:none}
#m_menu{display:inline-block;width:30px; height:30px; text-align:center; cursor:pointer;margin-top:16px;}

#m_menu span{width:24px; height:30px; display:inline-block; position:relative;}
#m_menu > span{margin-top:4px}
#m_menu span span{position:absolute;height:1px;z-index:1; left:0; top:0; background:#fff; display:block; overflow:hidden}
#m_menu span.menuicon-middle{z-index:2;top:8px}
#m_menu span.menuicon-bottom{z-index:3;top:16px}
nav{position:inherit;margin-top:13px; display:inline-block}
.sf-menu{position: fixed; width:100%; height:100%; margin:0; background:rgba(0,0,0,0.9); padding:10px 0; top:89px;z-index:9; left:0; display: none}
.sf-menu > li > span{display:block}
.sf-menu > li > span > a{display:inline-block}
.sf-menu > li > span:after{content: "+";float: right; padding-top:5px; color:#fff; font-size:14px;font-weight: normal;margin-right: 8px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;cursor:pointer}
.sf-menu > li:hover > span:after{transform: rotate(45deg) scale(1.08);-webkit-transform: rotate(45deg) scale(1.08);-moz-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);-o-transform: rotate(45deg) scale(1.08); color:#fe8c01}
.sf-menu > li {float:none;text-align:left; height:auto; margin:0 30px; display:block; border-bottom:1px solid #414141; position:relative}
.sf-menu a,.sf-menu .curr a{margin:0;padding:10px 0; height:auto; color:#e7e6e6;font-size:14px; border-radius:0;display:block}
.sf-menu > li a:hover,.sf-menu li.cur a{background: none;color:#ffc000; margin:0; padding:10px}
.sf-menu li.curr a{padding:10px 0}
.sf-menu > li > ul{opacity:1;visibility: inherit;background: none;position: relative;top:0;border-radius:0;padding:0;z-index:0; width:auto;transition: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none; display:none}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0}
.sf-menu ul > li{float: none; margin:0; margin-left:10px; border-bottom:1px solid #414141; width: auto}
.sf-menu ul > li:last-child{border:0;}
.sf-menu ul > li:last-child a{ display:inline-block}
.sf-menu ul a{font-size:12px; display:block; color:#ffc000; padding:10px 5px;margin: auto;}
.sf-menu ul a:hover{padding:10px; color:#fff; margin: auto;}
.slider{height:200px}
.slider > div{background-size:100% auto; background-position:center 0}
.block_name h2{ font-size:24px}
.block_name p{ font-size:14px}
.row.sort {margin-left:-20px; margin-top:50px}
.sort [class*="grid_"]{float:left; width:133.33px; margin-left:20px; margin-bottom:30px}
.sort span{width:100px; height:100px}
.sort [class*="icon_"]{font-size:48px; line-height:100px}
.sort [class*="grid_"]:hover [class*="icon_"]{font-size:56px; line-height:100px}
.sort p{font-size:14px}
.first .button1{margin-top:30px}
.second{margin-top:50px}
.grid figure{width:100%}
figure.effect-layla img{height: auto}
.con_pad{padding:10px;*zoom:1}
.home-pro .row{margin-left:-10px}
.home-pro .grid_3{float:left;margin-left:10px; width:215px; margin-bottom:10px}
.home-pro .grid_3 p{height:64px}
.fourth{padding:30px 0}
.case-list li{width:50%;}
.brand li{width:152px; height:90px}
.al_pic_news{margin-bottom:15px; padding-bottom:10px}
.al_pic_news figure{max-height:240px; min-height:200px}
.seventh .row{margin-left:0}
.seventh [class*="grid_"]{ float:none; margin:0 auto; width:100%; margin-bottom:30px; padding:0; border-right:0; overflow:hidden}
.seventh .grid_4 li{width:33.33%}
.seventh .grid_3 .follow li{ width:130px; margin-left:10px}
.partners {display:none}
/*page*/
.page_banner{height:100px}
.about{margin:50px 0}
.products-category > li{overflow:hidden}
.products-category > li span{width:50px}
.products-category ul{float:left; width:390px; display:inline-block}
.pro-secrch .grid_5{margin-bottom:5px}
.hot-secrch li{ font-size:12px}
.product-list .row{margin-left:-20px}
.product-list .grid_3{float:left;width:220px; margin-left:20px; margin-bottom:20px}
.case-read .grid_9,.newslist .grid_8, .newsread .grid_8{padding-right:0; border:0}
.newslist, .newsread,.contact{margin:30px 0}
.sidebar_news{margin-top:20px}
.sidebar_news .grid_2{float:left; width:200px; margin-right:10px}
.newsread h1{font-size:24px; margin-bottom:10px}
.contact h1,.message h2{font-size:24px}
.contact .grid_5{margin-top:20px}
}
@media (max-width: 479px) {
.slider{height:309px}
.slider > div{ background-size:auto 100%}
.sort [class*="grid_"]{float:left; width:140px; margin-left:20px; margin-bottom:30px}
.grid figure{max-height:270px}
.grid figure h2{font-size:20px}
figure.effect-layla h2{padding-top:0}
figure.effect-layla figcaption{padding:3em 1em}
figure.effect-layla figcaption::before {top: 30px;right: 10px;bottom: 30px;left: 10px;}
figure.effect-layla figcaption::after {top: 10px;right: 30px;bottom: 10px;left: 30px;}
.home-pro .row{margin-left:0}
.home-pro .grid_3{float: none;margin-left:0; width:280px; margin-bottom:10px}
.home-pro .grid_3 p{height: auto}
.case-list li{float:none; margin:0 auto; display:block;width:300px;}
.brand li{width:148.5px}
.news-tab li a,.news-tab li.curr a,.news-tab li a:hover{padding:3px 6px}
.seventh .grid_5 li{width:33.33%}
footer p{font-size:12px}
/*page*/
.products-category > li span{width:40px;font-size:12px}
.products-category ul{width:240px}
.products-category ul li{margin-right:0}
.products-category > li a{font-size:12px}
.product-list .row{margin-left:0}
.product-list .grid_3{width:100%; margin-left:0;}
.news_list li a{ font-size:16px}
.news_list li p{ font-size:12px; line-height:18px}
.sidebar_news .grid_2{ float:none; width:100%; margin:0; margin-bottom:10px}
}

   /* 鍒嗛〉  */    
.dede_pages{ text-align:center; padding-top:30px; color:#757575; clear:both}
.dede_pages li{float:left;}
.dede_pages a,.dede_pages span{ display:inline-block; height:21px; line-height:21px; padding-left:8px; color:#757575; margin-left:5px; padding-right:8px;  border:#d9d9d9 1px solid;}
.dede_pages a:hover,.dede_pages li.thisclass a { color:#FFF;  background:#e77817; border:#ccc 1px solid;}
.tu{width:100%;overflow: hidden;}
.tu1{margin-right:20px;float:left;margin-bottom:20px }
.tu2{float:left;margin-bottom:20px}	.temp{  clear:both; padding:15px 0;}
	.temp-left{ float:left; width:30%}
	.temp-right{ float:right; width:68%;}
	.temp-left1{ float:right; width:30%}
	.temp-right1{ float:left; width:65%; text-align:right; }
	.mt30{margin-top:30px;}
	
	
@media screen and ( max-width: 768px) {
	.temp{ border-bottom:#ddd 1px solid; overflow:hidden}
    .mt30{margin-top:0px;}
	.temp-left{ float:left; width:40%}
	.temp-right{ float:right; width:58%;}
	.temp-left1{ float:right; width:40%}
	.temp-right1{ float:left; width:55%; text-align:right; }
}
