@CHARSET "UTF-8";
 @media screen and (min-width:1200px){
    .container .carouselImg{width:100%;height: 100%;}
    .container .produckSection{width:1202px;height: 472px;margin:0 auto;}
    .container .newsSection{width:100%;height: 446px;}
    .newsSection .newsLine{width: 1136px;margin:0 auto;}
    .container .successSection{position: relative;width: 100%;height: 650px;background: #faf8f8;border-top:1px solid #f1f0f0;}
	.successSection .successLine{width: 980px;margin: 0 auto;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .container .carouselImg{width:1360px;height: 100%;}
    .container .produckSection{width:1202px;height: 472px;margin:0 auto}
    .container .newsSection{width:1360px;height: 446px;}
    .newsSection .newsLine{width: 1136px;margin:0 auto;}
    .container .successSection{position: relative;width:1360px;height: 650px;background: #faf8f8;border-top:1px solid #f1f0f0;}
	.successSection .successLine{width: 980px;margin: 0 auto;}
}
@media screen and (min-width: 1px) and (max-width: 959px) {
    .container .carouselImg{width:1199px;height: 100%;}
    .container .produckSection{width:1199px;height: 472px;}
    .container .newsSection{width: 1199px;height: 446px}
    .newsSection .newsLine{width: 900px;margin:0 auto;}
    .container .successSection{position: relative;width: 1222px;height: 650px;background: #faf8f8;border-top:1px solid #f1f0f0;}
	.successSection .successLine{width: 940px;margin: 0 auto;}
}
.top .nav{background:#00549f;width:100%;height:90px;
			z-index: 110;position: fixed;top: 0; left: 0;}
	
.container .carouselImg{display: flex ;display:-webkit-box;display: -ms-flexbox;margin-top:90px;}
.carouselImg .img_ul{width:100%;}
.img_ul li img{width:auto; height:auto;max-width:100%;max-height:100%;}
.carouselImg .icons{width:100%;position:relative;margin-left:-100%;z-index: 1;height: 100%;margin-top: -189px;}
.icons .icons_ul{width:40%;margin:0 auto;height:30px;margin-top:614px;
                 display: flex;display:-webkit-box;display: -ms-flexbox;}
.icons_ul li{width: 22%;}
.icons_ul li a{background:#fff;display: inline-block;width: 70px;height: 4px;}
.icons_ul .cur a{background:#00aced;}
.icons_ul .cur a:hover{background:#00aced;}

.produckSection .produckLine{width: 100%;margin-top:20px;}
.produckSection .title_div{width: 140px;margin: 0 auto;}
.produckSection .title_div p{font-size: 24px;color:#333;margin-bottom: 40px;}
.produckSection .produckType{display: flex;display:-webkit-box;display: -ms-flexbox;
	width:738px;margin:0 auto;margin-bottom:40px;}
.produckType li .tag{font-size: 20px;margin-left:86px;}
.produckType li .tag.on{color: #1689EF;border-bottom:4px solid #1689EF;padding-bottom: 9px;}
.produckSection .produckimg_box{display: flex ;align-items:center;}
.produckimg_box .thumbs{width:1080px;margin:0 auto;display: flex ;overflow:hidden;align-items:center;}
.thumbs li{width:323px;text-align:center;margin-left:68px;position: relative;}
.thumbs li:first-child{margin-left:0;}
.thumbs li a{
	display: flex;justify-content: center;align-items: center;
	width:315px;height:230px;
	background: #F5F5F5;border: 1px solid rgba(204, 204, 204, 0.3);text-align:center
}
.thumbs li span{display: block;margin-top:20px;color: #242424;font-size: 20px;}

.newsSection .title_div,.more{width: 140px;margin: 0 auto;}
.newsSection .title_div p{font-size: 24px;color:#333;margin-bottom: 40px;}
.newsSection .newsDiv{width:100%;height:360px;margin-top:20px;}
.newsDiv .newsLine{width:100%;display: flex ;display:-webkit-box;
                    display: -ms-flexbox;margin-bottom:18px;}
.newsLine .newsDate{color:#666;width:106px;height:76px;
                    line-height:76px;text-align: center;margin-left:120px}
.newsLine .newsTitle,.newsText{width:730px;/* margin-left:114px; */}
.newsTitle{font-size: 18px;height: 30px;}
.newsText{line-height: 26px;overflow:hidden;}
.newsLine .newsEnd{width:86px;height:76px;margin-left:30px;}
.newsEnd a:before{content:url(../../images/web/newsLine.png);padding-right: 12px;}
.newsEnd a{display: inline-flex;height: 76px;line-height: 76px;font-size: 16px;color:#3a91e2;}
.newsEnd a:hover{color:#5bbde2;}
.more a{width: 100%;height: 34px;line-height: 34px;text-align: center;color: #fff;
        background: #3a91e2;border-radius: 6px;display: inline-block;font-size: 16px;}

.successSection .title_div{width: 140px;margin: 0 auto;margin-top:20px;margin-bottom:40px;}
.successSection .title_div p{font-size: 24px;color:#333;margin-bottom: 40px;}
.successLine{position:relative}
.successLine .successThumbs{display: flex ;display:-webkit-box;display: -ms-flexbox;}
.successThumbs li{width:24%;/* width:262px; */margin-right:1%;}
.successThumbs li img{width: 272px;height: 194px;}
.successThumbs li p{text-align: center;margin-top: 10px;margin-bottom: 40px;}
.successThumbs li a,.successThumbs li a img {display: block;position: relative;}
.successThumbs li a {overflow: hidden;}
.successThumbs li a div {position: absolute;background: #00aced; width: 100%;
    height: 100%;background: rgba(0,172,237,0.6);}
.successThumbs li a div span {display: block;padding: 10px 0;width:90%;margin: 0 auto;
    text-transform: uppercase;font-size: 16px;font-weight: normal;
    color: rgba(255,255,255,0.9);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.successThumbs li a div span .contentTitle{font-size:18px;font-weight: bold;margin-bottom:8px;
			text-align: center;}
.successThumbs li a div span .content{line-height: 24px;}

/**轮播图样式**/
.img_ul .slidesjs-navigation {
	position: absolute;
	z-index: 100;
	top: 34%;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background:
		url("../../images/web/arrow_imageslide.png")
		no-repeat left center;
}

.img_ul .slidesjs-previous {
	left: 30px;
}

.img_ul .slidesjs-next {
	right: 30px;
	background-position: right center;
}
.img_ul.slidesjs-next {
	right: -80px;
	background-position: right center;
}
/* 悬浮框 */
#suspension_frame{
	position:absolute;
	top:90px;
	left:0px;
	z-index:101;
}
#suspension_frame>a>span{
    color: #cecece;
    position: absolute;
    top: 2px;
    left: 156px;
    width: 20px;
    height: 20px;
    font-size: 38px;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
}
.successSection .slidesjs-navigation {
	position: absolute;
	z-index: 100;
	top: 42%;
	text-indent: -9999px;
}
.successSection .slidesjs-previous {
	background:url("../../images/index/preBig-icon.png")no-repeat left center;
	width:17px;
	height:29px;
	left: -50px;
}
.successSection .slidesjs-next {
	background:url("../../images/index/nextBig-icon.png")no-repeat left center;
	width:17px;
	height:29px;
	right: -50px;
}