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

.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:1230px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.heard1{ width:100%; height:100px;}
.heard1 .logo{ width:30%; height:37px; transition:all 0.3s; margin-top:25px;}
.heard1 .logo img{ transition:all 0.3s;}
.heard1 .navbox{ width:50%; position:relative;}
.heard1 .ewm{ margin-top:5px;}
.heard1 nav{ width:100%;}
.heard1 nav li{ position:relative;width:16.6%; transition:all .3s; margin-top:55px; border-bottom:5px solid #fff;}
.heard1 nav li a{ display:block;  font-size:14px; line-height:36px; color:#333;transition:all .3s; line-height:30px;}
.heard1 nav li:hover{ border-bottom:5px solid #207fd0;}
.heard1 nav li.active{ border-bottom:5px solid #207fd0;}
.heard1 .navbox .tel h6{ font-size:14px; color:#242424; line-height:20px;}
.heard1 .navbox .tel h6 span{ color:#e10000;}
.heard1 .navbox .tel{ padding-left:40px; background:url(../images/dianh.png) left center no-repeat; position:absolute; right:0; top:5px;}

/*banner*/
.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 .item img{ width:100%;}
.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; border:none; background:#0095df;}
.banner #myCarousel .carousel-indicators li.active{background-color:#33aae5;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#33aae5;}


/*m-w*/
.mian-case{ padding:20px 0;}
.mian-news{ padding:20px 0;}
.mian-about{padding-bottom:30px;}
.mian-pic{ padding-bottom:30px;}
.mian-Color{ padding:20px 0; background:#272a2d;}


/*t-2*/
.title2 { margin:20px 0 30px 0 ;}
.title2 h3{ color:#858585; font-size:30px;}
.title2 span{ display:block; color:#242424; font-size:25px;}

/*t-6*/
.title6{ background:url(../images/mbx_bg.png) 50% bottom no-repeat; padding:10px 0;}
.title6 h1{ font-size:14px; font-weight:bold; color:#207fd0; line-height:30px;}
.title6 span{ color:#333333; font-size:14px; line-height:30px;}

/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#000; line-height:30px;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.about{ margin-top:20px;}
.about h4{ font-size:14px; color:#207fd0; font-weight:bold; line-height:30px;}
.title4{ font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto;}

/*text-3*/
.textbox{ border-top:1px solid #ccc; margin-top:10px;}
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

/*sm*/
.sm ul li{ width:23%; margin:0 1% 20px;}
.sm ul li .imgbox{ width:169px; height:169px; border:1px solid #b6b6b6; padding:4px;border-radius:50%; -moz-border-radius:50%; margin:0 auto;transition:all .3s;}
.sm ul li .imgbox span{ display:block; width:100%; height:100%; border-radius:50%; -moz-border-radius:50%; border:1px solid #b6b6b6;transition:all .3s;}
.sm ul li h3{ font-size:20px; color:#242424; line-height:33px;transition:all .3s;}
.sm ul li p{ font-size:14px; color:#858585; line-height:22px; height:44px; overflow:hidden; transition:all .3s;}
.sm ul li:hover .imgbox{ border:1px solid #207fd0;}
.sm ul li:hover .imgbox span{ border:1px solid #207fd0;}
.sm ul li:hover h3{ color:#207fd0;}
.sm ul li:hover p{ color:#207fd0;}

/*shi*/
.sh ul li{ margin-bottom:20px;}
.sh ul li .imgbox{ height:116px; width:30%; border:1px solid #b6b6b6; overflow:hidden;}
.sh ul li .imgbox span{ display:block; width:100%; height:100%; transition:all .3s;}
.sh ul li .sh_til{ width:70%; padding:0 10px 5px 20px; height:116px; transition:all .3s;}
.sh ul li .sh_til h3{ font-size:14px; color:#242424; line-height:26px;  transition:all .3s;}
.sh ul li .sh_til .xian{ width:100px; height:1px; background:#353535;  transition:all .3s;}
.sh ul li .sh_til h6{ font-size:14px; color:#242424; line-height:30px;  transition:all .3s;}
.sh ul li .sh_til .sh_ti{ font-size:14px; color:#242424; line-height:25px; height:50px; overflow:hidden; margin-top:5px;  transition:all .3s;}
.sh ul li:hover .imgbox span{ transform:scale(1.1);}
.sh ul li:hover .sh_til{ background:#207fd0;}
.sh ul li:hover .sh_til h3{ color:#fff;}
.sh ul li:hover .sh_til .xian{ background:#fff;}
.sh ul li:hover .sh_til h6{ color:#fff;}
.sh ul li:hover .sh_til .sh_ti{ color:#fff;}
.video{ height:388px;}
.more { width:136px; border:1px solid #207fd0; margin:20px auto;}
.more a{ display:block; color:#fff; width:100%; line-height:30px; background:#207fd0;  text-align:center;  transition:all .3s;}
.more a:hover{ background:none; color:#207fd0;}

/*shb*/
.shb{ margin-top:40px;}
.shb h3{ width:72px; line-height:72px; border-radius:5px; -moz-border-radius:5px; background:url(../images/h3_bg.png) center center; background-size:cover; border:1px solid #d0d0d0; color:#858585; font-size:30px; transition:all .3s;}
.shb .shb_til{ width:85%; padding-left:15px;}
.shb .shb_til .biao h4{ font-size:14px; color:#242424; font-weight:bold; width:70%; transition:all .3s;}
.shb .shb_til .biao h6{ font-size:14px; color:#242424; font-weight:bold; width:30%; text-align:right; transition:all .3s;}
.shb .shb_til .shb_ti{ font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:10px; color:#242424; transition:all .3s;}
.shb:hover h3{ background:url(../images/h3_bg2.png) 50% 50%; background-size:cover; color:#fff;}
.shb:hover .biao h4{ color:#207fd0;}
.shb:hover .biao h6{ color:#207fd0;}
.shb:hover .shb_ti{ color:#207fd0;}

/*news*/
.news ul li{ width:23%; margin:0 1% 20px; transition:all .3s;}
.news ul li .imgbox{ height:214px; overflow:hidden; border:1px solid #b6b6b6;}
.news ul li .imgbox span{ display:block; width:100%; height:100%; transition:all .3s;}
.news ul li .newstil  h3{ font-size:14px; color:#242424; line-height:34px; font-weight:bold;}
.news ul li .newstil .newsti{ font-size:14px; color:#242424; line-height:22px; height:44px; overflow:hidden;}
.news ul li:hover .imgbox{ border:1px solid #207fd0;}
.news ul li:hover .imgbox span{ transform:scale(1.1);}
.news ul li:hover .newstil h3{ color:#207fd0;}
.news ul li:hover .newstil .newsti{ color:#207fd0;}

/*about*/
.aboutbox .about_til h3{ font-size:14px; color:#207fd0; font-weight:bold;}
.aboutbox .about_til .about_ti{ font-size:14px; color:#242424; line-height:26px; height:208px; overflow:hidden; margin-top:15px;}
.aboutbox .about_til .more2{ text-align:center; line-height:40px; border-radius:3px; -moz-border-radius:3px; color:#fff; background:#207fd0; border:1px solid #207fd0; margin-top:60px;}
.aboutbox a:hover .about_til .about_ti{ color:#207fd0;}
.aboutbox a:hover .about_til .more2{ background:none; color:#207fd0;}

/*contact*/
.lianx{ color:#fff; line-height:24px; padding:60px 0 60px 80px; background:url(../images/bg.jpg) right center no-repeat; min-height:229px;}
.ewm_box{ padding:0 10%;background:url(../images/bg.jpg) right center no-repeat;}
.ewm_box img{ margin:0 auto;}
.ewm_box h6{ font-size:14px; color:#fff;}

/*p-7*/
.picture7{ margin:20px auto; width:50%; height:300px;}

/*p-8*/
.picture8{ margin:20px 0;}
.picture8 img{ margin:0 auto;}

/*c-1*/
.content1{ padding:46px 0 30px 0;}
.subnav ol{ height:60px;  background-color:#207fd0;}
.subnav ol h1{ font-size:20px; color:#fff; font-weight:bold; line-height:60px; height:60px; background:url(../images/biao_bg.png) 50% 50% no-repeat;}
.subnav .pcdnav{ padding-bottom:10px;}
.subnav .pcdnav li{ margin:5px 0 0 0; height:46px;  }
.subnav .pcdnav li a{display:block; color:#666; line-height:46px; background-color:#ececec; border:1px solid #c2c2c2; transition:all 0.3s; background-image:url(../images/jia.png); background-position:80% center; background-repeat:no-repeat;}
.subnav .pcdnav li a.active{color:#fff; background-color:#52afff;background-image:url(../images/jian.png); background-position:80% center; background-repeat:no-repeat; text-decoration:underline !important;}
.subnav .pcdnav li a:hover{ color:#fff; background-color:#52afff;background-image:url(../images/jian.png); background-position:80% center; background-repeat:no-repeat; text-decoration:underline !important;}
.subnav .pcdnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .pcdnav .xlxl{ height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:14px; color:#333; line-height:48px;background:#fff; border:1px solid #c2c2c2; transition:all 0.3s; margin:4px 0 0 0;}
.subnav .pcdnav .xlxl:hover a{ color:#207fd0;}
.subnav p{ line-height:24px; color:#666;}
.subnav .lianxi{ display:block; padding-top:5px;}
.subnav .di a{ display:block;}
.subnav .di a img{ width:100%;}
.subnav .di{ background:#ececec;  border:1px solid #c2c2c2;  padding:3px; margin-top:5px;}
.subnav .di p{ padding:5px; font-size:14px; color:#000; line-height:24px;}
.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;}
.subnav .yddnav li a.active{ background:#207fd0;}
.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{ display:none;}
/*.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}*/
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ display:none;}
/*.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;}

/*zhs*/
.zhs{ margin-top:20px;}
.zhs ul li{ margin-bottom:20px;}
.zhs ul li .imgbox{ width:20%; height:116px; border:1px solid #b6b6b6; overflow:hidden;}
.zhs ul li .imgbox span{ display:block; width:100%; height:100%; transition:all .3s;}
.zhs ul li .zhs_til{ width:80%; height:116px; padding:0 10px 5px 20px;}
.zhs ul li .zhs_til h3{ font-size:14px; color:#242424; line-height:22px;}
.zhs ul li .zhs_til .xian{ width:100px; height:1px;  background:#353535;}
.zhs ul li .zhs_til h6{ font-size:14px; color:#242424; line-height:30px;}
.zhs ul li .zhs_til .zhs_ti{ font-size:14px; color:#242424; line-height:25px; height:50px; overflow:hidden;}
.zhs ul li:hover .imgbox span{ transform:scale(1.1);}
.zhs ul li:hover .zhs_til{ background:#207fd0;}
.zhs ul li:hover .zhs_til h3{ color:#fff;}
.zhs ul li:hover .zhs_til .xian{ background:#fff;}
.zhs ul li:hover .zhs_til h6{ color:#fff;}
.zhs ul li:hover .zhs_til .zhs_ti{ color:#fff;}
.img{ margin-top:20px;}
.img img{ margin:0 auto;}

/*news2*/
.news2{ margin-top:20px;}
.news2 ul li{ width:31%; margin:0 1% 20px; transition:all .3s;}
.news2 ul li .imgbox{ height:214px; overflow:hidden; border:1px solid #b6b6b6;}
.news2 ul li .imgbox span{ display:block; width:100%; height:100%; transition:all .3s; position:relative; overflow:hidden;}
.news2 ul li .imgbox span .bg{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:url(../images/bg2.png) 50% 50%; background-size:cover; transition:all .3s;}
.news2 ul li .imgbox span .bg h4{ font-size:25px; color:#fff; font-weight:bold; line-height:214px;}
.news2 ul li .newstil  h3{ font-size:14px; color:#242424; line-height:34px; font-weight:bold;}
.news2 ul li .newstil .newsti{ font-size:14px; color:#242424; line-height:22px; height:44px; overflow:hidden;}
.news2 ul li:hover .imgbox{ border:1px solid #207fd0;}
.news2 ul li:hover .imgbox span .bg{ top:0;}
.news2 ul li:hover .newstil h3{ color:#207fd0;}
.news2 ul li:hover .newstil .newsti{ color:#207fd0;}


/*ditu*/
.right-content .con_box{ margin-top:20px;}
.right-content .ditu{ position:relative; margin-top:20px; border:1px solid #ccc; overflow:hidden;}
.right-content .us{ margin-top:10px; font-size:14px; color:#000; line-height:24px;}



/*f-1*/
footer{ padding:15px 0; background:#207fd0; text-align:center; color:#fff;}
footer section .ContactUs{margin:6px 0;} 
footer section a{ color:#fff;}
footer section a:hover{ color:#fff;}
 

 /*f-nav*/
.hot{height:50px; background:#0c72c6; position:fixed; bottom:0; left:0; z-index:99;}
.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:5px 0;}
.hot .row div:hover{ background:#168def;}


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


@media (max-width:991px){
.heard1{ height:70px; position:inherit !important;}
.heard1 .icon-menu{ margin:22px 15px 0 0; cursor:pointer; font-size:26px;}
.heard1 .sjdnav{ width:150px; height:auto;position:absolute; right:10px; top:80px; z-index:9999;}
.heard1 .sjdnav ul{ margin:0; padding:0;}
.heard1 .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px; background:#207fd0;}
.heard1 .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.heard1 .sjdnavhide{ height:0; overflow:hidden;}
.heard1 .logo{ margin:0 0 0 10px; height:70px;}
.heard1 .logo img{ width:327px; height:auto; margin-top:18px;}

/*shi*/
.sh ul li .imgbox{ width:20%;}
.sh ul li .sh_til{ width:80%; }

/*shb*/
.shb .shb_til{ width:90%; padding-left:15px;}

/*news*/
.news ul li .imgbox{ height:164px;}

/*about*/
.aboutbox .aboutimg img{ margin:0 auto;}
.aboutbox .about_til{ margin-top:20px;}
.aboutbox .about_til .about_ti{ height:auto;}
.aboutbox .about_til .more2{ margin-top:30px;}

/*contact*/
.lianx{ color:#fff; line-height:24px; padding:30px 0; background:none; height:auto; text-align:center; min-height:inherit;}
.ewm_box{ padding:0 10%;background:none;}

}

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

.heard1 .sjdnav{  right:0px;}

/*sm*/
.sm ul li .imgbox{ width:139px; height:139px;}
.sm ul li h3{ font-size:16px;}

/*shi*/
.sh ul li .imgbox{ width:25%;}
.sh ul li .sh_til{ width:75%; }

/*news*/
.news ul li{ width:48%;}
.news ul li .imgbox{ height:214px;}

/*zhs*/
.zhs ul li .imgbox{ width:25%;}
.zhs ul li .zhs_til{ width:75%;}

/*news2*/
.news2 ul li{ width:48%;}

/*p-7*/
.picture7{width:70%; height:300px;}


}

@media (max-width:640px){

/*shb*/
.shb .shb_til{ width:85%; padding-left:15px;}

/*shi*/
.sh ul li .imgbox{ width:28%;}
.sh ul li .sh_til{ width:72%; }

/*news*/
.news ul li .imgbox{ height:184px;}

/*sm*/
.sm ul li{ width:48%;}
.sm ul li .imgbox{ width:169px; height:169px;}
.sm ul li h3{ font-size:16px;}

/*zhs*/
.zhs ul li .imgbox{ width:28%;}
.zhs ul li .zhs_til{ width:72%;}

/*news2*/
.news2 ul li .imgbox{ height:184px;}

}


@media (max-width:414px){

.heard1 .logo img{ width:247px; height:auto; margin-top:23px;}

/*sm*/
.sm ul li .imgbox{ width:119px; height:119px;}
.sm ul li h3{ font-size:16px;}

/*shi*/
.sh ul li .imgbox{ width:42%; height:96px;}
.sh ul li .sh_til{ width:58%;padding:0 10px 5px; height:96px;}
.sh ul li .sh_til h3{ line-height:22px;}
.sh ul li .sh_til h6{line-height:24px;}
.sh ul li .sh_til .sh_ti{line-height:22px; height:44px;}
.video{ height:228px;}

/*shb*/
.shb .shb_til{ width:78%; padding-left:15px;}
.shb .shb_til .biao h4{width:60%;}
.shb .shb_til .biao h6{width:40%;}

/*news*/
.news ul li .imgbox{ height:114px;}

/*t-2*/
.title2 h3{ color:#858585; font-size:24px;}
.title2 span{ display:block; color:#242424; font-size:20px;}

/*zhs*/
.zhs ul li .imgbox{ width:42%; height:96px;}
.zhs ul li .zhs_til{ width:58%; padding:0 10px 5px; height:96px;}
.zhs ul li .zhs_til h3{ line-height:22px;}
.zhs ul li .zhs_til h6{ line-height:24px;}
.zhs ul li .zhs_til .zhs_ti{ line-height:22px; height:44px;}

/*news2*/
.news2 ul li .imgbox{ height:114px;}

/*p-7*/
.picture7{width:100%; height:260px;}

}


@media (max-width:340px){

.video{ height:208px;}

/*shb*/
.shb .shb_til{ width:75%; padding-left:15px;}

/*news*/
.news ul li .imgbox{ height:104px;}

/*news2*/
.news2 ul li .imgbox{ height:104px;}

/*p-7*/
.picture7{width:100%; height:220px;}

}