@charset "utf-8";
/* CSS Document */ 

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/
.img-position-absolute{position: absolute;  top: 0; bottom: 0; left: 0; right: 0; max-width:100%; max-height: 100%;display: block;  margin:auto;padding:auto;}
.cpzx_img_top{padding-top:80.28674%;}
.cpzx_img{width:100%; overflow:hidden; position:relative; border:1px solid #ccc;}

body{ font-family:"微软雅黑";}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
/*全局样式*/
 

/*m-1*/
.main{ padding:17px 0;}
.main2{ padding:17px 0 0;}
.main-White{ background:#fff;}
.main-Colorless{background:none;}
.main-Background{ background:url(../images/bg_03.png) repeat;}
.main-Color{ background:#f0f0f0;}
.main-opcityBackground{ background:url(../images/CaseSharing_mask_03.png) repeat;}

/*header*/
.top{ height:135px; background:#f2f2f2; border-bottom:1px solid #e5e5e5;}
.top .logo img{ margin:38px 0 0;}
header{ position:relative; z-index:99999; background:#fff}
header .top_bar{ background:#eaeaea; line-height:32px;}
header .top_bar p{ font-size:12px; color:#818181;}
header .top_bar p span{ padding:0 0 0 23px; display:inline-block; color:#e51200; background:url(../images/tel_icon.png) no-repeat left;}
header .top_bar .language a{ margin:10px 0 0; padding:0 10px; font-size:12px; color:#818181; height:12px; line-height:12px; border-left: solid 1px #818181; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
header .top_bar .language a:hover{ color:#ff6600;}
header .top_bar .language a.active{ color:#ff6600;}
header .top_bar .language a:first-child{ border:none;}
header .logo img{ margin:20px 0 0;}
.searchbox{ margin:20px 0 8px; width:90%; height:28px;}
.searchbox .search_keyword{ font-size:12px; color:#b4b4b4; line-height:28px;}
.searchbox .search_keyword a{ margin:0 10px 0 0; color:#b4b4b4; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.searchbox .search_keyword a:hover{color:#ff6600;}
.searchbox .search input{ padding:0 10px; width:204px; height:28px; border:solid 1px #dbdbdb; background:none; font-size:12px; color:#b4b4b4; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.searchbox .search input:hover{ border:solid 1px #ff6600;}
.searchbox .search button{ margin:0 0 0 1px; width:50px; height:28px; border:solid 1px #dbdbdb; background:#e0e0e0; font-size:12px; color:#000; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.searchbox .search button:hover{ background:#ff6600;border:solid 1px #ff6600; color:#fff;}
header nav{ position:relative; width:95%;}
header nav .jt{ position:absolute; left:-5px; bottom:-3px;}
header nav ul li{ margin-bottom:-3px; padding-bottom:3px; width:12.5%;}
header nav ul li a{ line-height:55px; display:block; background:url(../images/nav_bg.png) right center no-repeat;font-size: 18px;}
header nav ul li:hover a{ color:#ffa200; border-bottom:2px solid #ffa200;} 
header nav ul li.active a{ color:#ffa200; border-bottom:2px solid #ffa200;} 
header nav ul .xl{ display:inline-block; position:absolute;top:57px; z-index:1; width:auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+99&0.8+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 1%, rgba(255,255,255,0.8) 99%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
}
header nav ul .xl{ display:none; box-shadow:2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
header nav ul .xl.xl01{ left:0;}
header nav ul .xl.xl02{ left:11.11%;}
header nav ul .xl.xl03{ left:15.22%;}
header nav ul .xl.xl04{ left:37.33%;}
header nav ul .xl.xl05{ left:44.44%;}
header nav ul .xl.xl06{ left:66.66%;}
header nav ul .xl.xl07{ right:10.22%;}
header nav ul .xl.xl08{ right:11.11%;}
header nav ul .xl.xl09{ right:0;}
header nav ul .xl .xls{ padding:0 10px; line-height:26px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
header nav ul .xl .xls:hover{ background:#ff6600}
header nav ul .xl .xls a{ font-size:15px; color:#333; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
header nav ul .xl .xls:hover a{ color:#fff;}
header nav ul li a{ color:#333;}


.tel1{ margin:40px 0 0 0; float:right;}

/*banner*/
.banner{ overflow:hidden;box-shadow:0 10px 15px rgba(0,0,0,0.3);-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.3);-moz-box-shadow:0 10px 15px rgba(0,0,0,0.3);-ms-box-shadow:0 10px 15px rgba(0,0,0,0.3);-o-box-shadow:0 10px 15px rgba(0,0,0,0.3)}
.banner img{ display:block; margin:0 auto;}
.banner.sybanner .item.item1{ background:url(../images/1.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item2{ background:url(../images/2.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item3{ background:url(../images/3.jpg) 50% 50%; background-size:cover;}
/*.banner.nybanner .item.item1{ background:url(../images/banner_02.jpg) 50% 50%; background-size:cover;}
.banner.nybanner .item.item2{ background:url(../images/banner_02.jpg) 50% 50%; background-size:cover;}
.banner.nybanner .item.item3{ background:url(../images/banner_02.jpg) 50% 50%; background-size:cover;}*/
.banner .glyphicon{ top:50% !important;}
.banner .carousel-control.left{ left:-60px; width:60px;background:url(../images/prev_arrow_60.png) no-repeat left;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px; width:60px;background:url(../images/next_arrow_60.png) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.right{ right:0;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{opacity:1}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 3px;width:10px;height:10px; border:none; background:#fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2),1px 1px 0 rgba(255,255,255,0.2)}
.banner #myCarousel .carousel-indicators li.active{background:#ff6600;}
.banner #myCarousel .carousel-indicators li:hover{background:#ff6600;}

.con{ background:#f2f2f2;}
.about{ background:#fff; padding:30px;}
.sy-about{ padding-bottom:60px;}
.title2{ margin:16px 0 30px 0; height:30px; overflow:hidden;}
.title2 span{font-family:; font-size:24px; color:#adadad; line-height:30px;}
.title2 p{ font-family:"宋体"; font-size:12px; color:#818181;}
.sy-about-text{ margin:0 0 26px 0; font-family:"微软雅黑"; font-size:12px; color:#161616; line-height:24px;}
.sy-about-more{ display:block; width:102px; height:32px; font-family:"宋体"; font-size:12px; color:#6c6c6c; line-height:30px; border:solid 1px #cfcfcf; background:#fff; transition:all 0.3s;}
.sy-about-more:hover{ color:#fff; border:solid 1px #fbaa29; background:#fbaa29;}
.sy-hot-menu{ margin:24px 0 0 0; overflow:hidden; transition:all 0.5s;}
.sy-hot-menu li{margin:0 0 0 10%; width:40%;}
.sy-hot-menu li a{ display:block; padding:20px 0 30px 0; border-bottom:solid 1px #c1c1c1; transition:all 0.5s;} 
.sy-hot-menu h5{ margin:0 0 16px 0; font-family:"微软雅黑"; color:#666; font-weight:bold; line-height:14px; transition:all 0.3s;}
.english-title h3{ font-family:"微软雅黑";}
.english-title h3 span{ margin-bottom:-10px; display:block; font-size:24px; color:#393939; line-height:24px;}
.english-title h3 small{ font-size:14px; color:#949494; line-height:14px;}
.english-title b{ font-size:28px; color:#a3a3a3; line-height:28px; transition:all 0.3s;}
.news_list ul li{ margin: 0 0 20px 0;} 
.news_list ul li .imgbox{ width:30%; height:144px;}
.news_list ul li .wen{ width:70%; padding: 0 0 0 30px;} 
.news_list ul li .wen .riq{ font-size:18px; color:#999;}
.news_list ul li .wen h1{ font-size:14px; color:#000; line-height:40px;  border-bottom:1px solid #999;}
.news_list ul li .wen p{ font-size:12px; color:#999999; line-height:22px; height:40px; overflow:hidden; margin-top:20px !important;}

.english-title h3{ font-family:"微软雅黑";}
.english-title h3 span{ margin-bottom:-10px; display:block; font-size:24px; color:#393939; line-height:24px;}
.english-title h3 small{ font-size:14px; color:#949494; line-height:14px;}
.english-title b{ font-size:28px; color:#a3a3a3; line-height:28px; transition:all 0.3s;}
.sy-hot-menu li:hover h5{ color:#45dac7;}
.sy-hot-menu li:hover .english-title b{color:#45dac7;}
.sy-product{ border-bottom:solid 1px #d6d6d6; transition:all 1s;}
.title3 a{ display:inline-block; font-family:"微软雅黑"; font-size:24px; color:#010101; padding-bottom:20px; border-bottom:solid 3px #fbaa29; transition:all 0.3s;}
.title3 a:hover{ color:#fbaa29}
.title3 span{ display:inline-block; padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ny-this{ height:34px; line-height:34px; font-family:"微软雅黑"; font-size:14px; color:#999;vertical-align:middle;}
.ny-this a{ color:#999; transition:all 0.3s;}
.ny-this a:hover{ color:#ffae00;}
.ny-this img{ margin-right:10px;}
.search{ padding:0 20px; width:250px; height:30px; border:solid 1px #e8e8e8; border-radius:15px; background:url(../images/search_fdj.png) no-repeat 90% 50%; transition:all 0.3s;transition:all 1s;}
.search input{ width:85%; height:28px; border:none; font-family:"宋体"; font-size:12px; color:#999;}
.search button{ width:15%; height:20px; border:none; border-left: solid 1px #dfdfdf; margin:4px 0 0 0; padding:0; background:none;}
.search:hover{ border:solid 1px #999;}
.sy-product-icon li{ padding:26px 0 0 0; width:14.28%; border-left: solid 1px #e1e1e1; transition:all 1s;}
.sy-product-icon li .imgbox{ height:71px; overflow:hidden; text-align:center;}
.sy-product-icon li h5{ margin:12px 0 18px 0; height:14px; font-family:"微软雅黑"; color:#3e3e3e; line-height:14px;transition:all 1s;}
.sy-product-icon li:hover .imgbox img{ transition:all 1s;}
.sy-product-icon li:hover .imgbox img{ margin-top:-71px;}
.sy-product-icon li:hover h5{ color:#f19b5f;}
.sy-scenario{ padding:33px 0 20px 0; background:url(../images/sy-scenario_bg.jpg) 50% 50%; background-size:cover; transition:all 1s; box-shadow:inset 0 3px 3px rgba(0,0,0,0.1)}
.sy-scenario a.more{ display:block; width:146px; height:40px;font-family:"微软雅黑"; font-size:14px; color:#525252;  border:solid 1px #bababa; line-height:38px; border-radius:20px; margin:0 auto 0 auto; transition:all 0.5s;}
.sy-scenario a.more:hover{ border:solid 1px #ffae00; background:#ffae00; color:#fff;}

.sy-scenario{ padding:33px 0 20px 0; background:url(../images/sy-scenario_bg.jpg) 50% 50%; background-size:cover; transition:all 1s; box-shadow:inset 0 3px 3px rgba(0,0,0,0.1)}
.sy-scenario .a { background:#fff; padding:30px; margin:40px 0;}
.sy-scenario .a a.more{ display:block; width:146px; height:40px;font-family:"微软雅黑"; font-size:14px; color:#525252;  border:solid 1px #bababa; line-height:38px; border-radius:20px; margin:20px auto 0 auto; transition:all 0.5s;}
.sy-scenario .a a.more:hover{ border:solid 1px #ffae00; background:#ffae00; color:#fff;}
.picture24 #owl-demo .item{ padding:20px; background:#fff; transition:all 1s; overflow:hidden; margin:0 15px;}
.picture24 #owl-demo .item .imgbox{ height:100%; width:100%;position:relative;}
.picture24 #owl-demo .item img{ display: block; width:100%;height:auto; }

.picture24 #owl-demo .item a{ padding:25% 0 0 0; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../images/sy-scenario_mb.png) repeat; transition:all 1s; opacity:0;}

.picture24 #owl-demo .item:hover a{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;}
.picture24 #owl-demo .item a img{ display:inline; width:54px; height:auto;}

.picture24 #owl-demo .item a h3{ margin:5% 0 5% 0;  font-family:"微软雅黑";font-size:16px; color:#fff; height:16px; line-height:16px;}

.picture24 #owl-demo .item a span{ margin:0 auto;  display:block; width:90px; height:35px; color:#fff; border:solid 1px #97dada; line-height:33px; transition:all 0.3s;}
.picture24 #owl-demo .item a span:hover{ background:#97dada;}
.picture24 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture24 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture24 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture24 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture24 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.picture24 .owl-carousel .owl-item{float:left}
.picture24 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.picture24 .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.picture24 .grabbing{cursor:url(images/grabbing.png) 8 8,move}
.picture24 .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.picture24 .owl-theme .owl-controls{height:0px;}
.picture24 .owl-theme .owl-controls .owl-buttons div{ position:absolute; left:0; bottom:0; z-index:1;background:url(../images/sy-scenario_jt.png) no-repeat left;filter:Alpha(Opacity=50);opacity:0.5; width:39px; height:100%;}
.picture24 .owl-theme .owl-controls .owl-buttons{ clear:both;}
.picture24 .owl-theme .owl-controls .owl-buttons .owl-next{ left:inherit; right:0; background-position:100% 50%;}
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.picture24 .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.picture24 .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.picture24 .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.picture24 .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.picture24 .owl-item.loading{background:url(../images/AjaxLoader.gif) no-repeat center center}


.zi{ background:#fff; padding:20px 20px 40px;}
.sy-about2{ margin:20px 5px 20px;} 
.title1 a{ height:24px; font-family:"微软雅黑"; font-size:24px; color:#000; line-height:24px; transition:all 0.3s;}
.title1 a:hover{color:#fbaa29;}
.title1 span{ margin:20px 0 0 5px;width:70px; height:4px; background:#fbaa29;}
.title1 P{ clear:both;  font-size:24PX; line-height:46px;  color:#ccc; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.gen { width:96px; height:34px; border:1px solid #ccc; background-color:#f2f2f2; background-image:url(../images/gen_bg.png); background-position:86px center; background-repeat:no-repeat; padding:0 0 0 5px; transition:all 0.3s;}
.gen a{ line-height:32px; color:#666; font-family:"宋体";}
.gen:hover{ background:#ffa200;}
.gen:hover a{ color:#fff;}
.picture20 #owl-demo2 .item{ padding:2px; background:#fff; transition:all 1s; overflow:hidden; margin:0 15px; }
.picture20 #owl-demo2 .item .imgbox{ height:100%; width:100%;position:relative; overflow:hidden;}
.picture20 #owl-demo2 .item img{ display: block; width:100%;height:auto; }
.picture20 #owl-demo2 .item a h3{ font-size:14px; color:#fff; position:absolute; bottom:-50px; left:0; line-height:50px; background-color:#585cb0; filter:Alpha(Opacity=90);opacity:0.9; width:100%; background-image:url(../images/guai.png); background-position:180px center; background-repeat:no-repeat; padding:0 10px; transition:all 0.3s;}

.picture20 #owl-demo2 .item a span{ margin:0 auto;  display:block; width:90px; height:35px; color:#fff; border:solid 1px #97dada; line-height:33px; transition:all 0.3s;}
.picture20 #owl-demo2 .item a:hover h3{ bottom:0;}
.picture20 #owl-demo2 .item a span:hover{ background:#97dada;}
.picture20 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture20 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture20 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture20 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture20 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.picture20 .owl-carousel .owl-item{float:left}
.picture20 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.picture20 .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.picture20 .grabbing{cursor:url(images/grabbing.png) 8 8,move}
.picture20 .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.picture20 .owl-theme .owl-controls{height:0px;}
.picture20 .owl-theme .owl-controls .owl-buttons div{ position:absolute; left:-80px; bottom:0; z-index:1;background:url(../images/sy-scenario_jt2.png) no-repeat left;filter:Alpha(Opacity=50);opacity:0.5; width:62px; height:100%;}
.picture20 .owl-theme .owl-controls .owl-buttons{ clear:both;}
.picture20 .owl-theme .owl-controls .owl-buttons .owl-next{ left:inherit; right:-80px; background-position:100% 50%;}
.picture20 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.picture20 .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.picture20 .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.picture20 .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.picture20 .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.picture20 .owl-item.loading{background:url(../images/AjaxLoader.gif) no-repeat center center}

.bg{ background:url(../images/bg.png) 50% 50%; background-size:cover; height:244px;}
.max{ background:#fff; padding:40px 0 0;}
.title03 a{ display:inline-block; font-family:"微软雅黑"; font-size:24px; color:#010101; padding-bottom:20px; border-bottom:solid 3px #fbaa29; transition:all 0.3s;}
.title03 a:hover{ color:#fbaa29}
.title03 span{ display:inline-block; padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.max2{ background:url(../images/bg3.png) 50% 50%; background-size:cover; padding:40px 0;}
.anli ul li{ width:31%; margin:0 1% 20px;}
.anli ul li .imgbox{ padding:20px; background:#fff;}
.anli ul li .imgbox span{ display:block; width:100%; height:223px; position:relative; }
.anli ul li .imgbox a{ padding:10% 0 0 0; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../images/sy-scenario_mb.png) repeat; transition:all 1s; opacity:0;}

.anli ul li .imgbox:hover a{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;}
.anli ul li .imgbox a img{ display:inline; width:54px; height:auto;}

.anli ul li .imgbox a h3{ margin:2% 0 10% 0;  font-family:"微软雅黑";font-size:16px; color:#fff; height:20px; line-height:20px; text-align:center;}

.a { background:#fff; padding:30px;}
.a a.more{ display:block; width:146px; height:40px;font-family:"微软雅黑"; font-size:14px; color:#525252;  border:solid 1px #bababa; line-height:38px; border-radius:20px; margin:20px auto 0 auto; transition:all 0.5s;}
.a a.more:hover{ border:solid 1px #ffae00; background:#ffae00; color:#fff;}

.lianx { background:#303030;}
.lianx .left { width:70%; margin:60px 0; float:left; border-right:1px solid #7c7c7c;}
.lianx .left div{ font-size:12px; color:#7c7c7c; margin: 0 20px; line-height:36px; margin: 0 10px 10px  ;}
.lianx .left div.dhr{ padding:0 0 0 50px; background:url(../images/ren.png) left center no-repeat;}
.lianx .left div.em{padding:0 0 0 50px; background:url(../images/em.png) left center no-repeat;}
.lianx .left div.dh{padding:0 0 0 50px; background:url(../images/dianh.png) left center no-repeat;}
.lianx .left div.cz{padding:0 0 0 50px; background:url(../images/cz.png) left center no-repeat;}
.lianx .left div.dz{padding:0 0 0 50px; background:url(../images/dz.png) left center no-repeat;}
.lianx .erw{ float:left; margin:40px 0 0 30px; width:124px; height:124px;}
.lianx .right{ float:right; margin:80px 50px 0 0;}
.lianx .right li{ margin:0 10px;}

.content{ padding:33px 0 28px;}

.min_color{ background:#f2f2f2;}
.pic{ margin:20px 0; }
.pic ul li{ width:23%; margin:0 1% 20px; background:#fff; padding:15px;}
.pic ul li .imgbox{ height:204px;}
.pic ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat; height:40px; overflow:hidden;}
.pic ul li .mo{ width:82px; height:26px; line-height:24px; text-align:center; color:#333; margin:20px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px; transition:all 0.5s}
.pic ul li a:hover .mo{ background:#ffa200; border:1px solid #ffa200; color:#fff; transition:all 0.5s}

.anli2{ margin:40px 0; }
.anli2 ul li{ width:31%; margin:0 1% 40px;}
.anli2 ul li .imgbox{ height:270px; width:270px; border-radius:50%; -moz-border-radius:50%; background:#dddddd; padding:15px; margin:0 auto; position:relative; transition:all 0.5s;}
.anli2 ul li .imgbox:hover{background:#ffa200; transition:all 0.5s;}
.anli2 ul li .imgbox span{ width:100%; height:100%; display:block; border-radius:50%; -moz-border-radius:50%;}
.anli2 ul li .wenbox{ background:#fff;  border-radius:10px; -moz-border-radius:10px; height:228px; margin:-105px 0 0 0;}
.anli2 ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat; padding:100px 0 0 0; }
.anli2 ul li .mo{ width:82px; height:26px; line-height:24px; text-align:center; color:#333; margin:20px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px; transition:all 0.5s;}
.anli2 ul li a:hover .mo{ background:#ffa200; border:1px solid #ffa200; color:#fff; transition:all 0.5s;}

/*about*/
.aboutbox{ margin:20px 0; background:#fff; padding:20px;}
.aboutbox{font-family:"微软雅黑"; font-size:14px; color:#3f3f3f; line-height:30px;}
.aboutbox img{ margin:20px auto; max-width:100%; text-align: center;}

/*news*/
.news{ margin:20px 0; background:#fff; padding:20px;}
.news ul li{ margin: 0 0 20px 0; border:1px solid #ccc; padding:10px;}
.news ul li .imgbox{ height:159px; width:25%;}
.news ul li .wen2{ width:75%;}
.news ul li .wen2 .leftin{ width:70%; padding:10px 0 0 20px;}
.news ul li .wen2 .leftin h1{ font-size:14px; color:#000; line-height:40px; height:40px; overflow:hidden;}
.news ul li .wen2 .leftin p{ font-size:12px; color:#999999; line-height:22px; height:66px; overflow:hidden;}
.news ul li .wen2 .rightin{ width:20%; margin:20px 0 0 0;}
.news ul li .wen2 .rightin h2{ font-size:30px; font-weight:bold; color:#999;}
.news ul li .wen2 .rightin span{ display:block; font-size:14px; color:#999;}
.news ul li .wen2 .rightin .mor{ width:126px; height:36px; border:1px solid #ccc; line-height:36px; color:#999; text-align:center; border-radius:50px; -moz-border-radius:50px; margin:10px 0 0 0;}
.news ul li a:hover .wen2 .rightin .mor{ background:#ffa200; border:1px solid #ffa200; color:#fff;} 

/*shouh*/
.sh{ background:#fff; padding:20px; margin:20px 0;}
.sh .title{ border-bottom:1px solid #999; padding:0 0 15px 0;}
.sh .title h1{ font-size:24px; font-weight:bold; line-height:40px;}
.sh .wenz{ margin:10px 0 0 0; padding:10px 0 0 0;}
.sh .wenz h1{ color:#0a2794; font-size:14px; line-height:30px;}
.sh .wenz p{ margin:15px 0 0 0 !important; font-size:12px; color:#333; line-height:20px;}

.sh .keh img{ margin:15px auto;}

/*zhaop*/
.zhap{ margin:20px 0 0 0;}
.zhap ul li{ width:48%; background:#fff; margin:0 1% 10px;}
.zhap ul li .ti1{ width:90%; margin:15px auto; padding:0 0 20px 0; border-bottom:1px solid #ccc;}
.zhap ul li .biao h1{ font-size:18px; color:#000; font-weight:bold; line-height:30px;}
.zhap ul li .biao  span{ font-size:12px; color:#999;}
.zhap ul li .ji{ width:34px; height:34px; border-radius:50%; -moz-border-radius:50px; text-align:center; line-height:34px; background:#000; color:#fff; margin:10px 0 0 0; border: 1px solid #000;}
.zhap ul li .xinx{ width:90%; margin:10px auto 30px auto;}
.zhap ul li .xinx div{ color:#666; width:50%;  margin:5px 0;}
.zhap ul li a:hover .ji{ background:none; border:1px solid #000; color:#000;}

.rybox ul li{ width:25%; margin:0 4% 22px; padding:35px; background:url(../images/kuang.png) 50% 50% no-repeat;}
.rybox ul li img{ margin:0 auto;} 
.rybox{ background:url(../images/ban.png) center bottom no-repeat;}
.rybox ul{ width:80%; margin:50px auto 20px;}

/*t-2*/
.title2{ color:#969696; line-height:32px;}
.title2 a{ color:#969696;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.title2 a:hover{ color:#ff6600;}

/*t-3*/


/*t-4*/
.title4{ margin:0 0 10px; font-size:16px; color:#ff6600; line-height:24px;}

/*t-5*/
.title5 h4{ margin:0 0 10px; font-size:16px; color:#666; line-height:24px;}
.title5 p{ margin:0 0 20px; background:#e1e1e1; line-height:32px; color:#666;}

/*text1*/
.text1{ color:#333; line-height:24px;}

/*news_show*/
.news_show{ background:#fff; margin:20px 0; padding:20px;}
.title07{ margin:10px 0;}
.title07 h1{ margin:0 auto !important; width:100%; font-size:20px; color:#000; line-height:30px;}
.title07 h6{color:#8d8d8d; font-size:12px; line-height:30px;}
.newsbox img{ margin-bottom:10px; max-width:100%; margin:5px auto;}
.newsbox p{ font-family:"微软雅黑"; font-size:12px; color:#353535; line-height:24px;}


/*footer*/
footer{ padding:10px 0; border-top: solid 1px #7c7c7c;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c8c8c8+100 */
background: #303030; /* Old browsers */
}

footer p{ font-size:12px; color:#7c7c7c; line-height:36px;}

/*name_search*/
.name_search{ margin:18px 0 12px; height:32px;}
.searchbox2{ padding:0 40px 0 0; position:relative;}
.searchbox2 input{ padding:0 10px; width:230px; height:32px; background:#ededed; border:none; border-radius:0; box-shadow:none; font-size:12px; color:#333;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.searchbox2:hover input{ background:#f5f5f5;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2);}
.searchbox2 button{ position:absolute; right:0; top:0; z-index:1; width:35px; height:32px; background:#cbcbcb; font-size:19px; color:#333; line-height:32px; text-align:center; border:none; border-radius:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.searchbox2 button:hover{ color:#fff; background:#ff6600;}

/*caseshow*/
.caseshow{ margin:0 auto; width:60%;}

/*xiangce*/
.xqylunbo{ height:500px; position:relative; margin-top:20px;}
.xqylunbo .swiper-button-next, .swiper-button-prev{ background:url(../images/yjt.png) no-repeat left; width:43px; height:80%; margin-top:0; top:10px; right:0;}
.xqylunbo .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background:url(../images/zjt.png) no-repeat left; width:43px; height:80%; margin-top:0; top:10px; left:0;}

/*contact*/
.conbox{ margin:20px 0; background:#fff; padding:20px; position:relative;}
.conbox .con_img { margin:100px 0 50px 0;}
.conbox .con_img img{ width:100%;}
.conbox .lx{ width:480px; height:500px; background:rgba(255,255,255,0.7);filter:Alpha(Opacity=70); border:1px solid #ccc; padding:25px; position:absolute; right:40px; top:40px;}
.conbox .lx h1{ font-size:18px; color:#ffa302; border-bottom:1px solid #ccc; line-height:50px; margin:0 0 20px 0;}
.conbox .lx div{ font-size:14px; line-height:40px;}
.conbox .rx{ background:url(../images/re_bg.png) 50% 50% no-repeat; width:407px; height:144px;}
.conbox .rx h2{ font-family:"微软雅黑"; font-size:30px; font-weight:bold; padding:0 0 0 40px;}
.conbox .rx h2 span{ font-size:50px; color:#cacaca; font-weight:bold; font-family:"宋体";}
.conbox .rx h5{ font-family:"微软雅黑"; font-size:25px; padding:0 0 0 80px;} 
.conbox .rx h5 span{ font-size:26px; color:#cacaca; font-weight:bold; font-family:"宋体";}

.conbox .ditu{ margin:50px 0 0 0;}
.conbox .ditu{ width:100%; height:400px;}

@media (max-width:1199px){
/*header*/		
header .logo{ width:20%;} 
header .box{ width:78%;}

.picture20 .owl-theme .owl-controls .owl-buttons div{ display:none;}
.picture20 .owl-theme .owl-controls .owl-buttons{ display:none;}
.picture20 .owl-theme .owl-controls .owl-buttons .owl-next{ display:none;}

/*footer*/
footer nav ul li{width:12.5%;}
}

@media (max-width:991px){
/*header*/	
.top{ height:80px;}
.top .logo{ width:auto;}
.top .logo img{ margin:20px 0 0; width:300px; height:auto; transition:all 0.5s;}
.top .box{ width:auto;}
.top .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:80px;z-index:5; }
.top .sjdnav ul{ padding:0; margin:0;}
.top .sjdnav li{ height:30px;display:block; padding:0;text-align:center; margin-bottom:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6600+0,ff6600+100&0.6+1,0.6+100 */
background: -moz-linear-gradient(top,  rgba(255,102,0,0.6) 0%, rgba(255,102,0,0.6) 1%, rgba(255,102,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,102,0,0.6) 0%,rgba(255,102,0,0.6) 1%,rgba(255,102,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,102,0,0.6) 0%,rgba(255,102,0,0.6) 1%,rgba(255,102,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff6600', endColorstr='#99ff6600',GradientType=0 ); /* IE6-9 */transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s
}
.top .sjdnav li:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6600+0,ff6600+100&0.8+1,0.8+100 */
background: -moz-linear-gradient(top,  rgba(255,102,0,0.8) 0%, rgba(255,102,0,0.8) 1%, rgba(255,102,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,102,0,0.8) 0%,rgba(255,102,0,0.8) 1%,rgba(255,102,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,102,0,0.8) 0%,rgba(255,102,0,0.8) 1%,rgba(255,102,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff6600', endColorstr='#ccff6600',GradientType=0 ); /* IE6-9 */

}
.top .sjdnav li a{display:block; color:#fff; line-height:30px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.top .sjdnav li:hover a{ padding:0 0 0 5px;}
.top .sjdnavhide{ height:0; overflow:hidden;}	
.top .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
/*header .ydd_btn.hover{ background:url(../images/ydd_btn_bg.png) no-repeat; background-size:100% 100%;}
header .ydd_btn.hover span{ background:#fff;}
header .ydd_btn.hover span.span01{ position:relative; margin-top:8px;}
header .ydd_btn.hover span.span02{ position:relative; margin-top:-4px;}
header .ydd_btn.hover span.span03{ position:relative; margin-top:-8px;}*/
.top .ydd_btn span{ display:block; width:100%; height:4px; background:#ff6600; border-radius:2px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.top .ydd_btn span.span02{margin:4px 0;}
.top .ydd_btn.click{ background:none;}
.top .ydd_btn.click span{ background:#ff6600;}
.top .ydd_btn.click span.span01{
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
position:relative;
top:8px;
margin-top:0px;	
} 
.top .ydd_btn.click span.span02{
margin:4px 0;	
}
.top .ydd_btn.click span.span03{
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
position:relative;
top:-8px;			
margin-top:0px;
}
.top .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.top .yddxlbox{ height:0; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.top .yddxlbox.active{ height:auto;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.top .yddxlbox .xl{ margin-bottom:1px; background:#ff6600;}
.top .yddxlbox .xl a{ display:block; font-size:12px; line-height:30px; color:#fff; text-align:center;}

.tel{ margin:15px 20px 0 0; float:right;}

/*banner*/
.banner{ box-shadow:none;}
.banner .carousel-indicators{ bottom:5px; margin-bottom:0;}

/*index*/
.title2{ margin:16px 0 20px 0; height:auto;}
.sy-about{ padding-bottom:40px;}
.sy-about-more{ color:#fff; border:solid 1px #fbaa29; background:#fbaa29;}
.sy-hot-menu{ padding-bottom:30px;}
.sy-hot-menu li{ margin:0; width:50%;}
.sy-hot-menu li a{ width:95%; margin:0 auto;}
.title3 a{ padding-bottom:10px;}
.sy-product-icon li{ padding:20px 0 0 0; width:33.33%; border:none;}
.sy-scenario a.more{margin:30px auto 0 auto;}
.picture24 #owl-demo .item a{ opacity:1; background:none; padding-top:0;}
.picture24 #owl-demo .item a img{ display:none;}
.picture24 #owl-demo .item a h3{ display:none;}
.picture24 #owl-demo .item a span{ display:none;}
.sy-case-imgbox .col-lg-7{ width:100%;}
.sy-case-imgbox{ padding-bottom:0;}
.sy-case-img{ margin:30px 0 0 0;}
.sy-case-img li{ padding:0 1%;}
.sy-show{ width:50%; padding:30px 20px 30px 0}
.sy-show img{ float:right;}
.sy-link img{ max-width:90%;}
.sy-link{ padding:20px 0;}
.sy-link .owl-theme .owl-controls .owl-buttons .owl-prev{ display:none;}
.sy-link .owl-theme .owl-controls .owl-buttons .owl-next{display:none;}	
.sy-news{ padding-top:30px; background:none;}
.sy-news .left, .sy-news .right{ width:100%;}
.sy-news .right .news-list { margin-bottom:30px;}
.sy-news .right .news-list a{ width:98%; float:left !important;}
.sy-news .right .news-list .jiantou{ background:url(../images/sy-news_jt_03.png) no-repeat; right:inherit; left:98%;}
.sy-news .right .news-list:hover .jiantou{ background:url(../images/sy-news_jth_03.png) no-repeat;}

.picture20 #owl-demo2 .item a h3{ display:none;}

.sy-scenario .a { background:#fff; padding:20px; margin:20px 0;}
.sy-scenario .a a.more{ display:block; width:146px; height:40px;font-family:"微软雅黑"; font-size:14px; color:#525252;  border:solid 1px #bababa; line-height:38px; border-radius:20px; margin:5px auto 0 auto; transition:all 0.5s;}

.a { background:#fff; padding:20px; margin:20px 0 0 0 ;}
.a a.more{ display:block; width:146px; height:40px;font-family:"微软雅黑"; font-size:14px; color:#525252;  border:solid 1px #bababa; line-height:38px; border-radius:20px; margin:5px auto 0 auto; transition:all 0.5s;}

.bg{ background:url(../images/bg.png) 50% 50%; background-size:cover; height:104px;}
.max{ background:#fff; padding:40px 0 0;}
.max2{ background:url(../images/bg3.png) 50% 50%; background-size:cover; padding:40px 0;}
.anli ul li{ width:31%; margin:0 1% 20px;}
.anli ul li .imgbox{ padding:20px; background:#fff;}
.anli ul li .imgbox span{ display:block; width:100%; height:223px; position:relative; }
.anli ul li .imgbox a{ padding:0; background:none; transition:all 1s; opacity:1;}
.anli ul li .imgbox a img{ display:none;}

.anli ul li .imgbox a h3{ display:none;}

.lianx { background:#303030;}
.lianx .left { width:100%; margin:40px 0; float:none; border-right:none;}
.lianx .left div{ font-size:12px; color:#7c7c7c; margin: 0 20px; line-height:36px; margin: 0 10px 10px;}
.lianx .left div.dhr{ padding:0 0 0 50px; background:url(../images/ren.png) left center no-repeat;}
.lianx .left div.em{padding:0 0 0 50px; background:url(../images/em.png) left center no-repeat;}
.lianx .left div.dh{padding:0 0 0 50px; background:url(../images/dianh.png) left center no-repeat;}
.lianx .left div.cz{padding:0 0 0 50px; background:url(../images/cz.png) left center no-repeat;}
.lianx .left div.dz{padding:0 0 0 50px; background:url(../images/dz.png) left center no-repeat;}
.lianx .erw{ float:left; margin:0 auto 0 auto; width:124px; height:124px; float:none;}
.lianx .right{ float:none; margin:20px auto; width:13%;}
.lianx .right li{ margin:0 10px;}

.content{ padding:20px 0;}

.anli2{ margin:40px 0; }
.anli2 ul li{ width:31%; margin:0 1% 40px;}
.anli2 ul li .imgbox{ height:200px; width:200px; border-radius:50%; -moz-border-radius:50%; background:#dddddd; padding:10px; margin:0 auto; position:relative;}
.anli2 ul li .imgbox span{ width:100%; height:100%; display:block; border-radius:50%; -moz-border-radius:50%;}
.anli2 ul li .wenbox{ background:#fff;  border-radius:10px; -moz-border-radius:10px; height:168px; margin:-80px 0 0 0;}
.anli2 ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat; padding:65px 0 0 0; height:105px; overflow:hidden;}
.anli2 ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:15px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}

/*news*/
.news{ margin:20px 0; background:#fff; padding:20px;}
.news ul li{ margin: 0 0 20px 0; border:1px solid #ccc; padding:10px;}
.news ul li .imgbox{ height:159px; width:35%;}
.news ul li .wen2{ width:65%;}
.news ul li .wen2 .leftin{ width:70%; padding:10px 0 0 20px;}
.news ul li .wen2 .leftin h1{ font-size:14px; color:#000; line-height:40px;}
.news ul li .wen2 .leftin p{ font-size:12px; color:#999999; line-height:22px; height:66px; overflow:hidden;}
.news ul li .wen2 .rightin{ width:25%; margin:20px 0 0 0;}
.news ul li .wen2 .rightin h2{ font-size:30px; font-weight:bold; color:#999;}
.news ul li .wen2 .rightin span{ display:block; font-size:14px; color:#999;}
.news ul li .wen2 .rightin .mor{ width:106px; height:30px; border:1px solid #ccc; line-height:30px; color:#999; text-align:center; border-radius:50px; -moz-border-radius:50px; margin:10px 0 0 0;}
.news ul li a:hover .wen2 .rightin .mor{ background:#ffa200; border:1px solid #ffa200; color:#fff;} 

.rybox ul li{ width:31%; margin:0 1% 22px; padding:0; background:none;  border:1px solid #ccc;}
.rybox ul li img{ margin:0 auto;} 
.rybox{ background:none;}
.rybox ul{ width:100%; margin:50px auto 20px;}

/*sycase*/
/*.menubox .title1{ padding:0; position:inherit; width:100%; text-align:center;}
.menu{ padding:0;}
.menu ul li{ padding:0; width:100%;}
.xlbox{ float:left;position:inherit; width:100%;}
.xlbox .jt{ display:none;}
.xlbox .xl{ margin:0; border:none; border-bottom:solid 1px #d5d5d5;}*/


/*synews*/
.synews{ padding:0;}
.synews .synews_text .imgbox{ width:100%;}
.synews .synews_text .imgbox a{ height:350px;}
.synews .synews_text .textbox{ padding:0; width:100%; height:auto;}
.synews .synews_text .textbox .biaoti{ padding:0 5px;}
.synews .synews_text .textbox p{ padding:0 5px; height:auto;}
.synews .synews_list{ padding:0 5px 10px;}

.aboutbox{ padding:10px;}
.aboutbox iframe{width: 100% !important; height: 265px !important;}


/*footer*/
footer nav{ padding:0;}
footer nav ol.no-margin{ margin-bottom:5px !important; width:100%; position:inherit; text-align:center;}
footer nav ul li{ width:14.28%;}

/*cpshow*/
.caseshow{  width:80%;}

/*news1*/
.news1-list .news1box .imgbox{ width:30%}
.news1-list .news1box .textbox{ width:70%;}

/*contact*/
.conbox .con_img { display:none;}
.conbox .lx{ width:100%; height:auto; position:relative; left:0; top:0;}
.conbox .rx{ display:none;}
}

@media (max-width:768px){
body{ padding-bottom:50px;}	
	
 /*f-nav*/
.hot{height:50px; background:#ff6600; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #fb802e;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#ff9148;}	

/*header*/		
.top{ height:60px;}
.top .logo img{ width:200px; transition:all 0.5s;}
.top .sjdnav{ right:0;top:60px; width:40%;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.top .sjdnav li{margin-bottom:0;padding:0 3%;height:40px;border-bottom:solid 1px #d35c0c; border-top: solid 1px #fb893d;}
.top .sjdnav li a{color:#fff;line-height:40px; }	
.top .ydd_btn{ margin:10px 0 0;}
.top .yddxlbox .xl a{ line-height:34px;}

.tel{ margin:10px 20px 0 0; float:right;}
.tel img{ width:180px; height:auto;}

/*banner*/
.banner #myCarousel .carousel-indicators{ margin-bottom:0;}
.banner #myCarousel .carousel-indicators li{ margin:0 3px; width:10px; height:10px;}

.sy-product-icon li .imgbox img{ display:block; margin:0 auto;}
.picture24 .owl-theme .owl-controls .owl-buttons{ display:none;}
.picture24 #owl-demo .item{ padding:10px; background:#fff; transition:all 1s; overflow:hidden; margin:0 5px;}
.picture24 #owl-demo .item a{width:95%; left:2.5%;}
.sy-scenario a.more{ margin-top:20px; width:120px; height:36px; line-height:34px;}
.sy-case-img{ margin-top:20px;}
.sy-case-img li{ width:50%; height:250px;}
.sy-show{ padding:20px 20px 20px 0}
.sy-link img{ max-width:80%;}
.sy-link{ padding:10px 0;}

.search{ float:left !important; width:100%; margin:10px 0;}

.bg{ background:url(../images/bg.png) 50% 50%; background-size:cover; height:84px;}
.anli ul li{ width:48%; margin:0 1% 20px;}
.anli ul li .imgbox{ padding:10px; background:#fff;}
.anli ul li .imgbox span{ display:block; width:100%; height:223px; position:relative; }
.anli ul li .imgbox a{ padding:0; background:none; transition:all 1s; opacity:1;}
.anli ul li .imgbox a img{ display:none;}

.anli ul li .imgbox a h3{ display:none;}

.pic ul li{ width:48%; margin:0 1% 20px; background:#fff; padding:15px;}
.pic ul li .imgbox{ height:304px;}
.pic ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat;}
.pic ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:20px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}
.pic ul li a:hover .mo{ background:#ffa200; border:1px solid #ffa200; color:#fff;}

.anli2 ul li{ width:48%; margin:0 1% 40px;}
.anli2 ul li .imgbox{ height:160px; width:160px; border-radius:50%; -moz-border-radius:50%; background:#dddddd; padding:10px; margin:0 auto; position:relative;}
.anli2 ul li .imgbox span{ width:100%; height:100%; display:block; border-radius:50%; -moz-border-radius:50%;}
.anli2 ul li .wenbox{ background:#fff;  border-radius:10px; -moz-border-radius:10px; height:168px; margin:-80px 0 0 0;}
.anli2 ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat; padding:65px 0 0 0; height:105px; overflow:hidden;}
.anli2 ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:15px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}


/*shouh*/
.sh{ background:#fff; padding:10px;}
.sh .title h1{ font-size:16px; font-weight:bold; line-height:30px;}

/*t-4*/
.title4{ text-align:center; font-size:14px;}

.lianx .right{ float:none; margin:20px auto; width:120px;}

/*text-1*/
.text1{ font-size:12px;}

/*xiangce*/
.xqylunbo{ height:320px;}
.xqylunbo .swiper-button-next, .swiper-button-prev{height:68%; }
.xqylunbo .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{ height:68%;}

 }
 
@media (max-width:640px){

.tel{ margin:25px 20px 0 0; float:right;}
.tel img{ width:157px; height:auto;}

/*syabout*/
.syabout .syabout_contact_img{ height:300px;}

.news_list ul li{ margin: 0 0 20px 0;} 
.news_list ul li .imgbox{ width:30%; height:124px;}
.news_list ul li .wen{ width:70%; padding: 0 0 0 30px;} 
.news_list ul li .wen .riq{ font-size:18px; color:#999;}
.news_list ul li .wen h1{ font-size:14px; color:#000; line-height:40px;  border-bottom:1px solid #999;}
.news_list ul li .wen p{ font-size:12px; color:#999999; line-height:22px; height:44px; overflow:hidden; margin-top:10px !important;}

.pic ul li{ width:48%; margin:0 1% 20px; background:#fff; padding:10px;}
.pic ul li .imgbox{ height:244px;}
.pic ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat;}
.pic ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:20px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}
.pic ul li a:hover .mo{ background:#ffa200; border:1px solid #ffa200; color:#fff;}

/*news*/
.news{ margin:20px 0; background:#fff; padding:20px;}
.news ul li{ margin: 0 0 20px 0; border:1px solid #ccc; padding:10px;}
.news ul li .imgbox{ height:159px; width:35%;}
.news ul li .wen2{ width:65%;}
.news ul li .wen2 .leftin{ width:100%; padding: 0 0 0 10px;}
.news ul li .wen2 .leftin h1{ font-size:14px; color:#000; line-height:40px;}
.news ul li .wen2 .leftin p{ font-size:12px; color:#999999; line-height:22px; height:66px; overflow:hidden;}
.news ul li .wen2 .rightin{ width:100%; margin:10px 0 0 0;}
.news ul li .wen2 .rightin .rq{ float:left; margin:0  10px;}
.news ul li .wen2 .rightin h2{ font-size:24px; font-weight:bold; color:#999;}
.news ul li .wen2 .rightin span{ display:block; font-size:14px; color:#999;}
.news ul li .wen2 .rightin .mor{ width:106px; height:30px; border:1px solid #ccc; line-height:30px; color:#999; text-align:center; border-radius:50px; -moz-border-radius:50px; margin:10px 0 0 0; float:left;}
.news ul li a:hover .wen2 .rightin .mor{ background:#ffa200; border:1px solid #ffa200; color:#fff;} 

/*header*/
footer nav ul li{ width:16.66%;}

/*news1*/
.news1-list .news1box .imgbox{height:120px;}
.news1-list .news1box .textbox p{height:72px;}

/*contact*/
.conbox .lx h1{ font-size:16px;  line-height:30px;}
.conbox .lx div{ font-size:14px; line-height:40px;}

.conbox .ditu{ margin:20px 0 0 0;}
}

@media (max-width:480px){
	
.tel{ margin:25px 10px 0 0; float:right;}
.tel img{ width:124px; height:auto;}	
	
/*p-1*/
.pictrue1box .imgbox{ height:150px}

/*index*/	
.sy-case-img li{ height:180px;}
.sy-show{ width:100%;}
.title3 a{ font-size:18px;}
.title3 span{ font-size:12px; line-height:14px; padding-left:5px;}


/*syabout*/
.syabout .syabout_contact_img{ height:200px;}

/*synews*/
.news_list ul li{ margin: 0 0 20px 0;} 
.news_list ul li .imgbox{ width:35%; height:124px;}
.news_list ul li .wen{ width:65%; padding: 0 0 0 30px;} 
.news_list ul li .wen .riq{ font-size:18px; color:#999;}
.news_list ul li .wen h1{ font-size:14px; color:#000; line-height:30px;  border-bottom:1px solid #999; height:30px; overflow:hidden;}
.news_list ul li .wen p{ font-size:12px; color:#999999; line-height:22px; height:44px; overflow:hidden; margin-top:10px !important;}

.pic ul li{ width:48%; margin:0 1% 20px; background:#fff; padding:5px;}
.pic ul li .imgbox{ height:184px;}
.pic ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat;}
.pic ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:20px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}

.bg{ background:url(../images/bg.png) 50% 50%; background-size:cover; height:84px;}
.anli ul li .imgbox{ padding:10px; background:#fff;}
.anli ul li .imgbox span{ display:block; width:100%; height:123px; position:relative; }

.anli2 ul li .imgbox{ height:120px; width:120px; border-radius:50%; -moz-border-radius:50%; background:#dddddd; padding:10px; margin:0 auto; position:relative;}
.anli2 ul li .imgbox span{ width:100%; height:100%; display:block; border-radius:50%; -moz-border-radius:50%;}
.anli2 ul li .wenbox{ background:#fff;  border-radius:10px; -moz-border-radius:10px; height:148px; margin:-70px 0 0 0;}
.anli2 ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat; padding:55px 0 0 0; height:95px; overflow:hidden;}
.anli2 ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:15px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}

/*zhaop*/
.zhap{ margin:20px 0 0 0;}
.zhap ul li{ width:100%; background:#fff; margin:0 0 10px 0;}
.zhap ul li .ti1{ width:90%; margin:15px auto; padding:0 0 20px 0; border-bottom:1px solid #ccc;}
.zhap ul li .biao h1{ font-size:18px; color:#000; font-weight:bold; line-height:30px;}
.zhap ul li .biao  span{ font-size:12px; color:#999;}
.zhap ul li .ji{ width:34px; height:34px; border-radius:50%; -moz-border-radius:50px; text-align:center; line-height:34px; background:#000; color:#fff; margin:10px 0 0 0; border: 1px solid #000;}
.zhap ul li .xinx{ width:90%; margin:10px auto 30px auto;}
.zhap ul li .xinx div{ color:#666; width:50%;  margin:5px 0;}
.zhap ul li a:hover .ji{ background:none; border:1px solid #000; color:#000;}

.rybox ul li{ width:31%; margin:0 1% 22px; padding:0; background:none; border:1px solid #ccc;}
.rybox ul li img{ margin:0 auto;} 
.rybox{ background:none;}
.rybox ul{ width:100%; margin:50px auto 20px;}

.lianx .right{ float:none; margin:20px auto; }

/*footer*/
footer nav ul li{ width:20%;}

}

@media (max-width:414px){	
/*sycase*/
/*.xlbox .xl p a{ font-size:12px; line-height:24px;}*/
.tel{ margin:25px 10px 0 0; float:right;}
.tel img{ width:100px; height:auto;}
.top .logo img{ width:160px; transition:all 0.5s;}

/*index*/
.sy-about-more{ width:40%;}
.english-title h3 span{ font-size:14px; line-height:14px;}
.english-title b{ font-size:20px; line-height:20px;}
.search{ float:left !important; width:100%; margin:10px 0;}
.sy-case-img li{ height:150px;}

.bg{ background:url(../images/bg.png) 50% 50%; background-size:cover; height:64px;}
.anli ul li .imgbox{ padding:10px; background:#fff;}
.anli ul li .imgbox span{ display:block; width:100%; height:103px; position:relative; }

/*synews*/
.news_list ul li{ margin: 0 0 20px 0;} 
.news_list ul li .imgbox{ width:40%; height:104px;}
.news_list ul li .wen{ width:60%; padding: 0 0 0 10px;} 
.news_list ul li .wen .riq{ font-size:16px; color:#999;}
.news_list ul li .wen h1{ font-size:14px; color:#000; line-height:30px;  border-bottom:1px solid #999; height:30px; overflow:hidden;}
.news_list ul li .wen p{ font-size:12px; color:#999999; line-height:22px; height:44px; overflow:hidden; margin-top:10px !important;}

.lianx .right{ float:none; margin:30px auto;}

.pic ul li{ width:48%; margin:0 1% 20px; background:#fff; padding:5px;}
.pic ul li .imgbox{ height:144px;}
.pic ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat;}
.pic ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:15px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}

.anli2 ul li .imgbox{ height:100px; width:100px; border-radius:50%; -moz-border-radius:50%; background:#dddddd; padding:10px; margin:0 auto; position:relative;}
.anli2 ul li .imgbox span{ width:100%; height:100%; display:block; border-radius:50%; -moz-border-radius:50%;}
.anli2 ul li .wenbox{ background:#fff;  border-radius:10px; -moz-border-radius:10px; height:138px; margin:-60px 0 0 0;}
.anli2 ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat; padding:45px 5px 0; height:84px; overflow:hidden;}
.anli2 ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:15px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}

/*news*/
.news{ margin:20px 0; background:#fff; padding:5px;}
.news ul li{ margin: 0 0 20px 0; border:1px solid #ccc; padding:5px;}
.news ul li .imgbox{ height:119px; width:45%;}
.news ul li .wen2{ width:55%;}
.news ul li .wen2 .leftin{ width:100%; padding: 0 0 0 10px;}
.news ul li .wen2 .leftin h1{ font-size:14px; color:#000; line-height:30px; height:30px;}
.news ul li .wen2 .leftin p{ font-size:12px; color:#999999; line-height:22px; height:44px; overflow:hidden;}
.news ul li .wen2 .rightin{ width:100%; margin:5px 0 0 0;}
.news ul li .wen2 .rightin .rq{ float:left; margin:0  10px;}
.news ul li .wen2 .rightin h2{ font-size:20px; font-weight:bold; color:#999;}
.news ul li .wen2 .rightin span{ display:block; font-size:14px; color:#999;}
.news ul li .wen2 .rightin .mor{ width:86px; height:26px; border:1px solid #ccc; line-height:26px; color:#999; text-align:center; border-radius:50px; -moz-border-radius:50px; margin:10px 0 0 0; float:left; font-size:12px;}
.news ul li a:hover .wen2 .rightin .mor{ background:#ffa200; border:1px solid #ffa200; color:#fff;} 

/*footer*/
footer p{ line-height:22px;}
footer nav ul li{ width:25%;}

}

@media (max-width:340px){	
.tel{ margin:25px 5px 0 0; float:right;}
.tel img{ width:70px; height:auto;}

.pic ul li .imgbox{ height:124px;}
.pic ul li h1{ font-size:13px; line-height:40px; color:#000; background:url(../images/h1_bg.png) 50% bottom no-repeat;}
.pic ul li .mo{ width:82px; height:26px; line-height:26px; text-align:center; color:#333; margin:15px auto; border:1px solid #ccc; border-radius:40px; -moz-border-radius:40px;}

/*news*/
.news{ margin:20px 0; background:#fff; padding:5px;}
.news ul li{ margin: 0 0 20px 0; border:1px solid #ccc; padding:5px;}
.news ul li .imgbox{ height:119px; width:45%;}
.news ul li .wen2{ width:55%;}
.news ul li .wen2 .leftin{ width:100%; padding: 0 0 0 10px;}
.news ul li .wen2 .leftin h1{ font-size:14px; color:#000; line-height:30px; height:30px;}
.news ul li .wen2 .leftin p{ font-size:12px; color:#999999; line-height:22px; height:44px; overflow:hidden;}
.news ul li .wen2 .rightin{ width:100%; margin:5px 0 0 0;}
.news ul li .wen2 .rightin .rq{ float:left; margin:0  10px;}
.news ul li .wen2 .rightin h2{ font-size:16px; font-weight:bold; color:#999;}
.news ul li .wen2 .rightin span{ display:block; font-size:14px; color:#999;}
.news ul li .wen2 .rightin .mor{ width:76px; height:26px; border:1px solid #ccc; line-height:26px; color:#999; text-align:center; border-radius:50px; -moz-border-radius:50px; margin:10px 0 0 0; float:left; font-size:12px;}
.news ul li a:hover .wen2 .rightin .mor{ background:#ffa200; border:1px solid #ffa200; color:#fff;}
 
.lianx .right{ float:none; margin:30px auto; }

/*footer*/
footer nav ul li{ width:25%;}
}

/*浮动QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

.dock.close {
    z-index: 50;
}

.dock ul.icons {
    position: absolute;
    list-style: none;
    right: 0px;
    padding: 0px;
    width: 50px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
    right: -70px;
}

.dock ul.icons li i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 210;
}

.dock ul.icons li.active i {
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.dock ul.icons li.up i {
    background-position: -63px -150px;
}

.dock ul.icons li.tel i {
    background-position: -62px -108px;
}

.dock ul.icons li.im i {
    background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
    background-position: -59px -66px;
}

.dock ul.icons li.down i {
    background-position: -63px -190px;
}

.dock ul.icons li p {
    display: block;
    position: absolute;
    top: 50px;
    right: -260px;
    padding: 15px 20px;
    height: 120px;
    color: White;
    line-height: 30px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    z-index: 201;
}

.dock ul.icons li.active p {
    right: 50px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 200px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
    width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p a {
    display: block;
    margin-top: 12px;
    width: 100px;
    height: 35px;
    line-height: 32px;
    color: #00dfb9;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #00dfb9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
    color: White;
    background: #0f8773;
    border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
    width: 160px;
    height:150px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
    
    border: 2px solid #000;
}

.dock a.switch {
    position: absolute;
    display: block;
    top: 270px;
    right: 11px;
    width: 26px;
    height: 26px;
    background: url(../images/icons.png) no-repeat 0px -640px;
    cursor: pointer;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.dock a.switch.off {
    background-position: -32px -640px;
}