/* CSS Document */
@import url(main.css);

/*首页*/
.wapmian{ display:none}
.mainall{  width:100%; height:110px; margin:0px auto; padding:0px;overflow:hidden; background:#FFF}
.topmenumain{ width:1200px; margin:0px auto; height:87px; margin-top:11.5px;}
.logo{float:left; width:416px;}
.menumain{ float:left; width:640px; padding-left:340px; position:absolute;}
.menumain ul li{ float:left; font-size:18px; line-height:87px; padding-right:22px;}
.menumain ul li a{ color:#000;}
.menumain ul li a:hover{ color:#886028;}
.topright{ float:right; width:210px; height:110px; overflow:hidden}
.englistlist{ float:right; width:210px; margin-top:-10px;}
.englistlist ul li{ float:right; padding-right:8px;}
.tblist { float:right; width:210px; margin-top:10px;}
.tblist ul li{ float:right; padding-right:8px;}
.tblist ul li img { width:20px}
.qlist{ float:right; width:192px;}
.qlist ul li{ float:right; padding-right:5px;}
.title01{ font-size:30px; color:#333; line-height:36px; text-align:center}
.title02{ font-size:30px;  line-height:36px;color:#004040; font-weight:bold; text-align:center}
.title03{ font-size:24px; color:#333; font-weight:bold;line-height:36px; text-align:center; font-style:italic}
.title03 span { }
.protitle{ width:100%; margin:60px auto 40px auto}
.indexmainpro{ width:1200px; height:auto; margin-top:30px;overflow:hidden}
.iproleft{ float:left; margin-top:0px}
.iproleftimg{ float:left; width:363px; height:564px; overflow:hidden}
.iproleftwz{ float:left; width:330px; padding-left:30px;}
.ititle01{ font-size:22px; width:330px; float:left; color:#333; padding-top:40PX;}
.iwz01{float:left; font-size:18px; width:330px; padding-top:20px; line-height:30px; padding-bottom:20px;color:#333}
.Learnmore{ float:left; width:330px;}
.Learnmore a{ width:126px; height:44px; background:#A4A4A4; line-height:44px; color:#FFF; text-align:center; font-size:16px; display:block;border-radius:4px;}
.Learnmore a:hover{ width:126px; height:44px; background:#919292; line-height:44px; color:#FFF; text-align:center; font-size:16px; display:block;border-radius:4px;}
.protitle2{ padding-top:80px;}
.iprolist{ width:1200px; height:auto; float:right; margin-top:50px; overflow:hidden }
.iprolist ul li{ float:left; width:285px; padding-right:20px;height:auto;   margin-bottom:50px; overflow:hidden}
.iprolist ul li img{ width:285px; height:285px; border:solid 1px #F2F2F2;box-sizing:border-box;overflow:hidden}
.iprolist ul li:nth-child(4n){ padding-right:0px;}
.iprolist ul li font{ width:285px; float:left; display:block; margin-top:5px; text-align:left; color:#333;text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}
.iprolist ul li font a{ color:#333; display:block; font-size:18px; font-weight:bold}
.iprolist ul li font a:hover{ color:#886028}
.iprolist ul li span{ width:285px; margin-top:10px; height:60px; float:left; font-size:14px; color:#333;text-overflow:ellipsis;-webkit-line-clamp:4; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}

a.clickmore{ width:225px; margin-top:30px; float:left; display:block; color:#005A5A; text-decoration:underline}
a.clickmore:hover{ color:#886028}
.ibgimg{ height:670px; margin-top:84px; width:100%; background:url(/images/bgpic.jpg) center no-repeat}

.ibgimgpro{ height:670px;width:100%; margin-top:1px; background:url(/images/bgpic.jpg) center no-repeat}
.ibgimgpro01{ height:649px;width:100%; margin-top:-1px; background:url(/images/bgpic01.jpg) center no-repeat}
.ifiveimg{ float:right; width:688px; margin-top:133px;}
.toprightleg{ width:200px; float:right; margin-top:28PX;}
/*首页结束*/

/*联系我们*/
.contact_title { color:#fff; font-size:36px; text-align:center; height:287px; line-height:287px;}
.contact_name{ font-size:18px;padding-top:80px;}
.contact_name02{ font-size:18px;padding-top:40px; width:100%; padding-left:0px; float:left}
.news_left { float:left; width:100%;padding-top:40px; padding-right:100px; font-size:24px; line-height:36px;}
.contactmainbg{}
.newsmainbg{ background:url(../images/news.png) left top no-repeat; background-position:0px 80px;}
.contacttitle{ font-size:24px; color:#000000; padding-bottom:30px; padding-top:40px;}
.contactwzsup{ font-size:16px; line-height:30px; color:#000000}
.contactwzsup img { vertical-align:middle}
.supback{ margin-top:30px; width:100%;}
.supback td{ padding-top:10px;}
.supbackinput{ width:100%; height:34px; line-height:34px; text-align:left; padding:2px;box-sizing:border-box; border:solid 1px #CBD6E2; outline:none}
.supbacktarea{width:100%; height:120px; line-height:30px; text-align:left; padding:2px; box-sizing:border-box;border:solid 1px #CBD6E2; outline:none}
.supbackinput02{ width:233px; height:34px; line-height:34px; text-align:left; padding:2px; border:solid 1px #CBD6E2; outline:none}
input.subbut { width:93px; float:left;  margin-bottom:150px; height:38px; line-height:38px; text-align:center; background:#A4A4A4;  border-radius: 4px; color:#FFF; display:block; cursor:pointer;}
input:hover.subbut { width:93px; float:left;  margin-bottom:150px; height:38px; line-height:38px; text-align:center; background:#939393;  border-radius: 4px; color:#FFF; display:block; cursor:pointer;}
.contewm { width:100%; height:auto; margin-top:20px; display: flex;align-items: center;}
.contewm02 { float:left; margin-right:50px; margin-top:10px;}
.contewmimg01 { float:left; margin-top:15px; margin-right:6px;}
.contewmimg02 { float:left}

/*联系我们结束*/

/*FAQ*/
.Pdfdownload{}
.Pdfdownload dl{}
.Pdfdownload dl dt{ font-size:30px;color:#333; font-weight:bold; line-height:48px; margin:20px auto; text-align:left}
.Pdfdownload dl dd{ font-size:16px; line-height:30px; background:url(../images/pdf.png) left no-repeat; padding-left:26px;}
.Pdfdownload dl dd:hover a{color:#ff0000}
.faqtitle{ font-size:30px; color:#004040; font-weight:bold; line-height:48px; margin:20px auto; text-align:left}
.faqlist{ font-size:24px; line-height:48px;}
.faqlist a{ text-decoration:underline}
.faqlist strong{ color:#000}
.faqmain{ width:100%; height:auto; overflow:hidden; margin:40px auto 80px auto}
/*FAQ结束*/

/*tutor*/
.tutormain{}
.tutortitle{ font-size:36px; line-height:48px; width:100%; text-align:center; margin:0px auto; margin-top:40px; color:#000}
.tutorwz{ font-size:16px;color:#000; text-align:center; line-height:30px; margin:20px 0px;}
.tutorlist{ margin-top:80px; width:100%; height:auto; overflow:hidden}
.tutorlist ul li{ float:left; width:100%; margin-bottom:60px; height:auto; overflow:hidden}
.tutorlist ul li .tutorimg{ float:left; width:640px; height:auto; overflow:hidden}
.tutorlist ul li .tutorwz{ float:right; text-align:left; width:520px;}
.tutorlist ul li .tutorwz font{ font-size:24px; line-height:36px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}
.tutorlist ul li .tutorwz span{ font-size:16px; float:left; width:100%; color:#000}
.tutorlist ul li .tutorimg img{ width:640px;}
.tutorlist ul li:nth-child(2n) .tutorimg{ float:right; width:640px; height:auto; overflow:hidden}
.tutorlist ul li:nth-child(2n) .tutorwz{ float:left; text-align:left; width:520px;}
.tutorlist ul li:nth-child(2n) .tutorwz font{ font-size:24px; line-height:36px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}
.tutorlist ul li:nth-child(2n) .tutorwz span{ font-size:16px; float:left; width:100%; color:#000}
.tutorlist ul li:nth-child(2n) .tutorimg img{ width:640px;}
.tutortop{font-size:24px; line-height:36px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}

/*选项卡*/
svg{
	fill: currentColor;
}
.mt-tabpage {
	width: 1200px;
	margin: 10px auto 30px auto;
	background-color: #FFFFFF;
}
.mt-tabpage-title {
	height: 44px;
	font-size: 0;
	background-color: #fff;
	width: 100%;
	margin: auto;
	background: #fff;
	text-align:left;
	margin-bottom:30px;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: auto;
	padding:0px 10px;
	height: auto;
	border-bottom: 1px solid #f1f1f1;
	line-height: 44px;
	text-align: left;
	color: #666;
	font-size: 16px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #004040;
	font-size: 16px;
	border-bottom: 1px solid #004040;
}
.mt-tabpage-count {
	position: relative;
	width: 1200px;
	height: 363px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1200px;
	height: 363px;
	text-align: center;
}
/*选项卡结束*/

/*产品中心*/
.inqure{ width:100%; margin:30px auto}
.inqureput a{ width:150px; height:40px; background:#626262; color:#fff; display:block; text-align:center; line-height:40px; font-size:18px}
.inqureput a:hover{ width:150px; height:40px; background:#989898; color:#fff; display:block; text-align:center; line-height:40px; font-size:18px}

.proshowtitle{ width:100%; height:50px; margin-bottom:30px; margin-top:30px; line-height:50px; padding-left:20px; background:#E2E2E2; color:#333; font-size:16px;}
.tabFeedBack1{ margin-top:30px; margin-bottom:40px;}
.tabFeedBack1 td{ height:56px; padding:0 3px; font-size:16px}
.tabFeedBack1 input{ border:solid 1px #DCDBDB; width:400px; outline:none; padding:5px;}
.textarea{ width:406px;border:solid 1px #DCDBDB;outline:none;}
.btn_send{ background:#DCDBDB; height:40px; line-height:24px; color:#333;}
.btn_send:hover{ background:#C1C0C0;height:40px;line-height:24px;color:#333}
.classlocal { line-height:60px; height:60px;}
.classlocal:hover { color:#000}
.proleftmenu { float:left; width:200px; margin-top:50px; margin-right:20px; background:#FBFBFB}
.proleftmenu  ul li{width:100%; line-height:36px; border-bottom:dashed 1px #F3F3F3; padding-left:20px; box-sizing:border-box}
.proleftmenu ul li:hover { background-color:#E1E1E1; cursor:pointer}
.prolefttitle { width:180px; height:48px; padding-left:20px; line-height:48px; color:#333; font-weight:bold; font-size:18px; border-bottom:solid 1px #F3F3F3}

.iprolistny{ width:980px; height:auto; float:right; margin-top:50px; overflow:hidden }
.iprolistny ul li{ float:left; width:230px; padding-right:20px;height:auto;   margin-bottom:50px; overflow:hidden}
.iprolistny ul li img{ width:230px; height:230px; border:solid 1px #F2F2F2;box-sizing:border-box;overflow:hidden}
.iprolistny ul li:nth-child(4n){ padding-right:0px;}
.iprolistny ul li font{ width:230px; float:left; display:block; margin-top:5px; text-align:left; color:#333;text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}
.iprolistny ul li font a{ color:#333; display:block; font-size:18px; font-weight:bold}
.iprolistny ul li font a:hover{ color:#886028}
.iprolistny ul li span{ width:230px; margin-top:10px; height:60px; float:left; font-size:14px; color:#333;text-overflow:ellipsis;-webkit-line-clamp:4; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}


/*tutor结束*/
/*新闻中心*/
.Newslist{ width:100%; margin-top:50px; height:auto; overflow:hidden; margin-bottom:80px;}
.Newslist ul li{ float:left; margin-left:10px; margin-top:10px; margin-bottom:50px; margin-right:30px; padding:5px 5px 25px 5px;width:357px; height:auto; overflow:hidden; box-shadow:0px 0px 5px #666;}
.Newslist ul li font{ margin:10px 0px;}
.Newslist ul li a font{ font-size:18px; line-height:24px; padding:0px 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width:100%;color:#004040;overflow: hidden; min-height:48px;}
.Newslist ul li a font:hover{ color:#886028}
.Newslist ul li a.redmore{ width:160px; height:60px; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#A4A4A4; display:block}
.Newslist ul li a.redmore:hover{width:160px; height:60px; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#919292; display:block}
.Newslist ul li a span{ font-size:16px;padding:10px 5px; height:57px; width:100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.Newslist ul li:nth-child(3n){ margin-right:0px;}
.Newslist ul li img{ width:357px; height:238px; overflow:hidden}

.Newslist_four{ width:100%; margin-top:50px; height:auto; overflow:hidden; margin-bottom:80px;}
.Newslist_four ul li{ float:left;margin-bottom:50px;aspect-ratio: 10/7; margin-top:10px; margin-right:1%; margin-left:1%; padding:5px 5px 0px 5px!important;width:48%; height:auto; overflow:hidden; box-sizing:border-box; box-shadow:0px 0px 5px #666;}
.Newslist_four ul li font{ margin:10px 0px;}
.Newslist_four ul li .newswz_bg { width:80%; height:60px; position:relative; margin:0px auto; margin-top:calc(-50% + 55px);text-align:center; color:#fff; font-size:30px; line-height:60px; background:rgba(0,0,0,0.6); border-radius:8px;}
.Newslist_four ul li:nth-child(2n){ margin-right:0px;}
.Newslist_four ul li img{ width:100%; height:auto; overflow:hidden; z-index:1;aspect-ratio: 10/7; padding:0px; margin:0px;}



.newstitle{ font-size:24px; width:90%; font-weight:bold; color:#000; line-height:36px; margin:30px auto; height:auto; text-align:center; overflow:hidden}
.newshowwz{ font-size:18px; line-height:30px; color:#000; padding-bottom:80PX;}
.newshowwz P{ padding:10PX 0PX;}
.newshowwz p img{ padding:10PX auto; margin:0px auto;text-align:center; vertical-align:middle}
.newshowwz strong{ font-size:18px;}
.newshowwz h2{ color:#000; padding-top:30PX; font-weight:lighter}
.newshowwz h3{ font-weight:lighter}
.newshowtitel{ font-size:30px; width:100%; height:auto; font-weight:bold; text-align:center; margin:50px auto 30PX auto}
.newsvideo iframe{ width:1200px; height:675px;aspect-ratio: 16/9;}

/*新闻中心结束*/

/*视频*/

.videoindex{ width:100%; height:auto; overflow:hidden;position: relative}
.bfzt{width: 50px;height: 50px;position: absolute;left: 0;right:0;top:0;bottom: 0;margin: auto;background: rgba(0,0,0,0);/*opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; 
-khtml-opacity: 0;*/ transition: opacity .3s ease-out!important;}

.bfzt2{width: 50px;height: 50px;position: absolute; margin-top:71.5px; margin-left:150px; background: rgba(0,0,0,0);/*opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; 
-khtml-opacity: 0;*/ transition: opacity .3s ease-out!important;}

.butouming{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1}
.butouming2{width:350px;height:193px;position: absolute;left: 0;top: 0;z-index: -1}
.bofang{}

.c-bofang2{ float:right;  right:0px; width:350px;}
.c-bofang2 img{ width:25px; height:25px;}

.zanting{width: 25px;height: 25px;display: block;position: absolute;left: 0;right:0;top:0;bottom: 0;margin: auto;}
.zanting2{width: 25px;height: 25px;display: block;position: absolute;}

        .videoPlayer{
            border: 1px solid #000;
            width: 100%;
        }
        video{
            margin-top: 0px;
			object-fit:fill;
        }
        #videoControls{
            width: 600px;
            margin-top: 0px;
        }
        #progressWrap{
            background-color: black;
            height: 25px;
            cursor: pointer;
        }
        #playProgress{
            background-color: red;
            width: 0px;
            height: 25px;
            border-right: 2px solid blue;
        }
        #showProgress{
            background-color: ;
            font-weight: 600;
            font-size: 20px;
            line-height: 25px;
        }
		
		
	
/*搜索特效*/
.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-10%, -60%);
    -moz-transform: translate(-10%, -60%);
    transform: translate(-10%, -60%);
	padding-left:1046px;
	padding-top:160px;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 70px;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    width:70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:350px;
	margin-top:-40px;
    background: rgba(204,204,204,1);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 50px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
	width:30px;
    height:30px;
    border:none;
    border-radius:6px;
    background: #004040;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height:50px;
    margin: 10px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #FFF;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #FFF;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
	margin-top:-68px;
	margin-left:43px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
margin-left:360px;
margin-top:-43px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #004040;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}

	
/*products*/
.probannerbg{ background:url(../images/pronybanner.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}
.bannerbg{ background:url(../images/nybanner.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}
.Faqbg{ background:url(../images/faqbg.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}
.bannernewsbg{ background:url(../images/newsny.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}

.bannerbg img{ vertical-align:middle; text-align:center;margin:38px auto 0px auto; }
.contactbannerbg{ background:url(../images/contactnybanner.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}
.mbxmain{ width:100%; margin-top:1px; height:60px; background:#EAEAEA;  overflow:hidden}
.classlist{}
.classlist ul li{ height:60px; line-height:60px; width:auto; padding-right:20px; float:left}
.classlist ul li a{ width:auto; color:#333; padding:0px 10px; display:block}
.classlist ul li a:hover{ background:#CECECE; color:#FFF}
.classlist ul li.cur{ background:#CECECE; color:#333}
.proshows{ width:542px; margin-top:50px; float:left}
.proshowright{ float:right; width:658px; height:auto; text-align:left}
.proshowname{ font-size:24px; margin-top:100px;}
.proshowwz{ margin-top:30px;}
.fqlist{ width:100%; margin-top:50px;}
.fqlist ul li{ float:left; margin-right:10px;}
.fqlist ul li:hover img{filter: alpha(opacity=80);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.toturtitle{ font-size:24px; width:100%; font-weight:bold; height:auto; overflow:hidden; text-align:left;margin-top:20px;}
.toturlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.toturlist ul li{margin-right:20px; display:block; width:auto; margin-bottom:5px;}
.toturlist ul li a{ font-size:14px; padding:3px 5px; color:#666}
.toturlist ul li a:hover{padding:3px 5px; color:#ff0000}


.proshowdec{ width:100%; font-weight:bold; font-size:18px; color:#333;height:auto; overflow:hidden}
.proshowdecwz{ margin-top:30px; margin-bottom:50px;}
.videoselect{ width:auto; margin-bottom:20px; margin-top:20px; height:auto; overflow:hidden; font-size:16px; float:left; color:#333;}
.videoselect dl{ float:left;}
.videoselect dl dt{ float:left; margin-right:10px;}
.videoselect dl dd{ float:left; margin-right:10px;}
.videoselect dl dd a{ padding:3px 5px; background:#004040;border-radius:4px; font-size:18px; color:#FFF; display:block}
.videoselect dl dd a:hover{padding:3px 5px; background:#157A7A;border-radius:4px; font-size:18px; color:#FFF; display:block}
.Video02{ margin-left:40px;margin-top:0px;}
.videoiframe{ width:100%; height:auto; overflow:hidden}


/*视频切换*/
.videocc{ width:auto; height:auto; overflow:hidden; margin-top:22PX; color:#333; font-size:16px}
.btn{padding:3px 5px; background:#004040;border-radius:4px; font-size:18px; color:#FFF; display:block; outline:none}
.content{margin: 10px auto 80px auto;display: none;}
.btn.active{background-color: #FF0000;}
.content.show{display:block;}
.content iframe{ width:1200px; height:600px} 

/*视频切换结束*/

/*products结束*/


/*产品展示图片特效*/
#outBox{
	width: 1200px;
	height: 640px;
	margin: 2px auto;
}
.w{
	width: 450px;
	height: 450px;
}
.leftBox{
	width: 450px;
	height: 640px;
	float: left;
}
.normalBox{
	overflow: hidden;
	position: relative;
	border: 1px solid #f2f2f2;
}
.normalBox .w{
	display: none;
}
.botBox{
	width: 100%;
	height: 130px;
	background: white;
	overflow: hidden;
}
.botBox ul li{
	float: left;
	width: 54px;
	height: 54px;
	border: 2px solid #fff;
	border-radius: 5px;
	margin-left: 26.5px;
	opacity: 0.5;
}
.bord{
	border-color: #004040 !important;
	opacity: 1 !important;
}
.moveBox{
	width: 0px;
	height: 0px;
	background: rgba(0,64,64,0.4);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}
.magBox{
	width: 450px;
	height: 540px;
	border: 1px solid #f2f2f2;
	position: relative;
	float: left;
	overflow: hidden;
	display: none;
}

.magBox ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#n,.m{
	display: block !important;
}

/*产品展示图片特效结束*/		
		
/*bottom*/
.bottommain{ border-top:solid 5px #919292; background:#474747; height:296px;}
.bottommain02{border-top:solid 5px #919292; background:#474747; height:60px; padding:10px 0px; line-height:20px; color:#fff; text-align:center; display:none}
.bottomlist{ float:left; width:156px; margin-top:34px;}
.bottomlist a{ color:#fff}
.bottomenu a{ font-size:18px}
.bottomenu a:hover{ text-decoration:underline}
.bottomenulist{ margin-top:40px;}
.bottomenulist a{ font-size:14px; width:100%; display:block; color:#ccc}
.bottomenulist a:hover{ color:#FFF}
.w220{ width:220px;}
.rightcontact{ width:300px; float:right;}
.blistmain{ width:300px; height:34px; margin-top:22px; background:#FFF;border-radius:4px; display:block}
.botleft{ float:left; width:180px; height:auto;overflow:hidden;}
.botleft img { margin-top:50px; margin-bottom:50px;}
.botCenter { float:left; width:550px; color:#CCCCCC;}
.blist{ float:left; width:300px; margin-top:20px;}
.blist ul li{ float:left; padding-right:5px;}
.bottitle{ color:#FFF; font-size:18px; margin-top:33px;}
.bottitle a{ color:#FFF}
.bottitle a:hover{ text-decoration:underline}
.contactwz{ width:400px; color:#CCC; float:left; margin-top:20px;}
.contactwz td{ padding-right:10px;}
.contactwz td img{ padding-top:4px;}
.bottombot{ height:50px; line-height:50px; color:#CCC; background:#616161}
.botmenu{ width:300px; float:left; margin-top:40px;}
.botmenu ul li{ line-height:28px;}
.botmenu ul li a{ color:#ccc}
.botmenu ul li a:hover{ color:#FFF}
.botright{ float:right; width:400px; height:auto; overflow:hidden}
.botnewslet{ float:left; width:400px; font-size:30px; margin-top:40PX; text-align:center; color:#CCC; height:auto; line-height:36px; overflow:hidden}
.botnewstj{float:left; width:400px; margin-top:40px; height:36px; border-bottom:solid 1px #CCC; overflow:hidden}
.botnewstjleft{ float:left;}
.botnewstjleft input{ width:200px; height:24px; padding:3px; background:#474747; outline:none; color:#CCC}
.botnewstjright{ float:right}
.botnewstjright a{ background:#908E8E; width:82px; height:24px;border-radius:4px; text-align:center; color:#FFF; display:block}
.botnewstjright a:hover{background:#706E6E; width:82px; height:24px;border-radius:4px; text-align:center; color:#FFF; display:block}
.botcoop{ margin-top:-180px; color:#ccc;}
.botcoop td img{ padding:0px 5px;}
.botcoop td{ padding-top:10px;}
/*bottom结束*/


@media (max-width:1600px){

.ibgimg{ height:562px; margin-top:84px; width:100%; background:url(/images/bgpic1600.jpg) center no-repeat}

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

.ibgimg{ height:506px; margin-top:84px; width:100%; background:url(/images/bgpic1440.jpg) center no-repeat}

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

.ibgimg{ height:450px; margin-top:84px; width:100%; background:url(/images/bgpic1280.jpg) center no-repeat}

}
@media (max-width:1200px){
.news_left { text-align:center; font-size:14px; padding-top:30px;}
.contacttitle{ font-size:18px; color:#000000; padding-bottom:30px; padding-top:40px;}
.title01{ font-size:18px; color:#333; line-height:30px; text-align:center}
.tutortitle{ font-size:18px; line-height:30px; width:100%; text-align:center; margin:0px auto; margin-top:40px; color:#000}
.title03{ font-size:14px; color:#333; font-weight:bold;line-height:24px; text-align:center; font-style:italic}
.protitle2{ padding-top:40px;font-size:14px;}
.bannerbg{ background:url(../images/nybanner.jpg) top repeat-x; height:287px; margin-top:32px; text-align:center; width:100%; overflow:hidden}
.Faqbg{ background:url(../images/faqbg.jpg) top repeat-x; height:287px; margin-top:32px; text-align:center; width:100%; overflow:hidden}
.contactbannerbg{ background:url(../images/contactnybanner.jpg) top repeat-x; height:287px; margin-top:32px; text-align:center; width:100%; overflow:hidden}
.bannernewsbg{ background:url(../images/newsny.jpg) top repeat-x; height:287px; margin-top:32px; text-align:center; width:100%; overflow:hidden}
.iprolistny{ width:96%; height:auto; margin:50px auto 0px auto; overflow:hidden }
.iprolistny ul li{ float:left; width:46%;padding-right:8%;height:auto; margin-bottom:50px; overflow:hidden}
.iprolistny ul li img{ width:100%; height:auto; overflow:hidden}
.iprolistny ul li:nth-child(2n){ padding-right:0px;}
.iprolistny ul li font{ width:100%; float:left; display:block; margin-top:30px; text-align:left; color:#333;text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}
.iprolistny ul li font a{ color:#333; display:block; font-size:18px; font-weight:bold}
.iprolistny ul li font a:hover{ color:#886028}
.iprolistny ul li span{ width:100%; margin-top:10px; float:left; font-size:14px; color:#333;text-overflow:ellipsis;-webkit-line-clamp:4; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}

.Newslist_four{ width:100%; margin-top:20px; height:auto; overflow:hidden; margin-bottom:30px;}
.Newslist_four ul li{ float:left;margin-bottom:40px;aspect-ratio: 10/7; margin-top:10px; margin-right:1%; margin-left:1%; padding:5px 5px 0px 5px!important;width:48%; height:auto; overflow:hidden; box-sizing:border-box; box-shadow:0px 0px 5px #666;}
.Newslist_four ul li font{ margin:10px 0px;}
.Newslist_four ul li .newswz_bg { width:48%; height:36px; float:left; display:block; position:absolute; margin:0px auto;text-align:center; background:none; padding-bottom:20px; color:#333; font-size:14px; line-height:36px; border-radius:0px;}
.Newslist_four ul li:nth-child(2n){ margin-right:0px;}
.Newslist_four ul li img{ width:100%; height:auto; overflow:hidden; z-index:1;aspect-ratio: 10/7; padding:0px; margin:0px;}


}