@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; outline:none !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:"微软雅黑";}

/*全局样式*/
.logo{ width:100%; height:100px;}
.logo .logoimg img{ margin:22px 0 0 0; transition:all .3s;}
.logo .zi{ font-size:25px; color:#329fef; line-height:100px; padding:0 0 0 30px;}
.logo .tel{ background:url(../images/dianh.png) left top no-repeat; padding:0 0 0 30px;}
.logo .tel .language{width:100%; height:auto; text-align:right; padding:5px;}
.logo .tel .language a{font-size:14px; color:#333;}
.logo .tel .language a:hover{ color:#329fef;}
.logo .tel h3{  line-height:70px; font-size:26px; color:#329fef;font-weight:bold; }
.logo .tel h3 span{ font-size:14px; color:#000; font-weight:normal;}

.language{width:100%; height:auto; text-align:right; padding:5px;}
.language a{font-size:14px; color:#333;}
.language a:hover{ color:#329fef;}

.heard1{ width:100%; background:#329fef; padding:4px 0;}
.heard1 nav{ width:100%; }
.heard1 nav li{ height:50px;width:14.28%; position:relative;}
.heard1 nav li a{ display:block; color:#fff; line-height:50px;  font-size:16px;}
.heard1 nav li a.active{ background:#fff; color:#329fef;}
.heard1 nav li a:hover{  background:#fff;color:#329fef;}
.heard1 nav li:hover ul{ display:block;}
.heard1 nav li ul{ display:none;  position:absolute; left:0; top:50px; width:100%; background:#00a0e8;z-index:9999;}
.heard1 nav li ul li{ width:100%; height:40px;background:none;}
.heard1 nav li ul li a{ color:#fff; line-height:40px; background:none;}
.heard1 nav li ul li:hover{ background:#fff;}
.heard1 nav li ul li:hover a{ color:#329fef;}

.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; width:100%; display:none;}
.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-control.left{ left:-60px;background:url(../images/left.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:100px;}
.banner .carousel-control.right{ right:-60px;background:url(../images/right.png) no-repeat right;}
.banner:hover .carousel-control.right{ right:100px;}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:15px;height:15px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:none; border:2px solid #b7b7b7; background:#cce9fb;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#7dc8dd;}
.banner #myCarousel .carousel-indicators li.active{background-color:#7dc8dd;}

/*m-w*/
.mian-case{ padding:20px 0;}
.mian-about{ padding:20px 0 40px; background:url(../images/anout_bg.jpg) center center; background-size:cover;}
.mian-news{ padding:20px 0; background:url(../images/news_bg.jpg) center center; background-size:cover;}
.mian-color{ padding:20px 0;}

/*t-1*/
.title { margin:20px 0; background:url(../images/biao_bg.png) center center no-repeat; padding:5px 0;}
.title h3{ color:#329fef; font-size:25px;  line-height:40px; font-weight:bold;}
.title h6{ font-size:25px; color:#666; line-height:40px; text-transform:uppercase;}


/*t-6*/
.title6{ background:url(../images/mbx_bg.png) center bottom no-repeat;}
.title6 h4{ font-size:14px; color:#333; line-height:55px;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:18px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; width:70%; border-bottom:1px dashed #ccc; color:#333; line-height:30px;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.aboutnei h4{ font-size:20px; color:#333; line-height:30px;}
.title4{ padding:10px; 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;}

/*list_nav*/
.list_nav{ text-align:center; margin:20px 0;}
.list_nav ul{ font-size:0; margin:0 -15px;}
.list_nav ul li{ font-size:16px;  line-height:40px; display:inline-block; width:14.28%; padding:0 15px; height:42px; overflow:hidden;}
.list_nav ul li a{ display:block; border-radius:5px; border:1px solid #dcdfe2; background:url(../images/list_bg.png) center center; background-size:100% 100%; color:#333;}
.list_nav ul li.active a{ background:url(../images/list_bg2.png) center center; background-size:100% 100%; border:1px solid #8ecaf6; font-weight:bold; color:#329fef;}
.list_nav ul li:hover a{ background:url(../images/list_bg2.png) center center; background-size:100% 100%; border:1px solid #8ecaf6; font-weight:bold; color:#329fef;}

/*pic*/
.pic{ display:none;}
.pic.active{ display:block;}
.pic ul{ margin:0 -12px;}
.pic ul li{ width:25%; padding:0 12px; margin:12px 0;}
.pic ul li .imgs2{ border:1px solid #c0c5ca; position:relative; overflow:hidden;}
.pic ul li .imgs2 .bg{ position:absolute; left:0; bottom:-100%; width:100%; height:100%; background:url(../images/bg.png) 50% 50%; background-size:cover; transition:all .3s;}
.pic ul li .imgs2 .bg .til { position:absolute; left:0; width:100%; top:50%; margin-top:-47px;}
.pic ul li .imgs2 .bg .til h3{ font-size:20px; color:#fff; }
.pic ul li .imgs2 .bg .til .xian{ width:70px; height:2px; margin:20px auto; background:#fff;}
.pic ul li .imgs2 .bg .til .more{ width:100px; line-height:30px; text-align:center; color:#fff; border:2px solid #fff; margin:0 auto;}
.pic ul li h4{ font-size:14px; color:#333; line-height:30px; transition:all .3s;transition:all .3s;}
.pic ul li:hover .imgs2{ border:1px solid #329fef;}
.pic ul li:hover .imgs2 .bg{ bottom:0;} 
.pic ul li:hover h4{ color:#329fef;}


/*aboutbox*/
.about_box{ background:#e0f0fc;}
.about_box .about{ position:relative; padding:0 0 0 772px; min-height:328px;}
.about_box .about_img{ width:772px; height:328px; position:absolute; left:0; top:0; z-index:1;}
.about_box .about_til{ background:url(../images/about_bg.png) 50% 50%; background-size:100% 100%; min-height:328px; width:672px; position:absolute; left:572px; top:0; color:#fff; padding:30px 150px 30px 170px;}
.about_box .about_til .about_ti{ line-height:24px; height:240px; overflow:hidden;}
.about_box .about_til .more{ width:133px; line-height:47px; color:#329fef; background:url(../images/more_bg.png) 50% 50%; background-size:100% 100%; position:absolute; right:5px; bottom:20px;}


/*list_nav2*/
.list_nav2{ text-align:center; margin:20px 0;}
.list_nav2 ul{ font-size:0; margin:0 -15px;}
.list_nav2 ul li{ font-size:16px;  line-height:40px; display:inline-block; width:14.28%; padding:0 15px;}
.list_nav2 ul li a{ display:block; border-radius:5px; border:1px solid #dcdfe2; background:url(../images/list_bg.png) center center; background-size:100% 100%; color:#333;}
.list_nav2 ul li.active a{ background:url(../images/list_bg2.png) center center; background-size:100% 100%; border:1px solid #8ecaf6; font-weight:bold; color:#329fef;}
.list_nav2 ul li:hover a{ background:url(../images/list_bg2.png) center center; background-size:100% 100%; border:1px solid #8ecaf6; font-weight:bold; color:#329fef;}

/*pic*/
.case{ display:none;}
.case.active{ display:block;}
.case ul{ margin:0 -12px;}
.case ul li{ width:25%; padding:0 12px; margin:12px 0;}
.case ul li .imgs2{ border:1px solid #c0c5ca; position:relative; overflow:hidden;}
.case ul li .imgs2 .bg{ position:absolute; left:0; bottom:-100%; width:100%; height:100%; background:url(../images/bg.png) 50% 50%; background-size:cover; transition:all .3s;}
.case ul li .imgs2 .bg .til { position:absolute; left:0; width:100%; top:50%; margin-top:-47px;}
.case ul li .imgs2 .bg .til h3{ font-size:20px; color:#fff; }
.case ul li .imgs2 .bg .til .xian{ width:70px; height:2px; margin:20px auto; background:#fff;}
.case ul li .imgs2 .bg .til .more{ width:100px; line-height:30px; text-align:center; color:#fff; border:2px solid #fff; margin:0 auto;}
.case ul li h4{ font-size:14px; color:#333; line-height:30px; transition:all .3s;transition:all .3s;}
.case ul li:hover .imgs2{ border:1px solid #329fef;}
.case ul li:hover .imgs2 .bg{ bottom:0;} 
.case ul li:hover h4{ color:#329fef;}

/*news*/
.news{ margin-top:20px;}
.news ul{ margin:0 -30px;}
.news ul li{ width:50%; padding:0 30px; margin:15px 0;}
.news ul li .news_box{ position:relative; padding:0 0 0 184px; min-height:139px;}
.news ul li .news_box .imgbox{ width:184px; height:139px; border:1px solid #c0c5ca; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.news ul li .news_box .imgbox span{ display:block; width:100%; height:100%; transition:all .5s;}
.news ul li .news_til{ padding:0 0 0 15px;}
.news ul li .news_til h3{ color:#333; font-size:16px;  transition:all .3s;}
.news ul li .news_til .news_ti{ color:#333; line-height:22px; margin-top:14px;  transition:all .3s; height:66px; overflow:hidden;}
.news ul li .news_til .more{ width:90px; color:#333; line-height:28px; text-align:center; margin-top:10px; transition:all .3s;}
.news ul li:hover .imgbox{ border:1px solid #329fef;}
.news ul li:hover .imgbox span{ transform:scale(1.1);}
.news ul li:hover .news_til h3{ color:#329fef;}
.news ul li:hover .news_til .news_ti{ color:#329fef;}
.news ul li:hover .news_til .more{ background:#329fef; color:#fff;}

/*js*/
.js{ background:url(../images/js_bg.png) center center; background-size:cover; margin:40px 0;}
.js ul{ margin:0 -30px;}
.js ul li{ width:50%; padding:0 30px; margin:15px 0;}
.js ul li h3{ font-size:16px; color:#333; line-height:62px; padding:0 0 0 77px; background:url(../images/biao.png) left no-repeat;}
.js ul li .js_til{ color:#333; line-height:22px; margin-top:10px; height:88px; overflow:hidden;}
.js ul li:hover h3{ color:#0068b4; background:url(../images/biao2.png) left center no-repeat;}
.js ul li:hover .js_til{ color:#0068b4;}

/*contact*/
.contact h5{ color:#333; font-size:20px; line-height:40px;}
.contact input{ width:100%; height:36px; background:#fff; border:none; border-bottom:1px solid #329fef; margin-bottom:12px; padding:0 5px;}
.contact textarea{ width:100%; background:#fff; height:132px; border:none; border-bottom:1px solid #329fef; padding:5px; resize:none;}
.contact button{ width:35px%; height:36px; background:none; color:#333;border:none; border-bottom:1px solid #329fef; margin-top:12px; transition:all .3s;}
.contact button:hover{ background:#329fef; color:#fff;}
.contact .ewm_box{ margin-top:10px;}
.contact .ewm_box img{ margin:0 auto;}
.contact h6{ color:#333; line-height:30px; font-size:14px;}
.contact .lx{ color:#333; line-height:24px; margin-top:5px; font-size:14px;}



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

/*c-1*/
.content1{ padding:46px 0 40px 0;}
.subnav ol{   background-color:#fff; padding:1px !important;  border-radius:8px 8px 0 0; margin-bottom:10px !important; text-transform:uppercase; border:1px solid #329fef;}
.subnav ol h1{ font-size:25px; color:#fff; line-height:56px; height:56px; background:#329fef; border-radius:8px 8px 0 0;}
.subNavBox{ margin-bottom:10px;}
.subNav2{cursor:pointer;font-size:16px; text-align:center; border:1px solid #e1e1e1; padding:1px; margin:5px 0;}
.subNav2 .subnav2{ background:#e1e1e1; padding:10px;}
.subNav2 a{ color:#333333; width:100%; display:block; line-height:25px;}
.subNav2.currentDd a{ background:#329fef; color:#fff;}
.subNav2:hover a{ background:#329fef; color:#fff;}
.subnav .di{ color:#333;line-height:26px; padding:0 0 10px; padding:15px; border:1px solid #e1e1e1;}
.subnav .di img{ margin-top:10px; width:100%;}
.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:#329fef;}
.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 .xls{ height:40px; line-height:40px; background:#00a2e9; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}

/*pic2*/
.pic2{ margin-top:20px;}
.pic2 ul{ margin:0 -12px;}
.pic2 ul li{ width:33.3%; padding:0 12px; margin:12px 0;}
.pic2 ul li .imgs2{ border:1px solid #c0c5ca; position:relative; overflow:hidden;}
.pic2 ul li .imgs2 .bg{ position:absolute; left:0; bottom:-100%; width:100%; height:100%; background:url(../images/bg.png) 50% 50%; background-size:cover; transition:all .3s;}
.pic2 ul li .imgs2 .bg .til { position:absolute; left:0; width:100%; top:50%; margin-top:-47px;}
.pic2 ul li .imgs2 .bg .til h3{ font-size:20px; color:#fff; }
.pic2 ul li .imgs2 .bg .til .xian{ width:70px; height:2px; margin:20px auto; background:#fff;}
.pic2 ul li .imgs2 .bg .til .more{ width:100px; line-height:30px; text-align:center; color:#fff; border:2px solid #fff; margin:0 auto;}
.pic2 ul li h4{ font-size:14px; color:#333; line-height:30px; transition:all .3s;transition:all .3s;}
.pic2 ul li:hover .imgs2{ border:1px solid #329fef;}
.pic2 ul li:hover .imgs2 .bg{ bottom:0;} 
.pic2 ul li:hover h4{ color:#329fef;}

/*news2*/
.news2{ margin-top:20px;}
.news2 ul li{ width:100%; margin:0 0 30px 0;}
.news2 ul li .news_box{ position:relative; padding:0 0 0 184px; min-height:139px;}
.news2 ul li .news_box .imgbox{ width:184px; height:139px; border:1px solid #c0c5ca; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.news2 ul li .news_box .imgbox span{ display:block; width:100%; height:100%; transition:all .5s;}
.news2 ul li .news_til{ padding:0 0 0 15px;}
.news2 ul li .news_til h3{ color:#333; font-size:16px;  transition:all .3s;}
.news2 ul li .news_til .news_ti{ color:#333; line-height:22px; margin-top:14px;  transition:all .3s; height:66px; overflow:hidden;}
.news2 ul li .news_til .more{ width:90px; color:#333; line-height:28px; text-align:center; margin-top:10px; transition:all .3s;}
.news2 ul li:hover .imgbox{ border:1px solid #329fef;}
.news2 ul li:hover .imgbox span{ transform:scale(1.1);}
.news2 ul li:hover .news_til h3{ color:#329fef;}
.news2 ul li:hover .news_til .news_ti{ color:#329fef;}
.news2 ul li:hover .news_til .more{ background:#329fef; color:#fff;}



/*ditu*/
.right-content .contact_box{ margin-top:20px;}
.right-content .ditu2{ 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:20px 0; background:#329fef; color:#fff;}
footer section{color:#fff;}
footer section nav ul{ font-size:0;}
footer section nav ul li{ vertical-align:top; font-size:14px; display:inline-block;}
footer section nav ul li a{ padding:0 5px; color:#fff;}
footer section nav ul li a:hover{ color:#fff;}
footer .zh{ text-align:right;}
footer .zh a{ color:#fff;}
footer .zh a:hover{ color:#fff;}


@media (max-width:1199px){	
	
.logo .zi{ font-size:18px;}
}


@media (max-width:991px){
.logo{ height:74px;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#329fef;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ width:350px; height:auto; margin:14px 0 0 5px;}

.logo .ydd_btn{ margin:0px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #329fef;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .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:6px;margin-top:0px;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;	}
.logo .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:-6px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*aboutbox*/
.about_box{ background:#e0f0fc;}
.about_box .about{ position:relative; padding:0px; min-height:328px;}
.about_box .about_img{ width:100%; height:auto; position:static;}
.about_box .about_img img{ margin:0 auto;}
.about_box .about_til{ width:100%; min-height:150px; position:static; color:#fff; padding:20px; background:#329fef;}
.about_box .about_til .about_ti{ height:auto;}
.about_box .about_til .more{position:static; margin:20px auto; background:#fff;}

.news ul{ margin:0 -15px;}
.news ul li{padding:0 15px; margin:15px 0;}

.js ul{ margin:0 -15px;}
.js ul li{padding:0 15px; margin:15px 0;}

footer .zh{ text-align:center;}


}

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

.logo{ position:relative;}
.logo .sjdnav{ right:0; top:74px;}

.hot{height:50px; background:#1a1a1a; 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:7px 0;}
	.hot .row div:hover{ background:#262626;}	
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

/*list_nav2*/
.list_nav2 ul li{ font-size:16px;  line-height:40px; display:inline-block; width:20%; margin:10px 0; padding:0 15px;}
/*cl*/
.case ul li{ width:50%;}

/*list_nav*/
.list_nav ul li{ font-size:16px;  line-height:40px; display:inline-block; width:20%; margin:10px 0; padding:0 15px;}
/*pic*/
.pic ul li{ width:50%;}

/*news*/
.news ul{ margin:0;}
.news ul li{ padding:0; width:100%; float:none !important;}

/*js*/
.js ul{ margin:0;}
.js ul li{ padding:0; width:100%; float:none !important;}

/*pic2*/
.pic2 ul li{ width:50%;}

.logo .logoimg img{ width:220px; height:auto; margin:14px 0 0 5px;}
}

@media (max-width:640px){


	
}


@media (max-width:414px){

.logo .logoimg img{ width:240px; margin-top:22px;}

/*list_nav*/
.list_nav ul li{ font-size:16px;  line-height:40px; display:inline-block; width:50%; margin:10px 0; padding:0 15px;}

/*list_nav2*/
.list_nav2 ul li{ font-size:16px;  line-height:40px; display:inline-block; width:50%; margin:10px 0; padding:0 15px;}

/*news*/
.news ul li .news_box{ padding:0 0 0 128px; min-height:97px;}
.news ul li .news_box .imgbox{ width:128px; height:97px;}
.news ul li .news_til h3{ font-size:14px; }
.news ul li .news_til .news_ti{ font-size:12px; line-height:20px;  margin-top:7px;height:40px;}
.news ul li .news_til .more{ width:90px; color:#333; line-height:28px; text-align:center; margin-top:5px; transition:all .3s;}

/*news2*/
.news2 ul li .news_box{ padding:0 0 0 128px; min-height:97px;}
.news2 ul li .news_box .imgbox{ width:128px; height:97px;}
.news2 ul li .news_til h3{ font-size:14px; }
.news2 ul li .news_til .news_ti{ font-size:12px; line-height:20px;  margin-top:7px;height:40px;}
.news2 ul li .news_til .more{ width:90px; color:#333; line-height:28px; text-align:center; margin-top:5px; transition:all .3s;}

}


@media (max-width:340px){

}


/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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