@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#3e3a39;  box-sizing:border-box; background-color:#f2f2f2; font-size:14px; height:auto}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#323235; text-decoration:none;}
    a:hover {
        text-decoration: none;
        color: #3487ef;
    }
i,em{ font-style:normal;}
.img_max{ display:block !important;}
.img_min{ display:none !important;} 
.img_min640_360{ display:none !important;} 
.img_min500_313{ display:none !important;}  
.img_min1920_660{ display:none !important;} 

@keyframes hover_btn_four {
from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
} 
.top_tel span,  
.quick_fw .p {font-family:'DIN-Medium';} 
.slick-dots{ position:absolute; left:50%; bottom:0;}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:#fff; box-sizing:border-box; border:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
    .slick-dots li.slick-active button {
        background: #3487ef;
    }

.slick-arrow{font-size:24px; position:absolute; top:50%; z-index:2; height:32px; margin-top:-22px; line-height:32px; width:32px; text-align:center; padding:0px; border:none; color:#000; background:none;}
.slick-prev{ left:0px;} 
.slick-next{ right:0px;}  
.btn{color:#fff;background:#000;position: relative;overflow: hidden; display:block;}
.btn:before{content:attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.btn:before,
.btn span{display: block;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing:border-box;}
.btn:hover:before {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn:hover span {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.btn2{-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s; position:relative;}
.btn2:before{content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;
opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}
.btn2:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;color: #ECEFF1;
background-color: #3f51b5;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}
.btn2:hover:before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.slick-arrow,  
.case_ul .tag,
.case_ul .text,
.case_ul .img img,
.case_divul .tag,
.case_divul .text,
.case_divul .img img, 
.xinwen_list .img img, 
.header,
.header .wp,
.menu .h3 a,
.logo,
body,   
.case_list .text,
.case_list .b,
.case_m a, 
.btn,
.news_flip a, 
.quick_nav2 li,  
.logo img,  
.menu .h3 a:after {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

 
.fa_right{ transform:translate(-100px,0); opacity: 0;transition: all .6s linear;}
.fa_left{ transform:translate(100px,0); opacity: 0;transition: all .6s linear;}
.fa_bottom{ transform:translate(0,-100%); opacity: 0;transition: all .6s linear;}
.fa_top{ transform:translate(0,100%); opacity: 0;transition: all .6s linear;}
 
.case_ul .img,
.case_divul .img{ overflow:hidden;}
.case_ul .pd:hover .img img,
.case_divul .pd:hover .img img{transform: scale(1.1);}   
.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position: fixed; top:10px;right:22px;font-size: 13px;z-index: 10;width:70px;height:40px; padding:8px;color:#3487ef;font-weight:bold}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #3487ef;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.menu .h3 em,
.menu .h3 span,
.slick-arrow,
.img_box:before{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
text-shadow:0 0 3px rgba(255,255,255,0.3);
}

.wp{ width:1500px; margin:0 auto; position:relative;}

.header{ position:relative; background:#fff; z-index:15; box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-transform: translateZ(0);}
.header .wp{ width:auto; margin:0 40px; height:100px;}
.logo{     width: 314px;
    display: block;
    position: absolute;
    /*margin-top: -65px;
    top: 50%;*/}
.logo img{ width:100%; height:auto; display:block;}

.menu{ text-align:center;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; position:relative;}
.menu .h3 a{ display:block; padding:0 20px; margin:0 13px; height:100px; line-height:100px; font-size:16px; color:#323235; position:relative;}
    .menu .h3 a:after {
        content: '\20';
        bottom: 20px;
        position: absolute;
        height: 2px;
        background: #3487ef;
        left: 0px;
        width: 0%;
    }
.menu .h3 i{ display:none;}
    .menu .h3 a:hover, .menu .curr .h3 a {
        color: #3487ef;
    }
.menu .h3 a:hover:after{ width:100%;}
.menu .box{ position:absolute; display:none; left:-10px; top:100px; background:#323235; right:-10px; padding:10px 0}
.menu .box a{ display:block; color:#fff; height:36px; line-height:36px; text-align:center;}
    .menu .box a:hover {
        background: #3487ef#3487ef;
    }
.menu li:hover .box{ display:block;} 
.fixed-nav .box{ bottom:0;} 
.fixed-nav .header{ position:fixed; left:0px; top:-60px; right:0px;}
.fixed-nav .header .wp{ height:60px;}
.fixed-nav .logo{ width:120px; margin-top:-15px;}
.fixed-nav .menu .h3 a{ height:60px; line-height:60px;}
.fixed-nav .menu .h3 a:after{ bottom:10px;} 
.fixed-nav-appear .header,.fix_sec .header{ top:0px;} 
.top_tel{ position:absolute; right:0px; top:50%; padding-left:40px; margin-top:-16px;}
    .top_tel .icon-dianhua {
        left: 0px;
        top: 0px;
        font-size: 32px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        position: absolute;
        color: #3487ef;
    }
    .top_tel span {
        line-height: 32px;
        height: 32px;
        display: block;
        color: #3487ef;
        font-size: 28px;
    }

.slick-slide{ position:relative; display:block;}
.slick-slide a{ display:block;}
.slick-slide img{ width:100%; height:auto; display:block;}
.ibanner{ /*padding-bottom:72px;*/ position:relative;}
.ibanner .slick-arrow{font-size:22px; position:absolute; top:50%; z-index:2; height:66px; margin-top:-29px; line-height:66px; width:66px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0; border-radius:50%;}
.ibanner .slick-prev{ left:120px;} 
.ibanner .slick-next{ right:120px;} 
.ibanner .single-item:hover .slick-arrow{ opacity:1; background:rgba(0,0,0,0.5);} 
.ibanner .slick-arrow i{
	padding-top:0;
} 
.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:110px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.ibanner .pd{ background:#000;}
.ibanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;}
 
.icase_tab{ text-align:center; margin-bottom:40px; padding-top:30px;}
.icase_tab ul{ display:inline-block; vertical-align:bottom;}
.icase_tab li{ float:left; padding:0 5px;}
.icase_tab a{ display:block; padding:0 20px; font-size:18px; background:#323235; color:#fff; height:40px; line-height:40px;}
    .icase_tab a:hover, .icase_tab li.curr a {
        background: #3487ef;
    }

.icase_con{}
.icase_con .single-item{}
.icase_con .slick-arrow{ display:none !important;}
.case_ul{}
.case_ul .li{ float:left; width:25%;}
.case_ul .pd{ display:block;}
.case_ul .img{ position:relative; overflow:hidden;}
.case_ul .tag{ position:absolute; left:0px; bottom:-40px; right:0px; height:40px; line-height:40px; background-color:rgba(0,0,0,0.65); box-sizing:border-box; padding:0 20px; color:#fff;}
.case_ul .tag span{ margin-right:10px;}
.case_ul .text{ text-align:center; line-height:56px; height:56px; overflow:hidden; background:#fff; font-size:18px; color:#000;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding:0 10px;}
.case_ul .pd:hover .tag{ bottom:0px;}
.case_ul .pd:hover .text{ color:#fff; background:#323235;}  
.icon4{ background:#fff; padding:50px 0;} 
.icon5{ background:#f2f2f2; padding:50px 0 0;} 
.footer{ background:#222222;} 
.footer_con{ padding:50px 0 90px 0; color:#888888; font-size:14px; line-height:30px;}
.footer_con a{ color:#888888;}
    .footer_con a:hover {
        color: #3487ef;
    }
.footer_con .li{ float:left; width:50%; box-sizing:border-box; padding-right:50px; text-align:center}
.footer_con .li1{}
.footer_con .li1 .tel{ color:#fff;}
.footer_con .li2{}
.footer_con .li3{}
.footer_con .li3 img{ margin-right:10px;}
.footer_con .li3 .p i{ font-size:12px;    color: #6f6d6d;}

.flink{ background:#272727; padding:15px 0; line-height:30px; text-align:center; color:#888888;}
.flink a{ margin:0 7px; color:#888;float: left;}
.flink a:hover {
	color: #3487ef;
} 
.case_list{}
.case_list ul{ margin-right:-20px;}
.case_list li{ width:33.3333%; float:left; margin-bottom:20px;}
.case_list .pd{ margin-right:20px; display:block; position:relative; overflow:hidden;}
.case_list .img img{ width:100%; height:auto; display:block; }
.case_list .text{ position:absolute; left:0px; top:0px; padding:10% 10% 0 10%;transform: translateY(-100%); opacity:0; color:#fff;}
.case_list .h3{ font-size:20px;}
.case_list .p{ font-size:16px;}
.case_list .p span{ margin-right:5px;}
.case_list .b{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:#323235; opacity:0;}
.case_list .pd:hover .text{transform: translateY(0%); opacity:1;}
.case_list .pd:hover .b{ left:0px; top:0px; width:100%; height:100%; opacity:1;}  
.more{ padding:25px 0;}
.more a{ width:150px; height:48px; color:#000; line-height:48px; text-align:center; border:1px solid #dbdbdb; background:none; margin:0 auto; }
.more a span{ height:48px; line-height:48px;}
.more a:hover {
	background: #3487ef;
	border-color: #3487ef;
	color: #fff;
} 
.news{ padding:0px 0;} 
.news_flip{ text-align:center; padding:30px 0;}
.news_flip .pd{ display:inline-block;}
.news_flip a{ float:left; width:50px; height:50px; margin:0 5px; font-size:18px; line-height:50px; text-align:center; background:#ffffff;}
.news_flip a.curr{ background:#323235; color:#fff;}
    .news_flip a:hover {
        background: #3487ef;
        color: #fff;
    }
 
 
.FpulseSlow {animation:FpulseSlow infinite alternate 2s ease-in-out;}
@keyframes FpulseSlow {
	0% {transform:scale(1);opacity:1;}
	100%{transform:scale(0.85);opacity:0.5;}
}
.FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear ;opacity:0;}
@keyframes FpulseSlow2 {
	0% {transform:scale(0.25);opacity:0.4;}
	100%{transform:scale(1);opacity:0;}
} 
 
.news_pg{ margin:0 90px;}
.news_fl{ width:100%; float:left;}

.news_wp{ background:#fff; margin-bottom:60px;}

.news_info{ margin:0 50px; padding:30px 0 50px 0;}
.news_info_tit{ font-size:36px; line-height:1.3; margin-bottom:10px;}
.news_info_em{ color:#888; font-size:12px; margin-bottom:30px;}
.news_info_con{ font-size:14px; line-height:24px;}
.news_info_con img{ max-width:100%; height:auto;}

.news_page{ overflow:hidden; padding:25px 30px; background:#fff; border-top:1px solid #f2f2f2; position:relative;}
.news_page .li{ float:left; width:50%;}
.news_page .li a{ display:block; font-size:18px; height:30px; overflow:hidden; line-height:30px; padding:0 40px; position:relative;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color:#323235;}
.news_page .li i{ position:absolute; width:30px; height:30px; font-size:24px; color:#323235; top:50%; margin-top:-15px; line-height:30px; text-align:center;}
.news_page .li1 a{ text-align:left;}
.news_page .li1 i{ left:0px;}
.news_page .li2 a{ text-align:right;}
.news_page .li2 i{ right:0px;}
.news_page .return{ position:absolute; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; top:50%;}
.news_page .return a{ width:32px; height:32px; line-height:32px; display:block; text-align:center; font-size:28px; color:#323235;}

.news_page .li a:hover {
color: #3487ef;
}
.news_page .li a:hover i {
	color: #3487ef;
}
.news_page .return a:hover {
color: #3487ef;
}
 
.case_pg{ padding-bottom:80px; }  
.slick .slick-arrow{font-size:22px; position:absolute; top:-55px; z-index:2; height:58px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:#a7a7a7; background:rgba(0,0,0,0); border-radius:50%;}
.slick .slick-prev{ right:58px; left:auto;} 
.slick .slick-next{ right:0px;} 
.slick .slick-arrow:hover {
    color: #3487ef;
} 
.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-234px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:12;} 
.quick_nav2{}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;} 
.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover { }
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover { 
    color: #fff;
}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}  
.quick_kf .h3{ font-size:24px; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px;background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;} 
.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px;background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:24px; line-height:1;} 
.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;} 
.quick_top{ display:none;}
.body_top .quick_top{ display:block;}
.table{}
.table table{ width:100%; border-collapse:collapse; border:1px solid #dbdbdb; text-align:center; font-size:14px;}
.table th {
	background: #3487ef;
	border: 1px solid #dbdbdb;
	padding: 10px;
	color: #fff;
	font-size: 16px;
}
.table td{ border:1px solid #dbdbdb; padding:10px;word-break:break-all;}
.table img{ width:100%; max-width:115px; height:auto; display:inline;}
.table tr:nth-child(odd) td{ background:#f3f0ef;}
.table .p{ font-size:18px;} 
.mgb40{ margin-bottom:40px;} 
.text1{ font-size:18px; color:#323235; padding:0 100px; text-align:center; margin-bottom:40px;}  
#to_case{ position:absolute; top:-60px;} 
#container{ height:400px; width:100%;}
.highcharts-exporting-group,.highcharts-credits,.highcharts-legend-item,.highcharts-legend-box{ display:none !important;}

 
@media screen and (max-width:1650px){
	.wp{ width:1200px;}   
	.news_pg{ margin:0px;}
	.news_fl{ width:1200px;} 
	.news_page .li a{ font-size:16px;}
	.news_info_tit{ font-size:24px;} 
	.menu .h3 a{ padding:0 10px; margin:0 10px;} 
	.slick .slick-arrow{ top:-34px; width:40px; height:40px; line-height:40px;}
	.slick .slick-prev{ right:48px;}  
	
	
	 
	.img_min500_313{ display:none !important;}  
}
@media screen and (max-width:1440px){ 
	.case_ul .text{ font-size:12px; height:50px; line-height:50px;} 
	.icase_tab{ margin-bottom:30px;}
	.icase_tab a{ font-size:16px;}  
	.text1{ font-size:16px;}  
	.ibanner .slick-prev{ left:80px;}  
}
@media screen and (max-width:1366px){
	.quick_nav{ width:92px; top:110px; margin:0px;} 
	.quick_nav2 li{ padding:10px 0;}
	.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
	.quick_nav2 .box{ right:92px;} 
	.flink{ font-size:12px;}
	.footer_con{ padding:40px 0;}   
	.text1{ font-size:14px; padding:0 60px;}    
	.menu .h3 a{ height:100px; line-height:100px;}
	.header .wp{ height:100px;}
	.logo{ width:300px; /*margin-top:-16px;*/}  
	.menu .box{ top:64px;}
	.fixed-nav .box{ bottom:0;}
}
@media screen and (max-width:1279px){
	.wp{width:1000px;}
	.header .wp{ margin:0 30px; height:80px; min-width:1000px;}
	.menu{ margin:0 215px 0 158px;}
	.menu .h3 a{ height:80px; line-height:80px; margin:0 5px;}
	.logo{ width:auto; /*margin-top:-20px;*/}
	.logo img{ height:80px; width:auto;} 
	.fixed-nav .logo{ width:auto; margin-top:-15px;}
	.fixed-nav .logo img{ height:70px;}
	.fixed-nav .menu{ margin:0 210px 0 120px;} 
	.footer_con{ line-height:1.6;}  
	.icase_tab{ margin-bottom:20px;}
	.icase_tab a{ height:34px; line-height:34px;}
	.case_ul .text{ height:40px; line-height:40px; font-size:14px;}  
	.inews{ margin-bottom:40px;}   
	.more a{ width:120px;}
	.more a,
	.more a span{ height:40px; line-height:40px;}  
	.news_fl{ width:1000px;}
	.news_info{ margin:0 30px;}
	.news_page .li a{ font-size:14px;}
	.news_page .li i{ font-size:20px;}
	.news_page .return a{ font-size:24px;}
	.news_wp{ margin-bottom:40px;}  
}

@media screen and (max-width:1024px){
	body{ padding:60px 0 50px 0;}
	.header{ position:fixed; left:0px; top:0px !important; right:0px;}
	.header .wp{ min-width:inherit; height:60px;}
	.wp{ width:auto; margin:0 30px;}
	.top_tel{ right:60px;}
	.top_tel span{ font-size:24px;} 
	/*.logo{ margin-top:-15px;}*/
	.logo img{ height:60px;} 
	.menu-link{ display:block;}
	.header{ height:60px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
	.menu{ padding:0px; margin:0px; display:none; position:fixed; left:100%; top:60px;right:0px; width:100%; background:#f2f2f2; display:block;}
	.menu ul{ overflow:hidden; display:block;}
	.menu .h3{ border-bottom:1px solid #fff; border-right:1px solid #fff;}
	.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
	.menu li{ width:50%; float:left; margin:0px; padding:0px; text-align:center;} 
	.menu li:first-child{ width:100%;}
	.menu .h3 a{ line-height:normal; height:auto; padding:20px 0;}
	.menu li:hover .h3 a{ color:#323235;}
	.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
	.menu .h3 strong{ height:32px; line-height:32px; font-weight:normal;}
	.menu li:hover .box{ display:none;}  
	.menu_bg{ display:block; background:#f2f2f2; position:fixed; left:100%; top:0px; right:0px; width:100%;  bottom:0px; z-index:11;} 
	.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
	.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;} 
	.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
	.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
	.quick_nav2 .pd{padding:5px 0; color:#fff;}
	.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
	.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
	.quick_nav2 .pd:hover {}
	.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
	.quick_nav2 .npd{ margin:0;}
	.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
	.quick_nav2 li:hover .box{ display:none;} 
	.quick_kf .box{ margin:-120px 0 0 -196px;}
	.quick_fw .box{ margin:-66px 0 0 -196px;}
	.quick_wx .box{ margin: -122px 0 0 -93px;}
	.quick_close {
		position: absolute;
		left: 50%;
		bottom: -40px;
		margin: 0 0 0 -15px;
		width: 30px;
		height: 30px;
		border-radius: 50%; 
		color: #fff;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		display: block;
	}

	.ibanner{ padding-bottom:0px;}
	.ibanner .slick-dots{ bottom:20px;}  
	.ibanner .slick-prev{ left:30px;}
	.ibanner .slick-next{ right:30px;} 
	.footer_con .li{ width:auto; float:none; padding-right:0px; text-align:center; margin-bottom:20px;}
	.footer_con .h3{ font-size:16px; color:#efefef;} 
	.flink{ line-height:20px;}
	.flink a{ margin:0 10px; float:left;} 
	.case_list .b{ display:none;}
	.case_list .text{ position:static; transform: translateY(0%); opacity:1; padding:0px; background:#fff; color:#323235;}
	.case_list .h3{ font-size:14px; padding:0 10px; height:40px; line-height:40px; text-align:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden;}
	.case_list .p{ display:none;}

	.bcon{ padding:0;} 
	.more{ padding:25px 0 0 0;}    
	.news_fl{ width:auto;}   
	.case_pg{ padding:40px 0;}      
	.icase_tab a:hover{ background-color:#323235;}  
	.menu .h3 a:after{ display:none !important;}  
}
@media screen and (max-width:980px){  
	.news_fl{ width:auto; margin-bottom:30px; float:none;} 
 
	.xinwen_list .fl{
		width:50%; 
	} 
}
@media screen and (max-width:768px){ 
	.case_ul .li{ width:50%;} 
	.icon5 {
		padding: 0 0 50px 0
	} 
	.case_list ul{ margin-right:-10px;}
	.case_list li{ margin-bottom:10px;}
	.case_list .pd{ margin-right:10px;}
	.icase_tab{padding-top:0}
	.icase_tab ul{ display:block; margin:0 -25px; background:#323235;}
	.icase_tab li{ padding:0px; width:20%;}
	.icase_tab a{ padding:0;} 
	.news_flip a{ width:40px; height:40px; margin:0 3px; line-height:40px;} 
	.text1{ padding:0px;}   
	.xinwen_list .fl{
		width:100%;
	}
}

@media screen and (max-width:640px){ 
	.ibanner{ background:#f4f0ef;} 
	.ibanner .slick-dots{ bottom:20px;}
	.ibanner .slick-dots li{ margin:0 3px;}
	.ibanner .slick-dots li button{ width:6px; height:6px;}
	.ibanner .slick-arrow{ opacity:1;background: rgba(0,0,0,1); width:32px; height:32px; line-height:32px; font-size:16px; margin-top:-70px; display:none !important;} 
	.case_list ul{ margin-right:-5px;}
	.case_list li{ width:50%; margin-bottom:5px;}
	.case_list .pd{ margin-right:5px;} 
	.table table{ font-size:12px;}
	.table .p{ font-size:12px;}
	.table th{ font-size:12px;} 
	.img_list2{ padding:5px 3px;}
	.img_list2 img{ padding:0 2px;} 
	.slick-dots li{ margin:0 3px;}
	.slick-dots li button{ width:8px; height:8px;}   
	
	.ibanner video{ display:none;} 
	.flink a{ margin:0 10px 0 0 ;} 
	.footer_con .h3{ color:#888; margin-bottom:5px;}
	.footer_con .li{ text-align:left;} 
	.icon4{ padding:30px 0;}  
}
@media screen and (max-width:540px){

	.icase_tab{ padding-top:0px;}
	.icase_tab ul{ display:block; margin:0 -25px; background:#323235;}
	.icase_tab li{ width:20%;}
	.icase_tab a{ font-size:12px;} 
	.icase_tab8 li{ width:33.3333%;}
	.icase_tab99 li{ width:20%;} 
	.icase_tab_fixed{}
	.icase_tab_fixed ul{ margin:0px; background:rgba(0,0,0,0.5);}
	.icase_tab_fixed a{ background:none;} 
	.news{ padding:0px 0;}
	.news_flip{ padding:20px 0;}
	.news_flip a{ width:32px; height:32px; margin:0 2px; line-height:32px; font-size:14px;} 
	.news_info{ margin:0 20px;} 
	.news_info{ padding: 20px 0 30px 0;}
	.news_info_em{ margin-bottom:20px;} 
	.news_info_tit{ font-size:18px;}
	.news_page{ padding:10px 15px;}
	.news_page .return a{ font-size:20px;}
	.news_page .li i{ font-size:16px; width:24px; line-height:24px; height:24px; line-height:24px; margin-top:-12px;}
	.news_page .li1 a{ padding:0 15px 0 24px;}
	.news_page .li2 a{ padding:0 24px 0 15px;} 
	.slick .slick-prev{ right:30px;}
	.slick .slick-next{ right:-10px;}   
	#to_case{ top:-60px;} 
	.inews .more{ padding-top:0px;}  
}
@media screen and (max-width:480px){
	.wp,
	.header .wp{ margin:0 25px;}
	.menu-link{ right:17px;}
	.top_tel{ display:none;} 
	.quick_nav2 .box{ left:25px; right:25px; width:auto;}
	.quick_kf .box{ margin:-120px 0 0 0;}
	.quick_fw .box{ margin:-66px 0 0 0;}
	.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;} 
	.case_ul .tag{ display:none;}
	.case_ul .text{ height:30px; line-height:30px; font-size:12px;}  
	.slick .slick-arrow{ width:32px; height:32px; line-height:32px; top:-24px; font-size:18px;} 
	.news_page{ margin:0 -25px;} 
	.table table{ font-size:10px;}
	.table .p{ font-size:10px;}
	.table th{ font-size:10px;}   
	.mgb40{ margin-bottom:20px;}     
	.news_pg .news_page{ margin:0px;} 
	#container{ height:220px; }  
	.icase_con{ margin:0 25px;}
	.case_ul .li{ width:auto; float:none; margin-bottom:5px;}
	.case_list ul{ margin-right:0px;}
	.case_list li{ width:auto; float:none;}
	.case_list .pd{ margin-right:0px;}  
	.flink{ display:none;}  
	.case_ul .pd:hover .text{ background:#fff !important;color: #000;}  
	.bcon2{ padding-top:0px;}  
}

@media screen and (max-width:413px){
	.wp,
	.header .wp{ margin:0 20px;}
	.menu-link{ right:12px;}
	.quick_fw .p{ font-size:30px}
	.quick_kf .m a{ font-size:12px;} 
	.quick_nav2 .box{ left:20px; right:20px; width:auto;}  
	.news_page{ margin:0 -20px;} 
	#container{ height:280px; } 
	.icase_con{ margin:0 20px;} 
}
@media screen and (max-width:374px){
	body{ font-size:12px;} 
	.wp,
	.header .wp{ margin:0 15px;} 
	.quick_fw .p{ font-size:24px}
	.quick_nav2 .box{ left:15px; right:15px; width:auto;} 
	.icase_tab{ margin-bottom:10px;}
	.icase_tab a{ font-size:12px;} 
	.news_info{ margin:0 15px;}
	.news_info{ padding: 20px 0 25px 0;}
	.news_info_em{ margin-bottom:15px;}
	.news_info_con{ font-size:12px; line-height:1.5;} 
	.slick .slick-prev{ right:25px;}   
	.news_page{ margin:0 -15px;} 
	#container{ height:260px; } 
	.icase_con{ margin:0 15px;}    
	.bcon{ padding:0;} 
	.footer_con{ font-size:12px;}   
	.footer_con{ padding:30px 0;}   
	.icase_tab a{ font-size:10px;}
} 
.header:after{content:'\20'; position:absolute; top:100%; left:0px; right:0px; height:250px; background:rgba(0,0,0,0.5); display:none; border-top:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.header_after:after{ display:block;}
.menu ul{ position:relative;}
.menu li{ position:static;}
.menu .box{ z-index:2; background:none; padding:25px 0;}
.menu .box a{ width:23%; float:left; background:#3d3d3d; margin:0 1% 15px 1%; height:60px; line-height:60px; position:relative;}
.menu .box a:after{ content:'>>';}
.menu .box a:before{ content:''; position:absolute; right:0px; top:0px; width:34px; height:28px; background:url(../images/nav.png) no-repeat; display:none;} 
#mes{ display:none;} 
.am-text-truncate{
	overflow: hidden;
	height:15px;
} 
@media screen and (max-width:1024px){ 
	.header_after:after{ display:none;} 
} 

@media screen and (max-width:480px){
	.banner_page .pd img{ width:100%;}  
	.img_box{ display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:99; background:rgba(0,0,0,1);padding:0px; display:flex;justify-content:center;align-items:center; cursor:pointer;}
	.img_box:before{content: "\e80c"; color:#fff; width:40px; height:40px; position:absolute; right:0px; top:0px; line-height:40px; text-align:center;}
	.img_box img{ display:block; max-width:100%; height:auto !important;}
}
  
	.xinwen_list p{ 
	color: #999;
	line-height: 24px;
	display: block;
	padding-top: 5px;
	margin: 10px 0 0 0 !important;
	height: 170px;
	overflow: hidden; 
	}
	.xinwen_list .fl{ 
		padding:0;
	}
	
	.xinwen_list li a{
		display: block;
		width: 98%;
		overflow: hidden;
		padding:20px;
		border-bottom: 1px #e6e6e6 solid;
	}
	.xinwen_list .row{
		margin-right:0;
		margin-left:0;
	}
	.xinwen_list .col-xs-12 ,.xinwen_list .col-sm-6{
		padding-right: 0;
		padding-left: 0;
	}
	.xinwen_list .fr{ 
		padding-left:15px;
	}
@media screen and (max-width:1680px){
	.xinwen_list .fr{ height:155px;} 
	.xinwen_list p{ 
		line-height: 24px; 
		height: 180px; 
	} 
}
@media screen and (max-width:1650px){ 

	.xinwen_list p{ 
		line-height: 24px; 
		height: 130px; 
	}

}
@media screen and (max-width:1649px){ 

	.xinwen_list p{ 
		line-height: 24px; 
		height: 100px; 
	}

}
@media screen and (max-width:1366px){ 

	.xinwen_list p{ 
		line-height: 24px; 
		height: 100px; 
	}

}
@media screen and (max-width:1280px){  
	.xinwen_list p{ 
		line-height: 24px; 
		height:96px;
		padding-top: 0px;
		margin: 0 !important;
	}
	.xinwen_list .fl{
		width:50%; 
	}
	.xinwen_list .fr{
		width:49%;
		height:116px; 
	} 
}

@media screen and (max-width:1199px){  
	.xinwen_list p{ 
		line-height: 24px; 
		height:155px; 
	}
	.xinwen_list .fl{
		width:30%; 
	}
	.xinwen_list .fr{
		width:69%; 
	}
	.xinwen_list li a { 
		padding:10px; 
	}
}
@media screen and (max-width:890px){  
	.xinwen_list p{ 
		line-height: 24px; 
		height:100px;
		
	}
	.xinwen_list .fl{
		width:40%; 
	}
	.xinwen_list .fr{
		width:59%; 
	}
	.xinwen_list li a { 
		padding:10px; 
	}
}
@media screen and (max-width:768px){  
	.xinwen_list p{ 
		line-height: 24px; 
		height:100px;
		padding-top: 0px;
		margin: 0 !important;
	}
	.xinwen_list .fl{
		width:50%; 
	}
	.xinwen_list .fr{
		width:49%; 
	} 
}

@media screen and (max-width:568px){  
	.xinwen_list p{ 
		padding-top:0;
		line-height: 24px; 
		height:76px;
		padding-top: 0px;
		margin: 0 !important;
	}
	.xinwen_list .fl{
		width:50%; 
	}
	.xinwen_list .fr{
		width:49%; 
		height: 106px;
	}  
}
@media screen and (max-width:480px){
	.xinwen_list ul li a{
		padding:10px;
	}
	.xinwen_list p{  
		padding-top:0;
		padding-bottom:2px;
		height:70px;
		line-height:24px;
		padding-top: 0px;
		margin: 0 !important;
	}
	.xinwen_list .fl{
		width:50%; 
		padding-right:0;  
	}
	.xinwen_list .fr{
		width:50%; 
		padding-right:1px;
		height: 96px;
	}

	.xinwen_list li a { 
		padding: 0; 
	}
	.xinwen_list .time{
		display:none;
	}
}
@media screen and (max-width:375px){
	.xinwen_list ul li a{
		padding:10px;
	}
	.xinwen_list p{  
		padding-top:0;
		padding-bottom:2px;
		height:66px;
		line-height:24px;
		padding-top: 0px;
		margin: 0 !important;
	}
	.xinwen_list .fl{
		width:50%; 
		padding-right:0; 
	}
	.xinwen_list .fr{
		width:50%; 
		padding-right:1px;
		height:86px; 
	}

	.xinwen_list li a { 
		padding: 0; 
	}
}