@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{ 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:1000px !important;}
/*全局样式*/
 

/*m-1*/
.main{ padding:30px 0;}
.main-White{ background:#fff;}
.main-Colorless{background:none;}
.main-Background-1{ background:url(../images/bg1.jpg) 50% 50%; background-size:cover;}
.main-Color{ background:#f4f4f4;}
.main-Color2{ background:#f0f0f0;}
.main-opcityBackground{}

/*header*/
header{ position:relative; z-index:1;}
header .biaotou{ line-height:29px; border-bottom:solid 1px #e4e4e4; background:#f3f3f3;}
header .biaotou p{ padding:0 0 0 20px; font-size:12px; color:#666; background:url(../images/biaotou_icon.png) no-repeat left; letter-spacing:1px;}
header .biaotou p b{ color:#245790;}
header .biaotou ol a{ margin:8px 0 0; padding:0 10px; font-size:12px; color:#888; height:12px; line-height:12px; border-left: solid 1px #888; 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 .biaotou ol a:first-child{ border:none;}
header .biaotou ol a:hover{ color:#666;}
header .topbar{ height:85px; overflow:hidden;background:#f3f3f3; border-top: solid 1px #fff;}
header .topbar .tel{ margin:17px 20px 0 0; padding:0 0 0 86px; height:50px; background:url(../images/telicon_03.png) no-repeat left;}
header .topbar .tel span{font-size:18px; color:#555; line-height:18px;}
header .topbar .tel span i{ font-weight:bold; display:block; font-size:33px; line-height:33px; /*color:#245790;*/color:#FC5353;}
header .logo{ height:80px;}
header .logo img{ width:521px; height:63px; margin-top:6px;}
header .tel img{ width:50px; height:50px; margin-top:9px;}
header .navbox{ position:absolute; left:0; bottom:-60px; z-index:999; width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#245790+0,245790+100&0.85+1,0.85+100 */
background: -moz-linear-gradient(top,  rgba(36,87,144,0.85) 0%, rgba(36,87,144,0.85) 1%, rgba(36,87,144,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(36,87,144,0.85) 0%,rgba(36,87,144,0.85) 1%,rgba(36,87,144,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(36,87,144,0.85) 0%,rgba(36,87,144,0.85) 1%,rgba(36,87,144,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9245790', endColorstr='#d9245790',GradientType=0 ); /* IE6-9 */
} 
header nav{ padding:0 180px 0 0; position:relative;}
header nav li{ position:relative;width:16.6%; transition:all 0.3s;}
header nav li a{ position:relative; margin:0 auto; display:block;color:#fff; line-height:60px; background:url(../images/nav_jgx.png) no-repeat right;}
header nav li a span{ position:absolute; top:0; z-index:-99999; width:29px; height:100%; 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 a span.span1{ left:-29px; background:url(../images/nav_hover_left_03.png) no-repeat right top;}
header nav li a span.span2{ right:-29px; background:url(../images/nav_hover_right_03.png) no-repeat left top;}
header nav li:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#367cca+1,1c4573+100 */
background: rgb(54,124,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(54,124,202,1) 1%, rgba(28,69,115,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(54,124,202,1) 1%,rgba(28,69,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(54,124,202,1) 1%,rgba(28,69,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367cca', endColorstr='#1c4573',GradientType=0 ); /* IE6-9 */
}
header nav li:hover a{ color:#fff;}
header nav li:hover a span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
header nav li.active{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#367cca+1,1c4573+100 */
background: rgb(54,124,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(54,124,202,1) 1%, rgba(28,69,115,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(54,124,202,1) 1%,rgba(28,69,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(54,124,202,1) 1%,rgba(28,69,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367cca', endColorstr='#1c4573',GradientType=0 ); /* IE6-9 */
}
header nav li.active a{ color:#fff;}
header nav li.active a span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
header nav li:hover ul{ display:block;box-shadow:2px 2px 2px rgba(0,0,0,.2);}
header nav li ul{ display:none; position:absolute; left:0; top:60px; z-index:99999; width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#245790+0,245790+100&0.85+1,0.85+100 */
background: -moz-linear-gradient(top,  rgba(36,87,144,0.85) 0%, rgba(36,87,144,0.85) 1%, rgba(36,87,144,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(36,87,144,0.85) 0%,rgba(36,87,144,0.85) 1%,rgba(36,87,144,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(36,87,144,0.85) 0%,rgba(36,87,144,0.85) 1%,rgba(36,87,144,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9245790', endColorstr='#d9245790',GradientType=0 ); /* IE6-9 */
}
header nav li ul li{ width:100%;}
header nav li ul li a{ line-height:40px; background:none;}
header nav li ul li:hover{background:#1c4574;}
header .searchbox{position:absolute; right:0; top:16px; z-index:1; width:120px;
 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 .searchbox form{ position:relative;}
header .searchbox input.pull-left{padding:0 38px 0 14px; width:100%; height:28px; font-size:12px; color:#fff;border:solid 1px #fff; border-right:none;border-radius:14px; background:none;
 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 .searchbox button.pull-right{position:absolute; right:-1px; top:0px; z-index:999999; width:28px; height:28px; color:#fff; line-height:26px; border:solid 1px #fff; border-radius:50%; background:none;}
header .searchbox:hover{ width:150px;}
header .searchbox:hover input.pull-left{box-shadow:2px 2px 2px rgba(0,0,0,.2);}

/*banner*/
.banner{ overflow:hidden;}
.sybanner .item1{ background:url(../images/banner.jpg) 50% 50%; background-size:cover;}
.sybanner .item2{ background:url(../images/banner1.jpg) 50% 50%; background-size:cover;}
.sybanner .item3{ background:url(../images/banner2.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 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fff}

/*t-2*/
.title02 h2,.title02 h1{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.title02{margin:0 0 30px;}
.title02 h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#666666; line-height:24px;font-weight:bold; 
text-shadow:1px 1px 0 rgba(255,255,255,1);}
.title02 h1{font-size:22px; color:#136099; line-height:30px;font-weight:bold;
text-shadow:1px 1px 0 rgba(255,255,255,1);background:url(../images/titlejgx2_03.png) no-repeat center;}
.title02 p{ margin:15px 0 0 0; color:#666666; line-height:20px; font-size:12px;}
.title02 a:hover h1,.title02 a:hover h2{color:#136099}

/*t-4*/
.title04{ margin:0 0 20px 0; height:40px; background:url(../images/t4_xhx_03.jpg) repeat-x bottom;}
.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;}
.title04 span a:hover{ color:#245790}

/*t-7*/
.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;}

/*t-9*/
.title09{ margin:0 0 20px; font-size:18px; color:#245790; font-weight:bold; line-height:50px; border-bottom:dashed 1px #bbb; text-align:center;}

/*m-1*/
.more{margin:20px auto 0; } 
.more a{ margin:0 auto; display:block;width:182px;line-height:42px; font-size:12px; color:#666; font-weight:bold;border:solid 2px #b0afaf;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.more a:hover{ color:#fff; border:solid 2px #136099; background:#136099;}

/*subnav-1*/
.subnav ol{ height:37px; background:#245790;}
.subnav ol b{ margin:0 10px; color:#fff; line-height:35px;}
.subnav ol h1{ font-size:16px; color:#fff; line-height:35px;}
.subnav ol small{ margin:0 0 0 10px; color:#fff; line-height:35px;}
.subnav .contact-text{ margin:2px 0 0; padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#f4f4f4;}
.subnav .pcdnav{ margin:0 0 20px;}
.subnav .pcdnav li{ margin:2px 0 0 0; height:35px;}
.subnav .pcdnav li a{display:block; font-size:14px; color:#8b8b8b; line-height:35px; background:url(../images/subnavicon_06.png) no-repeat 20% 50% #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 li a.active{background:url(../images/subnavicon_03.png) no-repeat 20% 50% #e8e8e8; color:#245790;}
.subnav .pcdnav li a:hover{ background:url(../images/subnavicon_03.png) no-repeat 20% 50% #e8e8e8;color:#245790;}
.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 0;}
.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:#245790}
.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:#245790; border-top:solid 1px #336aa8;}
.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;}

/*p-2*/
.picture2 .picture2-list { margin:0 0 20px;}
.picture2 .picture2-list .imgbox{ padding:1px; border:solid 1px #bdbdbd;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture2 .picture2-list .imgbox span{ position:relative; display:block; height:186px; overflow:hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture2 .picture2-list .imgbox span b{ position:absolute; left:0; bottom:-100%; z-index:1; width:100%; height:100%; background:url(../images/p2_mb.png) no-repeat center;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;}
.picture2 .picture2-list:hover .imgbox span b{ bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
.picture2 .picture2-list h6{ font-size:15px; color:#666; line-height:38px; border-bottom:solid 1px #d5d5d5;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture2 .picture2-list:hover h6{ background:#136099; border-bottom: solid 1px #136099; color:#fff;}
.picture2 .picture2-list:hover .imgbox{ border:solid 1px #136099}

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

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

/*t-1*/
.title01{ border-bottom:solid 1px #d9d9d9;}
.title01 h3{ font-family:"Times New Roman", Times, serif,Arial; font-size:18px; color:#777;line-height:48px;}
.title01 h3 span{ margin:0 0 -1px; display:inline-block; font-family:"微软雅黑"; color:#444; border-bottom:solid 2px #136099;}
.title01 h3 span small{ font-size:18px;color:#136099;}
.title01 a{ margin:15px 0 0; display:block; width:38px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; line-height:18px; background:#dbdada; border-radius:3px;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 a:hover{ background:#136099}

/*t-8-1*/
.title08{ margin:0 0 20px 0;}
.title08 h1{ font-size:20px; color:#333; line-height:50px;}
.title08 ul{ background:#cecece; border-top:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7;}
.title08 ul li{ margin:0 5px; display:inline; font-family:"宋体"; font-size:12px; color:#333; line-height:28px;}
.title08 ul li a{ color:#333;}

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

/*p-3*/
.picture3 .col-xs-4{ border-right: solid 1px #e0dddd;}
.picture3 .col-xs-4:first-child{border-left: solid 1px #e0dddd;}
.picture3 .picture3-list .imgbox img{ display:block; margin:0 auto;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture3 .picture3-list h3{ margin:10px 0;}
.picture3 .picture3-list h3 a{font-size:18px; color:#5e5e5e; font-weight:bold;}
.picture3 .picture3-list:hover h3 a{ color:#136099;}
.picture3 .picture3-list:hover .imgbox img{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}

/*p-13*/
.picture13 .picture13-list .imgbox{ padding:1px; background:#fff; border:solid 1px #c3c2c2;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture13 .picture13-list .imgbox a{ position:relative; display:block; height:186px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture13 .picture13-list .imgbox a span{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../images/fdjmb3.png) no-repeat center;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;}
.picture13 .picture13-list h2{ margin:5px 0 0; font-size:16px; font-weight:bold; line-height:36px;}
.picture13 .picture13-list h2 a{ color:#555;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture13 .picture13-list .jgx{ width:30px; height:2px; background:#777;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture13 .picture13-list p{ font-size:12px; line-height:24px;color:#727272;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.picture13 .picture13-list p a{ color:#049dd5}
.picture13 .picture13-list:hover .jgx{ width:100%; background:#049dd5}
.picture13 .picture13-list:hover .imgbox{ border:solid 1px #049dd5}
.picture13 .picture13-list:hover h2 a{ color:#049dd5;}
.picture13 .picture13-list:hover p{ color:#999;}
.picture13 .picture13-list:hover .imgbox a span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}

/*a-3*/
.abousbox3 .imgbox{ width:43%; padding:1px; border:solid 1px #bdbdbd; border-radius:5px;}
.abousbox3 .imgbox:hover img{ opacity:0.8;}
.abousbox3 .imgbox img{ display:block; margin:0 auto;transition:all 0.3s;}
.abousbox3 .textbox{ padding:0 0 0 20px; width:55%;}
.abousbox3 .textbox h2{ position:relative; height:36px; border-bottom:solid 1px #d4d4d4;}
.abousbox3 .textbox h2 strong{ display:block; padding:0 80px 0 0; font-size:18px; color:#136099;line-height:35px;}
.abousbox3 .textbox h2 span{ margin:6px 0 0; display:block; position:absolute; right:0; top:0; z-index:1; width:73px; height:23px; line-height:23px; text-align:center;font-size:14px; color:#fff; background:#136099; border-radius:5px;}
.abousbox3 .textbox p{ border-top: solid 1px #fff; padding-top:10px; margin:0; line-height:32px; height:170px; overflow:hidden; text-indent:2em;}
.abousbox3 .textbox p a{ color:#666;transition:all 0.3s;}
.abousbox3 .textbox:hover p a{ color:#666;}
.abousbox3 .textbox .more2{ margin:15px 0 0 0;}
.abousbox3 .textbox .more2 a{ display:block; width:100%; height:36px; background:#136099; color:#fff; line-height:36px; transition:all 0.3s; border-radius:5px;}
.abousbox3 .textbox .more2 a:hover{ background:#287fcd;}

/*footer*/
footer{ padding:15px 0; background:#136099;transition:all 1s;}
footer .left{ width:13%;transition:all 1s;}
footer .right{ margin:0 0 0 3%; padding:0 0 0 3%;width:81%;transition:all 1s; border-left: solid 1px #fff;}
footer .left .QrCode{width:100%; color:#fff;transition:all 1s;}
footer section{color:#fff;}
footer section nav{ margin:0 0 10px;height:14px;}
footer section nav li{ width:11.11%; line-height:14px; border-right: solid 1px #fff;transition:all 1s;}
footer section nav li:first-child{ border-left: solid 1px #fff;}
footer section nav li a{ color:#fff; transition:all 0.3s;}
footer section nav li a:hover{ color:#5dafec;}
footer section .ContactUs{margin:6px 0;} 

/*syabout*/
.syabout_img{ margin:25px 0 15px; padding:1px; border:solid 1px #d9d9d9;border-radius:5px;}
.syabout_img span{ display:block; height:116px; border-radius:5px;}
.syabout_tel nav li{ line-height:34px; color:#686868;}
.syabout_tel nav li b{ margin:0 10px 0 0; line-height:34px; color:#676767;}
.syabout_text{ line-height:34px; color:#686868; text-indent:2em; height:170px; overflow:hidden;}

/*n-3*/
.news3 .news3-list{ height:44px;}
.news3 .news3-list a{ padding:0 0 0 10px; width:80%; color:#5a5a5a; line-height:43px; background:url(../images/dian.png) no-repeat left; border-bottom:dashed 1px #c6c6c6; transition:all 0.3s;}
.news3 .news3-list a:hover{ color:#245790;}
.news3 .news3-list span{ width:20%; color:#5a5a5a; line-height:43px; border-bottom:dashed 1px #c6c6c6;}

/*lunbo*/
.lunbo #owl-demo .item{ margin:0 10px;}
.lunbo #owl-demo .item .lunbobox{ margin:0 auto;  border:solid 1px #dcdcdc; background:#fff; padding:1px;}
.lunbo #owl-demo .item .lunbobox a{ display:block;position:relative; height:193px; overflow:hidden;}
.lunbo #owl-demo .item .lunbobox a span{position:absolute; left:0; bottom:-100%; z-index:1; width:100%;height:100%;background:url(../images/p2_mb.png) no-repeat center;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;}
.lunbo #owl-demo .item .lunbobox a:hover span{ bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.lunbo #owl-demo .item .lunbobox:hover{ border:solid 1px #136099;}
.lunbo .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.lunbo .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.lunbo .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.lunbo .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.lunbo .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}
.lunbo .owl-carousel .owl-item{float:left}
.lunbo .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.lunbo .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)}
.lunbo .grabbing{cursor:url(images/grabbing.png) 8 8,move}
.lunbo .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)}
.lunbo .owl-theme .owl-controls{ height:0;}
.lunbo .owl-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1;*display:inline;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-prev{ position:absolute; left:-95px; bottom:0; width:53px; height:100%; background:url(../images/lunbo_left_jt.png) no-repeat left;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/lunbo_left_jt.png) no-repeat right;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next{ position:absolute; right:-95px; bottom:0; width:53px; height:100%; background:url(../images/lunbo_right_jt.png) no-repeat right;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/lunbo_right_jt.png) no-repeat left;}
.lunbo .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.lunbo .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.lunbo .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}
.lunbo .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.lunbo .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}
.lunbo .owl-item.loading{min-height:150px;background:url(images/AjaxLoader.gif) no-repeat center center}

@media (max-width:1199px){
 
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}

.picture3 .col-xs-4{ margin-bottom:20px; border:none;}
.picture3 .col-xs-4:first-child{ border:none;}
 }


@media (max-width:991px){
.main{ padding:20px 0;}	

/*header*/	
header{position:inherit;}
header .topbar{ height:80px; border:none;}
header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:80px;z-index:5; }
header .sjdnav ul{ padding:0; margin:0;}
header .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/#245790+0,245790+100&0.85+1,0.85+100 */
background: -moz-linear-gradient(top,  rgba(36,87,144,0.85) 0%, rgba(36,87,144,0.85) 1%, rgba(36,87,144,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(36,87,144,0.85) 0%,rgba(36,87,144,0.85) 1%,rgba(36,87,144,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(36,87,144,0.85) 0%,rgba(36,87,144,0.85) 1%,rgba(36,87,144,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9245790', endColorstr='#d9245790',GradientType=0 ); /* IE6-9 */
}
header .sjdnav li a{display:block; color:#fff; line-height:30px; }
header .sjdnavhide{ height:0; overflow:hidden;}	
header .logo{ height:50px;}
header .logo img{ width:150px; height:auto; margin-top:15px;}
header .ydd_btn{ margin:20px 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;}*/
header .ydd_btn span{ display:block; width:100%; height:4px; background:#245790;
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:#245790;}
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;}

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

/*t-2*/
.title02{ margin:10px 0 20px; }
.title02 h2{font-size:18px; line-height:24px;}
.title02 h1{font-size:22px; line-height:26px;}

/*p-2*/
.picture2 .picture2-list .imgbox span{ height:280px;}

/*p-13*/
.picture13 .picture13-list .imgbox a{ height:280px;}

/*lunbo*/
.lunbo #owl-demo .item .lunbobox a{ height:250px;}
.lunbo .owl-theme .owl-controls .owl-buttons div.owl-next{ right:12px;}

/*a-3*/
.abousbox3 .textbox p{ line-height:24px; height:144px;}
.abousbox3 .textbox p a{ font-size:12px;}

/*p-2*/
.picture2 .picture2-list a{ height:250px;}

/*footer*/
footer{padding:10px 0; font-size:12px;}
footer .left{ width:100%;}
footer .left .QrCode img{ display:block; margin:0 auto}
footer .right{ margin:0; padding:0; border-left:none; width:100%; border-top: solid 1px #115282}
footer section .ContactUs{ margin-top:0; padding-top:6px; border-top: solid 1px #1c72b2; text-align:center;}
footer section .Email{  text-align:center;}
footer section address{  text-align:center; margin-bottom:0;}
footer section .Copyright{ text-align:center;}
footer section small	{ display:block;font-size:12px;  text-align:center;} 

/*more*/
.more{ margin:0;}

/*n-3*/
.news3 .news3-list a{width:85%;}
.news3 .news3-list span{ width:15%;}
}

@media (max-width:767px){
body{ padding-bottom:50px;}	
	
/*header*/		
header .topbar{ height:60px;}
header .sjdnav{ right:0;top:60px; width:40%; background:none;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
header .sjdnav li{margin-bottom:0;padding:0 3%;height:40px;border-bottom:solid 1px #11507e;border-top:solid 1px #267dbe;}
header .sjdnav li a{color:#fff;line-height:40px; }	
header .logo img{ width:120px;margin-top:10px;}
header .ydd_btn{ padding:10px; margin:10px 0 0;}	
	
 /*f-nav*/
.hot{height:50px; background:#136099; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.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:#105689;}	
	
/*t-2-1*/
.title02{ margin:0 0 20px; }
.title02 h2{font-size:12px; line-height:20px;}
.title02 h1{font-size:18px; line-height:24px;}

/*t-8-1*/
.title08 h1{ font-size:16px;line-height:30px;}
.title08 ul li{line-height:22px;}

/*c-1*/
.contact-map{ margin:10px 0; height:auto; }

/*p-3*/
.picture3 .picture3-list .imgbox{ margin:0 auto; width:90%;}
.picture3 .picture3-list h3{ margin:0 !important}
.picture3 .picture3-list h3 a{ font-size:16px;}
.picture3 .picture3-list .Services-list{ margin:0 0 20px 0; padding:0 10px;}
.picture3 .picture3-list p{ margin:5px 0!important; line-height:18px; height:48px; overflow:hidden;}

/*p-13*/
.picture13 .picture13-list{ margin-bottom:20px;}
.picture13 .picture13-list .imgbox a{ height:350px;}

/*m-1*/
.more a{ line-height:34px;}

/*a-3*/
.abousbox3 .imgbox{ width:100%; background:#fff; margin-bottom:10px;}
.abousbox3 .textbox{ padding:0; width:100%;}
.abousbox3 .textbox h2{ font-size:20px; line-height:24px;}
.abousbox3 .textbox p{ height:auto;}
.abousbox3 .textbox .more2 a{ margin:0 auto;}

/*lunbo*/
.lunbo #owl-demo .item .lunbobox a{height:250px;}

/*p-2*/
.picture2 .picture2-list .imgbox span{ height:250px;}

/*footer*/
footer .left{ width:100%;}
footer .fenxiang{ padding-bottom:10px;width:100%; border:none; height:auto; border-bottom:solid 1px #1d1c1c}
footer .fenxiang h2{ margin-bottom:10px;}
footer .right{ padding-top:10px; border-top: solid 1px #237aba}

/*syabout*/
.syabout_img span{ height:200px;}
.syabout_text{ height:auto;}

/*n-3*/
.news3 .news3-list a{width:80%;}
.news3 .news3-list span{ width:20%;}
 }
 
@media (max-width:640px){	

/*p-2*/
.picture2 .picture2-list .imgbox span{ height:200px;}

/*p-3*/
.picture3 .picture3-list h3 a{ font-size:14px;}

/*lunbo*/
.lunbo #owl-demo .item .lunbobox a{height:200px;}

/*syabout*/
.syabout_tel nav li{ line-height:30px;}
.syabout_tel nav li b{ line-height:30px;}
}
 
 @media (max-width:500px){	 

/*p-2*/
.picture2 .picture2-list .imgbox span{ height:150px;}
.picture2 .picture2-list h6{ font-size:12px; line-height:30px;}

/*p-3*/
.picture3 .picture3-list h3 a{ font-size:12px; font-weight:normal;}

/*p-13*/
.picture13 .picture13-list .imgbox a{ height:200px;}

/*lunbo*/
.lunbo #owl-demo .item .lunbobox a{ height:150px;}

/*syabout*/
.syabout_img span{ height:150px;}
.syabout_img{ margin:10px 0;}
.syabout_text{ font-size:12px; line-height:24px;}
 }

@media (max-width:414px){	 

/*lunbo*/
.lunbo #owl-demo .item .lunbobox a{ height:120px;}

/*p-2*/
.picture2 .picture2-list .imgbox span{ height:120px;}

/*p-13*/
.picture13 .picture13-list .imgbox a{ height:200px;}
.picture13 .picture13-list h2{ font-size:14px;}

/*syabout*/
.syabout_img span{ height:120px;}

/*n-3*/
.news3 .news3-list a{width:70%;}
.news3 .news3-list span{ width:30%;}
}

@media (max-width:340px){	

/*p-13*/
.picture13 .picture13-list .imgbox a{ height:150px;}

/*lunbo*/
.lunbo #owl-demo .item .lunbobox a{ height:120px;}
}