@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"; }
/************************************************************************************************************/

body{ font-family:"微软雅黑";}
.glyphicon{}
.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:1030px !important;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;color: #333333;}
/*全局样式*/
 

/*m-1*/
.main{ padding:30px 0;}
.main-White{ background:#fff;}
.main-Background-1{margin:10px 0 0; background:url(../images/newbg.jpg)no-repeat center center; background-size:cover;}
.main-Color{ background:#f5f5f5;}
.main-Color2{ background:#f1f1f1;}

/*header*/
header{position:relative; z-index:1;}
header .logobox{width: 50%;max-width: 496px;min-width: 240px;float: left;line-height: 100px;}
header .topbar{ background:url(../images/topbar_bg.jpg) 50% 50%; background-size:cover;}
header .topbar .tel{ margin:25px 0 0; padding:0 0 0 78px; background:url(../images/telicon_03.png) no-repeat left; font-size:16px; color:#444; line-height:16px;}
header .topbar .tel i{ display:block; font-size:24px; color:#1068c0; font-weight:bold; line-height:30px;}


header .tel img{ width:75px; height:52px; margin-top:9px;}
header nav{ position:absolute; left:0; bottom:-65px; z-index:1; width:100%; height:65px; background:rgba(78,159,239,0.9)} 
header nav li{ position:relative;width:14.28%; height:65px;background:url(../images/nav_jgx.png) no-repeat left;}
header nav li a{ padding:10px 0 0; position:relative; z-index:3; display:inline-block;font-size:16px;color:#fff;line-height:28px;}
header nav li:hover a{ color:#fff;}
header nav li.active a{ color:#fff;}
header nav li a span{position:absolute;left:0;top:36px;font-family:Aparajita,Arial; font-size:13px; line-height:13px; text-align:left;}
header nav li b{ position:absolute; right:15px; top:24px; width:0; height:0; border-left: solid 4px transparent;border-right: solid 4px transparent;border-top: solid 7px #fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0}
header nav li b.active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li:hover b{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0}
header nav li.active b{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0}
header nav li .abg{position:absolute; left:0; bottom:0; z-index:2; width:100%; height:73px;background:#368ce0;box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px 0px 2px rgba(0,0,0,0.4); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px 0px 2px rgba(0,0,0,0.4); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px 0px 2px rgba(0,0,0,0.4); -ms-box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px 0px 2px rgba(0,0,0,0.4); -o-box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px 0px 2px rgba(0,0,0,0.4);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; cursor:pointer;}
header nav li:hover .abg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li.active .abg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li .abg .mb{width:0;height:0;border-top:73px solid #4c9dee;border-right: 140px solid transparent;}
header nav li .zsj{border-bottom:6px solid transparent;border-left:6px solid #3784cf;border-top:6px solid transparent;height:0;left:-5px;opacity:1;overflow:hidden;position:absolute;top:-8px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);width:0;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;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 li:hover .zsj{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li.active .zsj{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li .ysj{border-bottom:6px solid transparent;border-left:6px solid #368ce0;border-top:6px solid transparent;height:0;opacity:1;overflow:hidden;position:absolute;right:-5px;top:-8px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);width:0;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;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 li:hover .ysj{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li.active .ysj{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
header nav li ul{ display:none; position:absolute; left:0; top:55px; width:100%; background:#3f7223;}
header nav li ul li{ width:100%;}
header nav li ul li a{ line-height:40px;}

/*banner*/
.banner{}
#myCarousel{overflow:hidden;}

.banner img{ margin:0 auto;}
.banner .glyphicon{ top:50% !important;}
.banner .carousel-control.left{ left:-80px; width:80px;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:-80px; width:80px;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-indicators{ padding:0 2px; bottom:10px; margin-bottom:0; margin-left:-35px;width:70px; background:rgba(255,255,255,.5); border-radius:15px;}
.banner .carousel-indicators li{ margin:0 3px; width:11px; height:11px; background:#dcdcdc; border:none; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);-moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);-ms-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);-o-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);}
.banner .carousel-indicators .active{ background:#1068c0;}

/*t-1-1*/
.title01{ margin:0 0 30px;}
.title01 h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#444; line-height:40px; font-weight:bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.title01 h1{font-size:22px; color:#4e9fef; line-height:32px; background:url(../images/title_jgx.png) no-repeat center;font-weight:bold;}
.title01:hover h2{ color:#4e9fef;}

/*syabout*/
.syabout{ padding:20px 0 40px; background:url(../images/syabout_img_03.jpg) no-repeat;}
.syabout .syabout_mb{ padding:15px 0 0 40px; position:relative; width:80%; min-height:270px; background:rgba(16,104,192,.25)}
.syabout .syabout_mb_wz{ position:absolute; left:-175px; top:0; z-index:1; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px; color:rgba(255,255,255,.74); font-weight:bold; transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);}
.syabout .syabout_wz{ position:absolute; right:0; top:15px; padding:25px; width:94%; height:270px; background:rgba(16,104,192,.8)}
.syabout .syabout_wz .tbox{line-height:28px; height:196px; overflow:hidden;}
.syabout .syabout_wz .tbox a{color:#fff;}
.syabout .syabout_wz .more{position: relative;left: -10px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.syabout .syabout_wz .more a{ position:relative; display:block; width:112px; line-height:35px; font-size:30px; color:#fff;}
.syabout .syabout_wz .more a span{ position:absolute;background:rgba(255,255,255,.5);}
.syabout .syabout_wz .more a span.span1{ left:2px; top:0; z-index:1; width:20px; height:2px;}
.syabout .syabout_wz .more a span.span2{ left:0px; top:0; z-index:2; width:2px; height:12px;}
.syabout .syabout_wz .more a span.span3{ right:2px; bottom:0; z-index:1; width:20px; height:2px;}
.syabout .syabout_wz .more a span.span4{ right:0px; bottom:0; z-index:2; width:2px; height:12px;}
.syabout .syabout_wz .more:hover {position: relative;left: 10px}
/*p-1*/
.pictrue1 .pictrue1-list{ margin-bottom:20px;}
.pictrue1 .pictrue1-list .pictrue1box{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; padding:1px; border:solid 1px #dcdcdc;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; position:relative; height:196px; overflow:hidden;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb{padding:0 22px 22px;position:absolute; left:0; bottom:0; z-index:1; width:100%; height:40px; background:rgba(0,0,0,0.5); transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb h5{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; margin:0; line-height:40px; font-size:16px; color:#fff;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb p{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S; color:#fff; line-height:24px; height:48px; overflow:hidden;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more{ position:relative; width:64px; height:20px; line-height:20px; font-size:20px; color:#fff;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span{ position:absolute; background:#fff;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span1{ left:1px; top:0; width:9px; height:1px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span2{ left:0px; top:0; width:1px; height:10px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span3{ right:1px; bottom:0; width:9px; height:1px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox .mb .more span.span4{ right:0px; bottom:0; width:1px; height:10px; z-index:1;}
.pictrue1 .pictrue1-list .pictrue1box:hover{ border:solid 1px #4e9fef;}
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb{padding:22px; height:100%; background:rgba(16,104,192,.77);}
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb h5{ margin:18px 0 5px; font-weight:bold;}
#pictrue1{ position:relative;}
#pictrue1 #left_btn,#pictrue1 #right_btn{display: block;height:104px;width:53px;position:absolute; margin-top:-62px;top:50%;transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S;}
#pictrue1 #left_btn{left:-80px; background:url(../images/left.png) no-repeat left}
#pictrue1 #left_btn:hover{background:url(../images/left.png) no-repeat right}
#pictrue1 #right_btn{right:-80px; background:url(../images/right.png) no-repeat right}
#pictrue1 #right_btn:hover{background:url(../images/right.png) no-repeat left}

/*c-2 */
.contact02 h1{ font-size:14px; color:#383838; line-height:50px;}
.contact02 .mapbox{ height:144px; overflow:hidden;margin-bottom: 5px;}
.contact02 .mapbox img{max-width: 100%;}

.contact02 .h5 p{ margin:0 !important; color:#828282; line-height:24px; text-indent:2em;}
.contact02 .detailed{}
.contact02 .detailed li{height:30px; color:#828282; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#666; height:34px; line-height:34px; font-weight:normal;}
.contact02 input{ background:#f4f4f4; border:dashed 1px #aaa;}
.contact02 textarea{ max-width:100%; background:#f4f4f4; border:dashed 1px #aaa;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#4e9fef; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#1068c0;}

 /*footer*/
footer{ padding:15px 0; background:#4e9fef;}
footer p{ color:#fff; line-height:24px;}

/*synews*/
.synewsbox,.synewsbox .arrow-left,.synewsbox .arrow-right,.synewsbox .synews,.synewsbox .synews .jgx,.synewsbox .imgs,.synewsbox .imgs span,.synewsbox .imgs span strong,.synewsbox .imgs b,.synewsbox .texts,.synewsbox .texts .biaoti,.synewsbox .texts .biaoti h3,.synewsbox .texts .biaoti .jiantou2,.synewsbox .texts .biaoti .jiantou2 span,.synewsbox .jiantou,.synewsbox .texts p,.synewsbox .more{transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S}
.synewsbox{ padding:53px 0;position:relative;}
.synewsbox .more{ margin:0 0 0 -72px; position:absolute; left:50%; top:-17px; z-index:1; width:145px; height:34px; border-radius:17px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc2a2a+0,8e1212+100&0.85+1,0.85+100 */
background: -moz-linear-gradient(top,  rgba(78,159,239,0.85) 0%, rgba(78,159,239,0.85) 1%, rgba(16,104,192,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(78,159,239,0.85) 0%,rgba(78,159,239,0.85) 1%,rgba(16,104,192,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(78,159,239,0.85) 0%,rgba(78,159,239,0.85) 1%,rgba(16,104,192,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9bc2a2a', endColorstr='#d98e1212',GradientType=0 ); /* IE6-9 */
}
.synewsbox .more:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad2a2e+0,631315+100 */
background: rgb(173,42,46); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(16,104,192,0.85) 0%, rgba(16,104,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(16,104,192,0.85) 0%,rgba(16,104,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(16,104,192,0.85) 0%,rgba(16,104,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad2a2e', endColorstr='#631315',GradientType=0 ); /* IE6-9 */	
}
.synewsbox .more a{ display:block; line-height:34px; color:#fff;}
.synewsbox .arrow-left{position:absolute;left:50%;top:0;margin-top:-15px;width:42px;height:42px; margin:0 0 0 -21px; border-radius:50%; text-align:center; line-height:42px; z-index:9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.1+100 */
background: -moz-linear-gradient(top,  rgba(16,104,192,0.85) 100%, rgba(78,159,239,0.85) 0%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(16,104,192,0.85) 100%,rgba(78,159,239,0.85) 0%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(78,159,239,0.85) 100%,rgba(78,159,239,0.85) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */

}
.synewsbox .arrow-left span{ color:#fff;}
.synewsbox .arrow-right{position:absolute;left:50%;bottom:0;margin-top:-15px;width:42px;height:42px; margin:0 0 0 -21px; border-radius:50%; text-align:center; line-height:42px; z-index:9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.1+100 */
background: -moz-linear-gradient(top,  rgba(78,159,239,0.85) 0%, rgba(78,159,239,0.85) 1%, rgba(16,104,192,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(78,159,239,0.85) 0%, rgba(78,159,239,0.85) 1%, rgba(16,104,192,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(top,  rgba(78,159,239,0.85) 0%, rgba(78,159,239,0.85) 1%, rgba(16,104,192,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */

}
.synewsbox .arrow-right span{ color:#fff;}
.synewsbox .arrow-left:hover,.synewsbox .arrow-right:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad2a2e+0,631315+100 */
background: rgb(16,104,192); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(16,104,192,0.85) 0%, rgba(16,104,192,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(16,104,192,0.85) 0%,rgba(16,104,192,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(16,104,192,0.85) 0%,rgba(16,104,192,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad2a2e', endColorstr='#631315',GradientType=0 ); /* IE6-9 */
}
.synewsbox .swiper-container{height:100%;width:100%}
.synewsbox .swiper-slide{ width:100%; height:100%;}
.synewsbox .synews{position:relative; height:370px;}
.synewsbox .synews .jgx{ position:absolute; left:50%; top:42px; z-index:999; width:1px; height:286px; background:rgba(255,255,255,.2);}
.synewsbox .imgbox{ position:relative; cursor:pointer;}
.synewsbox .imgs{width:90px;height:90px;border-radius:50%;}
.synewsbox .imgs span{padding:25px 0 0;position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.5); text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:18px;border-radius:50%;font-weight:bold;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0}
.synewsbox .imgs span strong{ display:block; font-size:22px; line-height:24px;}
.synewsbox .imgs b{ position:absolute; right:0; top:0; z-index:2; width:20px; height:20px; background:rgba(248,20,17,0.8); color:#fff; text-align:center; line-height:20px; font-size:8px;border-radius:50%;}
.synewsbox .texts{ padding:5px 15px; position:absolute;top:9px; width:290px; height:128px; background:rgba(255,255,255,0.85); border-radius:5px;}
.synewsbox .texts .biaoti{ position:relative; height:37px; border-bottom:solid 2px #cecfd0;}
.synewsbox .texts .biaoti h3{padding:0 70px 0 0;width:100%;font-size:16px;line-height:36px;color:rgba(145,145,145,.7); font-weight:bold;}
.synewsbox .texts .biaoti h3 b{ font-family:"Times New Roman", Times, serif;}
.synewsbox .texts .biaoti .jiantou2{ position:absolute; right:0; top:8px; z-index:1; width:62px; height:20px; line-height:20px; text-align:center; font-size:20px; color:rgba(145,145,145,.7);}
.synewsbox .texts .biaoti .jiantou2 span{ position:absolute; background:rgba(255,255,255,0.7);}
.synewsbox .texts .biaoti .jiantou2 span.span1{ left:1px; top:0; width:9px; height:1px;}
.synewsbox .texts .biaoti .jiantou2 span.span2{ left:0; top:0; width:1px; height:10px;}
.synewsbox .texts .biaoti .jiantou2 span.span3{ right:1px; bottom:0; width:9px; height:1px;}
.synewsbox .texts .biaoti .jiantou2 span.span4{ right:0px; bottom:0; width:1px; height:10px;}
.synewsbox .texts p{ padding:8px 0; font-family:"宋体 "; font-size:12px; color:rgba(145,145,145,.7); line-height:22px; height:82px; overflow:hidden;}
.synewsbox .jiantou{ position:absolute; top:29px; z-index:1;width:0; height:0;;border-top:10px solid transparent; border-bottom:10px solid transparent;}
/*左右单独设置*/
.synewsbox .slide2s{ width:50%; height:100%;}
.synewsbox .slide2s:first-child .imgbox{ margin:180px 24px 0 0; float:right;}
.synewsbox .slide2s:first-child .texts{ right:122px;}
.synewsbox .slide2s:first-child .texts .jiantou{ right:-13px;border-left:13px solid rgba(255,255,255,.7);}
.synewsbox .slide2s:last-child .imgbox{ margin:52px 0 0 24px; float:left;}
.synewsbox .slide2s:last-child .texts{ left:122px;}
.synewsbox .slide2s:last-child .texts .jiantou{ left:-13px;border-right:13px solid rgba(255,255,255,.7);}


/*hover*/
.synewsbox .imgbox:hover .imgs span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}
.synewsbox .imgbox:hover .imgs b{ background:rgba(16,104,192,0.85);}
.synewsbox .imgbox:hover .texts{ background:rgba(16,104,192,0.85);}
.synewsbox .imgbox:hover .texts .biaoti {border-bottom:solid 2px #b2d9ff;}
.synewsbox .imgbox:hover .texts .biaoti h3{ color:rgba(255,255,255,1);}
.synewsbox .imgbox:hover .texts .biaoti .jiantou2{ color:rgba(255,255,255,1);}
.synewsbox .imgbox:hover .texts .biaoti .jiantou2 span{background:rgba(255,255,255,1);}
.synewsbox .imgbox:hover .texts p{color:rgba(255,255,255,1);}
.synewsbox .slide2s:last-child .imgbox:hover .texts .jiantou{border-right:13px solid rgba(16,104,192,0.85);}
.synewsbox .slide2s:first-child .imgbox:hover .texts .jiantou{border-left:13px solid rgba(16,104,192,0.85);}

/*subnav-1*/
.subnav ol{ height:57px; background:#bb242b; border-bottom:solid 2px #fff;}
.subnav ol b{ margin:0 10px; font-size:20px; color:#fff; line-height:55px;}
.subnav ol h1{ font-weight:bold; font-size:22px; color:#fff; line-height:55px;}
.subnav ol small{ padding:15px 0 0 0; margin:0 0 0 10px; font-family:"Times New Roman", Times, serif; font-size:11px; color:#fff; line-height:14px;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#f3f3f3;}
.subnav .contact-img{ margin:20px 0;}
.subnav .pcdnav{ margin:0 0 20px;}
.subnav .pcdnav li{ margin:2px 0 0 0; height:45px;}
.subnav .pcdnav li a{display:block; font-size:18px; color:#8c8a8a; line-height:45px; background:url(../images/subnavicon_06.png) no-repeat 20% 50% #f4f4f4; transition:all 0.3s;}
.subnav .pcdnav li a.active{background:url(../images/subnavicon_03.png) no-repeat 20% 50% #ebebeb; color:#bb242b;}
.subnav .pcdnav li a:hover{ background:url(../images/subnavicon_03.png) no-repeat 20% 50% #ebebeb; color:#bb242b;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:12px; color:#999; line-height:35px;background:#f4f4f4;transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S}
.subnav .pcdnav .xlxl a:hover{background:#e1e1e1;}
.subnav .pcdnav .xlxl a.active{background:#e1e1e1;}
.subnav .yddnav{ margin:0 0 20px;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666;transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S}
.subnav .yddnav li a.active{ background:#bb242b}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#bb242b; border-top:solid 1px #e2373f;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#efefef; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}

/*t-4-1*/
.title04{ margin:0 0 20px; height:40px;border-bottom: 1px solid #aeaeae;}
.title04 h1{font-size:16px; height:39px;line-height:39px;}
.title04 h1 a{ color:#3e3d3d; }
.title04 span{color:#666; line-height:39px;}
.title04 span a{ color:#666;transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S}
.title04 span a:hover{ color:#bb242b}
.title04 span strong{ color:#bb242b;}

/*text3*/
.text3{ color:#3e3d3d; line-height:30px;}

/*c-1*/
.contact-map{width:100%;  border:solid 1px #c4c2c2;}
.contact-content section h1{ font-size:16px; color:#666;}
.contact-content section address{ font-size:12px; color:#666;} 
.contact02 .form-group textarea.form-control{height: 100px;max-height: 100px;}
/*t-7-1*/
.title07 h1{margin:0 auto !important;width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px;}

/*p-7*/
.picture7{ margin:10px 0;}
.picture7 img{ display:block; margin:0 auto;}

@media (max-width:1199px){
/*p-1*/	
#pictrue1 #left_btn,#pictrue1 #right_btn{display:none;} 
}


@media (max-width:991px){
/*header*/	
header .topbar{}
header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:100%;z-index:555; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:30px;display:block; padding:0; background:rgba(16,104,192,.6); text-align:center; margin-bottom:5px;}
header .sjdnav li a{display:block; color:#fff; line-height:30px; }
header .sjdnavhide{ height:0; overflow:hidden;}	
header .logo img{ width:320px; height:auto;margin-top:10px;}

header .logobox{margin-left: 5px;}

header .ydd_btn{ margin:15px 0 0 0; padding:10px; width:45px; height:40px; cursor:pointer;position: absolute;right: 0;top: 50%;margin-top: -20px;}
/*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;}*/
header .ydd_btn span{ display:block; width:100%; height:4px; background:#1068c0;
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 .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#1068c0;}
header .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;	
} 
header .ydd_btn.click span.span02{
margin:4px 0;	
}
header .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;
}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*syabout*/
.syabout{ padding:0;}
.syabout .syabout_mb{ width:100%; padding:0; min-height:inherit;}
.syabout .syabout_mb_wz{ display:none;}
.syabout .syabout_wz{ position:inherit; top:inherit; padding:15px; width:100%;height:auto;}
.syabout .syabout_wz .tbox{ height:auto;}

/*p-1*/
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:350px;}

/*t-1-1*/
.title01{ margin:0 0 20px;}
.title01 h2{font-size:24px; line-height:34px;}
.title01 h1{font-size:18px;line-height:28px;}

/*synews*/
.synewsbox .synews{ padding-bottom:65px; height:365px; overflow:hidden;}
.synewsbox .imgs{ margin:1px 0 0 1px; position:absolute; left:0; top:0; z-index:1;width:158px; height:138px; border:solid 1px #3e3e3f; border-radius:0; 
box-shadow:0 0 0 1px rgba(220,220,220,1);-moz-box-shadow:0 0 0 1px rgba(220,220,220,1);-webkit-box-shadow:0 0 0 1px rgba(220,220,220,1);-ms-box-shadow:0 0 0 1px rgba(220,220,220,1);-o-box-shadow:0 0 0 1px rgba(220,220,220,1)}
.synewsbox .imgbox:hover .imgs{box-shadow:0 0 0 1px #1068c0;-moz-box-shadow:0 0 0 1px #1068c0;-webkit-box-shadow:0 0 0 1px #1068c0;-ms-box-shadow:0 0 0 1px #1068c0;-o-box-shadow:0 0 0 1px #1068c0;border:solid 1px #fff; }
.synewsbox .imgs span{ display:none;}
.synewsbox .imgs b{ display:none;}
.synewsbox .synews .jgx{ display:none;}
.synewsbox .texts .biaoti{ height:auto; border-bottom:none;}
.synewsbox .imgbox:hover .texts .biaoti{border-bottom:none;}
.synewsbox .texts .biaoti h3{ padding:0; line-height:28px;}
.synewsbox .texts .biaoti h3 b{ display:none;}
.synewsbox .texts .biaoti .jiantou2{ display:none;}
.synewsbox .texts p{ padding:0; line-height:24px; height:96px; border-top:none;}
.synewsbox .texts .mbsbox{position:absolute; right:-140px; top:0; z-index:999;transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S}
.synewsbox .texts .mbsbox .mbs{width: 0;height: 0;border-bottom: 140px solid rgba(0,0,0,0.5);border-left: 140px solid transparent;}
.synewsbox .texts .mbsbox span{ position:absolute; background:rgba(255,255,255,1);transition:all 0.3S;-webkit-transition:all 0.3S;-moz-transition:all 0.3S;-ms-transition:all 0.3S;-o-transition:all 0.3S}
.synewsbox .texts .mbsbox span.span1{ z-index:999; bottom:24px; right:37px; width:4px; height:30px;}
.synewsbox .texts .mbsbox span.span2{ z-index:999; bottom:37px; right:24px; width:30px; height:4px;}
.synewsbox .imgbox:hover .texts .mbsbox{ right:0;}
.synewsbox .imgbox:hover .texts .mbsbox span{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
.synewsbox .imgbox:hover .texts .mbsbox:hover  span{ transform:rotate(720deg);-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);-o-transform:rotate(720deg)}
.synewsbox .imgbox:hover .texts p{ border-top:none;}
.synewsbox .slide2s{ margin:0 0 20px; width:100%; height:140px;}
.synewsbox .slide2s:first-child .imgbox{ float:left; margin:0;}
.synewsbox .slide2s:last-child .imgbox{ margin:0;}
.synewsbox .texts{ padding:10px 15px 10px 180px; position:relative; float:left; top:0; width:100%; height:140px; border-radius:0; margin:0 0 0 1px; background:#232220; overflow:hidden;}
.synewsbox .imgbox:hover .texts{ background:#1068c0;}
.synewsbox .slide2s:first-child .texts{ right:inherit;}
.synewsbox .slide2s:last-child .texts{ left:inherit;}
.synewsbox .jiantou{ display:none;}
.synewsbox .imgbox{ width:100%;}
.synewsbox .arrow-left{ margin:0; left:inherit; right:74px; top:inherit; bottom:0; width:70px; height:45px; background:rgba(161,161,161,.5); border-radius:0; line-height:45px;}
.synewsbox .arrow-left:hover{ background:rgba(16,104,192,.8)}
.synewsbox .arrow-left span{ font-size:22px;}
.synewsbox .arrow-right{ margin:0;left:inherit; right:0; top:inherit; bottom:0; width:70px; height:45px; background:rgba(161,161,161,.5); border-radius:0; line-height:45px;}
.synewsbox .arrow-right:hover{ background:rgba(16,104,192,.8)}
.synewsbox .arrow-right span{font-size:22px;}
}

@media (max-width:900px){
/*p-1*/
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:300px;}
}

@media (max-width:767px){
body{ padding-bottom:50px;}	

.main{ padding:20px 0;}
	
/*header*/		
header .topbar{}
header .sjdnav{ right:0;top:100%;width:40%;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
header .sjdnav li{margin-bottom:0;padding:0 3%;height:40px; background:rgba(16,104,192,.8); border-bottom:solid 1px #368ce0;border-top:solid 1px #5fa8f1;}
header .sjdnav li a{color:#fff;line-height:40px;}

header .ydd_btn{ margin:5px 0 0 0; padding:10px; width:45px; height:40px; cursor:pointer;position: absolute;right: 0; top: 50%;margin-top: -20px;}
header .logobox{line-height: 60px;margin-left: 5px;}
/*c-2 */
.contact02 .form-group{ margin-bottom:5px;}
.contact02 label{ margin-bottom:0;}
.contact02 button{ margin:5px 0 0 0; border-radius:5px; height:40px;}

/*footer*/
footer{ padding:5px 10px;}
footer p{ font-size:12px;line-height:24px;}

 /*f-nav*/
.hot{height:50px; background:#1068c0; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #034c95;}
.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:#0051a1;}

/*p-1*/
.pictrue1 .pictrue1-list{padding: 0 10px;}
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:250px;}

/*syabout*/
.syabout .syabout_wz .tbox{ height:140px;}

/*c-1*/
.contact-map{ margin:0 0 10px; height:auto; }
 }
 
@media (max-width:640px){
/*p-1*/
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:200px;}	
}
 
@media (max-width:500px){
/*p-1*/
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:180px;}	
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb{ padding:0 22px 22px;}	

/*synews*/
.synewsbox .slide2s{ height:110px;}
.synewsbox .imgs{ width:120px; height:110px;}
.synewsbox .texts{ padding:10px 15px 10px 135px; height:112px;}
.synewsbox .texts p{ height:48px;}
.synewsbox .texts .mbsbox{right:-112px;}
.synewsbox .texts .mbsbox .mbs{border-bottom: 112px solid rgba(0,0,0,0.5);border-left: 112px solid transparent;}
.synewsbox .texts .mbsbox span.span1{bottom:14px; right:27px;}
.synewsbox .texts .mbsbox span.span2{bottom:27px; right:14px;}
.synewsbox .arrow-left{ height:34px; line-height:34px;}
.synewsbox .arrow-right{ height:34px; line-height:34px;}
.synewsbox .arrow-left span{ font-size:18px;}
.synewsbox .arrow-right span{ font-size:18px;}
.synewsbox .synews{ padding-bottom:54px; height:298px;}
}


@media (max-width:414px){
		
/*banner*/
.banner .carousel-indicators{ background:none; bottom:0;}

/*p-1*/
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:150px;}	
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb h5{ line-height:24px;}
 
}

@media (max-width:340px){	
/*p-1*/
.pictrue1 .pictrue1-list .pictrue1box .imgbox{ height:120px;}	
.pictrue1 .pictrue1-list .pictrue1box:hover .imgbox .mb h5{ margin:10px 0 0; line-height:24px; font-size:14px;}

}


/*内页*/
.mainbox{padding: 30px 0;}
.cenbox{width: 100%;overflow: hidden;zoom: 1;}
.cen_l{width: 26%;float: left;padding-right: 30px;}
.cen_r{width: 74%;float: right;}

.tit02{position: relative;background: url(../images/tit02bg.jpg)repeat-x;background-size: 100% 100%;}
.tit02 p{font-size: 18px;color: #fff;line-height:51px;}
.dropmenu{margin-bottom: 40px;margin-top: 10px;}
.dropmenu>ul.lv1{padding: 0;}
.dropmenu>ul.lv1>li>a{display: block;width: 100%;line-height: 34px;margin-bottom: 8px;font-size: 16px;text-align: center;background: #e4e4e4;border: 1px solid #dcdcdc;color: #333;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.dropmenu>ul.lv1>li a:focus{text-decoration: none;}
.dropmenu>ul.lv1>li{margin-bottom: 8px;}
/*.dropmenu>ul.lv1>li.act{background: url(../images/icon_nav1.png)no-repeat left 11px;}*/
.dropmenu>ul.lv1>li:hover>a{color: #FFFFFF;background: #4e9fef;}
.dropmenu>ul.lv1>li.act>a{color: #FFFFFF;background: #4e9fef;}
.dropmenu>ul.lv1>li ul.lv2{padding: 0;}
.dropmenu>ul.lv1>li ul.lv2>li>a{display: block;width: 100%;line-height: 26px;color: #8a8a8a;text-align: center;font-size: 12px;}
.dropmenu>ul.lv1>li ul.lv2>li>a:hover{color: #4e9fef;}
.dropmenu>ul.lv1>li ul.lv2>li>a.act{color: #4e9fef;}

.lx_pic{margin-top: 5px;}
.lx_tbox{font-size: 12px;line-height: 24px;padding: 0 5px;}

.suoyin{width: 100%;overflow: hidden;border-bottom: 3px solid #d3d3d3;padding-top: 4px;}
.suoyin h3{font-size: 18px;color: #222222;line-height: 43px;}
.suoyin p{font-size: 12px;color: #000;line-height: 43px;}
.suoyin p span{color: #bc2a2a;}

@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
}

@media only screen and (max-width:767px ) {
.mainbox {padding: 30px 0;}
.cen_box .cen_l{width: 100%;float:none;padding: 0;}
.cen_box .cen_r{width: 100%;float: none;padding-left: 0;}
.tit02{position: relative;padding-left: 10px;}
.tit02{text-align: left;}
.tit02 p{line-height: 48px;}
.dropbtn{display: block;width: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #fff;position: absolute; right: 0;top: 50%;margin-top: -15px;}

.dropmenu>ul.lv1>li{padding-bottom: 0;background: none;padding: 0;margin-bottom: 2px;}
.dropmenu>ul.lv1>li.act{padding-bottom: 0;background: none;}

.dropmenu>ul.lv1>li>a{line-height: 34px;font-size: 16px;border-width: 1px;text-align: center;margin-bottom: 0;}
.dropmenu>ul.lv1{border-bottom: 1px solid #049fb7;}
.dropmenu>ul.lv1>li ul.lv2{display: none;}
.dropmenu>ul.lv1>li ul.lv2>li>a{text-align: center;}
.lxfs_box{display: none;}
.suoyin{display: none;}


}

/*关于我们*/
.about {padding: 20px 10px;}
.about .tit h3{font-size: 18px;color: #000;line-height: 28px;margin: 5px 0;text-align: center;}
.about .abpic img{max-width: 100%;}
.about .abpic{margin: 15px 0;}
.about .abtxt{font-size: 14px;line-height: 30px;text-align: justify;text-indent: 2em;}
.about .abtxt p{color: #000;}

/*服务案例*/
.service {padding: 20px 0;}
.service ul{width: 100%;overflow: hidden;}
.service ul li{padding: 0 16px;padding-bottom: 30px;}
.service ul li a{display: block;width: 100%;overflow: hidden;zoom: 1;padding: 1px;border: 1px solid #d3d3d3; 
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.service ul li a .serpic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.service ul li a .serpic:before{content: ""; padding-top: 89%; display: block;}
.service ul li a .serpic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.service ul li a .ser_zz{position: absolute;width: 100%;height: 100%;padding:0 20px;z-index: 99;top:100%;margin-top: -40px; left: 0;background: rgba(0,0,0,.66);
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.service ul li a .ser_zz  .zzbox{position: relative;top: 0%;overflow: hidden;zoom: 1;
transform: translateY(-0%);
	transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
	
}
.service ul li a .ser_zz h3.tit{font-size: 16px;color: #ffffff;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.service ul li a .ser_zz .ser_zz_tbox{font-size: 14px;line-height: 22px;font-family: "宋体";overflow: hidden;text-align: justify;height: 44px;}
.service ul li a .ser_zz .ser_zz_tbox p{color: #fff;}
.service ul li a .ser_zz .ser_more{display: block;float: right; width: 64px;height: 20px;color: #fff;position: relative;text-align: center;line-height: 20px;}
.service ul li a .ser_zz .ser_more i{position: absolute;background: #fff;}
.service ul li a .ser_zz .ser_more i.i1{left: 1px;top: 0;width: 9px;height: 1px;z-index: 1;}
.service ul li a .ser_zz .ser_more i.i2{left: 0px;top: 0;width: 1px;height: 10px;z-index: 1;}
.service ul li a .ser_zz .ser_more i.i3{right: 1px;bottom: 0;width: 9px;height: 1px;z-index: 1;}
.service ul li a .ser_zz .ser_more i.i4{right: 0px;bottom: 0;width: 1px;height: 10px;z-index: 1;}
.service ul li a:hover{border-color: #007AFF;}
.service ul li a:hover .ser_zz {
	top:0;margin-top: 0px;background: rgba(16,104,192,.77);
}
.service ul li a:hover .ser_zz  .zzbox{
	position: relative;top: 50%;overflow: hidden;zoom: 1;
transform: translateY(-50%);
}

@media only screen and (max-width:767px ) {
	.service ul li{padding: 0 10px;padding-bottom: 20px;}
}

/*服务案例详情*/
.service_X {padding: 20px 10px;}
.service_X .tit h3{font-size: 18px;color: #000;line-height: 28px;margin: 5px 0;text-align: center;}
.service_X .ser_x_pic img{max-width: 100%;}
.service_X .ser_x_pic{margin: 15px 0;}
.service_X .ser_x_t{font-size: 14px;line-height: 30px;text-align: justify;text-indent: 2em;}
.service_X .ser_x_t p{color: #000;}

/*设计团队*/

.team {padding: 20px 0;}
.team ul{width: 100%;overflow: hidden;}
.team ul li{padding: 0 16px;padding-bottom: 30px;}
.team ul li a{display: block;width: 100%;overflow: hidden;zoom: 1;padding: 1px;border: 1px solid #d3d3d3; 
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.team ul li a .teampic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.team ul li a .teampic:before{content: ""; padding-top: 89%; display: block;}
.team ul li a .teampic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.team ul li a .team_zz{position: absolute;width: 100%;height: 100%;padding:0 20px;z-index: 99;top:100%;margin-top: -40px; left: 0;background: rgba(0,0,0,.66);
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.team ul li a .team_zz  .zzbox{position: relative;top: 0%;overflow: hidden;zoom: 1;
transform: translateY(-0%);
	transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
	
}
.team ul li a .team_zz h3.tit{font-size: 16px;color: #ffffff;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.team ul li a .team_zz .team_zz_tbox{font-size: 14px;line-height: 22px;font-family: "宋体";overflow: hidden;text-align: justify;height: 44px;}
.team ul li a .team_zz .team_zz_tbox p{color: #fff;}
.team ul li a .team_zz .team_more{display: block;float: right; width: 64px;height: 20px;color: #fff;position: relative;text-align: center;line-height: 20px;}
.team ul li a .team_zz .team_more i{position: absolute;background: #fff;}
.team ul li a .team_zz .team_more i.i1{left: 1px;top: 0;width: 9px;height: 1px;z-index: 1;}
.team ul li a .team_zz .team_more i.i2{left: 0px;top: 0;width: 1px;height: 10px;z-index: 1;}
.team ul li a .team_zz .team_more i.i3{right: 1px;bottom: 0;width: 9px;height: 1px;z-index: 1;}
.team ul li a .team_zz .team_more i.i4{right: 0px;bottom: 0;width: 1px;height: 10px;z-index: 1;}
.team ul li a:hover{border-color: #007AFF;}
.team ul li a:hover .team_zz {
	top:0;margin-top: 0px;background: rgba(16,104,192,.77);
}
.team ul li a:hover .team_zz  .zzbox{
	position: relative;top: 50%;overflow: hidden;zoom: 1;
transform: translateY(-50%);
}

@media only screen and (max-width:767px ) {
	.team ul li{padding: 0 10px;padding-bottom: 20px;}
}
/*设计团队详情*/
.team_x {padding: 20px 10px;}
.team_x .tit h3{font-size: 18px;color: #000;line-height: 28px;margin: 5px 0;text-align: center;}
.team_x .team_x_pic img{max-width: 100%;}
.team_x .team_x_pic{margin: 15px 0;}
.team_x .team_x_t{font-size: 14px;line-height: 30px;text-align: justify;text-indent: 2em;}
.team_x .team_x_t p{color: #000;}

/*页码CSS*/
.yema{width: 100%; text-align: center;margin-top: 20px;}
.yema ul,.yema ul li,.yema ul li a{display: inline-block;}
.yema ul li{padding: 0;}
.yema ul li a{font-size:12px;padding: 2px 8px;border: 1px solid #d7d7d7;transition: all 0.25s;}
.yema ul li a:hover{background: none;border-color: #007AFF;color: #007AFF;}

/*新闻中心*/
.news{padding: 20px 10px;}
.news ul li{padding-bottom: 20px;}
.news ul li a{display: block;width: 100%;overflow: hidden;position: relative; padding:1px 1px 1px 220px;background: #e4e3e3;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a .newpic{position: absolute;left: 0;top:0;width:220px;height: 100%;border: 1px solid #e4e3e3;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a .newpic .picbox{width: 100%;height: 100%;overflow: hidden;border: 1px solid #f3f3f3;}
.news ul li a .newpic .picbox span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a .newtxt {padding: 20px 10px;}
.news ul li a .newtxt .newtit h4{font-size: 16px;color: #636363;line-height: 30px;margin-bottom: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a .newtxt .newtbox{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;text-align: justify;}
.news ul li a .newtxt .newtbox p{color: #636363;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a .newtxt .newdate{font-size: 12px;line-height: 30px;margin-top: 12px;}
.news ul li a .newtxt .newdate p{color: #636363;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a:hover{background: #4e9fef;}
.news ul li a:hover .newpic{border-color: #4E9FEF;}
.news ul li a:hover .newpic .picbox span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.news ul li a:hover .newtit h4{color: #fff;}
.news ul li a:hover .newtbox p{color: #fff;}
.news ul li a:hover .newdate p{color: #fff;}

@media only screen and (max-width:767px ) {
	.news ul li a{padding-left:200px;}
	.news ul li a .newpic{width: 200px;}
	.news ul li a .newtxt{padding: 15px 10px;}
	.news ul li a .newtxt .newtit h4{margin-bottom: 10px;}
	.news ul li a .newtxt .newdate{margin-top: 8px;}
}
@media only screen and (max-width:560px ) {
	.news ul li a{padding-left:180px;}
	.news ul li a .newpic{width: 180px;}
	.news ul li a .newtxt{padding: 10px 10px;}
	.news ul li a .newtxt .newtit h4{margin-bottom: 5px;line-height: 26px;}
	.news ul li a .newtxt .newdate{margin-top: 5px;line-height: 26px;}
}
@media only screen and (max-width:480px ) {
	.news ul li a{padding-left:160px;}
	.news ul li a .newpic{width: 160px;}
	.news ul li a .newtxt{padding: 10px 10px;}
	.news ul li a .newtxt .newtit h4{margin-bottom: 3px;line-height: 24px;}
	.news ul li a .newtxt .newdate{margin-top: 3px;line-height: 20px;}
}
@media only screen and (max-width:380px ) {
	.news ul li a .newtxt .newdate{line-height: 18px;}
	.news ul li a .newtxt{padding: 5px;}
}

/*新闻详情*/
.new_x {padding: 20px 10px;}
.new_x .tit h3{font-size: 18px;color: #000;line-height: 28px;margin: 5px 0;text-align: center;}
.new_x .new_x_pic img{max-width: 100%;}
.new_x .new_x_pic{margin: 15px 0;}
.new_x .new_x_t{font-size: 14px;line-height: 30px;text-align: justify;text-indent: 2em;}
.new_x .new_x_t p{color: #000;}

/*招贤纳士*/
.recruit {padding: 20px 10px;}
.recruit .tit h3{font-size: 18px;color: #000;line-height: 28px;margin: 5px 0;text-align: center;}
.recruit .recruit_pic img{max-width: 100%;}
.recruit .recruit_pic{margin: 15px 0;}
.recruit .recruit_txt{font-size: 14px;line-height: 30px;text-align: justify;text-indent: 2em;}
.recruit .recruit_txt p{color: #000;}

/*联系我们*/
.contact{padding: 20px 10px;}
.contact .lxfs{font-size: 14px;line-height: 30px;margin-bottom: 15px;}
.contact .mapbox {margin: 15px 0;}
.contact .mapbox img{width: 100%;}