.ncontainer{width: 90%; max-width: 1400px;margin: 0 auto;}
.tit{box-sizing: border-box; font-size: 40px; max-width: 1400px; font-family: 'DINCond-Medium'; text-transform: uppercase; padding: 44px 40px; margin: auto;}


.casebanner{margin-top: 80px;}

.casefirstbox{width:100%; background: url(../images/casefirstbg.jpg) right; margin-top: 100px; min-height: 400px;background-size:cover; padding-bottom: 110px;}
.casecontainer{padding:0px 200px;}
.casefirstbox .casetit{color:#2f2f2f; padding-top: 132px; margin-bottom: 30px;}
.casefirstbox .casetit span{display: block; float:left;font-size: 46px; font-weight: bold;}
.casefirstbox .casetit h2{font-size: 46px; float:left; margin-top: 20px;}
.casefirstbox p{width:490px; display: block; font-size: 20px; line-height: 32px; color:#a1a1a1;}
.casefirstbox a{width:112px; height: 36px; line-height: 36px; text-align:center; border:1px solid #a1a1a1; font-size: 14px; display: block; color:#a1a1a1; margin-top:48px; }

.casesecondbox{width:100%; background: url(../images/casesecondbg.jpg) no-repeat center;}
.casetits{text-align: center;}
.casesecondbox .casetits{padding-top: 132px;}
.casesecondbox .casetits h2{font-size: 44px; color:#fff;}
.casesecondbox .casetits span{color:#ea5503;}
.casesecondbox .casetits p{color:#fff; display: block; width:730px; margin:36px auto; font-size: 20px; line-height: 32px; font-weight: 100;}
.casesecondiconbox{width:100%; padding: 60px 80px 120px; color:#fff;}
.casesecondiconbox .casesecondicon{width:20%; text-align: center; float:left;}
.casesecondiconbox .casesecondicon h3{font-size: 20px; font-weight: 100; line-height:32px;}
.casesecondiconbox .casesecondicon p{font-size: 14px; font-weight: 100; line-height: 32px;}

.casethirdbox{width:100%; padding:120px 200px 0px; text-align: center;}
.casethirdbox .casetit h2{font-size: 46px; font-weight:100; color:#202020;}
.casethirdbox .casetit p{font-size: 20px; font-weight:100; color:#202020;}
.casethirdlist{width:100%; padding:90px 0px;}
.casethirdlist .casethirdeg{width:25%; border:1px solid #ececec; float:left;}
.casethirdlist .casethirdeg img{max-width: 100%}
.casethirdlist .casethirdeg .info{padding:42px 72px;}
.casethirdlist .casethirdeg .info h3{font-size: 22px; font-weight: 100; line-height: 44px;}
.casethirdlist .casethirdeg .info p{font-size: 14px; line-height: 23px;}

.casefourbox{width:100%; background: url(../images/casefourbg.jpg) right; margin-top: 0px; min-height: 400px;background-size:cover; padding-bottom: 180px;}
.casefourbox .casecontainer{padding-top: 190px;}
.casefourbox .casetit{font-size:46px; color:#000; font-weight: 400; padding-left: 72px; background: url(../images/icon6.png) no-repeat left; margin-bottom: 32px;}
.casefourbox p{width:560px; font-size: 20px;}
.webcasetit{text-align: center; margin:100px 0px 66px;}
.webcasetit h2{font-size: 46px; font-weight:100; color:#202020;}
.webcasetit p{font-size: 20px; font-weight:100; color:#202020; line-height: 40px;}

.casebox{ float:left; width:48%; margin-right:4%; margin-top:2%; color:#505050; font-size:12px; line-height:20px; overflow: hidden;}
.casebox:nth-child(2n+2){margin-right:0px;}
.casebox,.casebox:hover{ color:#505050;}
.casebox .caseimg{position: relative; overflow: hidden; zoom: 1;}
.caseimgbg{position:absolute;width:100%;height:100%; border:40px solid #fff; box-sizing: content-box; left:-40px;top:-40px;z-index:9;}
.caseimgbg{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;}
.casebox .caseimg img{transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s; width: 100%;}


.casebox .p1{height:20px; line-height:20px; overflow:hidden; position: relative; left:0; transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;}
.casebox .p2{ font-size:19px; color:#000000; font-weight:700; letter-spacing:1px; padding-top:20px; height:65px; line-height:65px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.casebox .p3{ padding-top:25px; height:60px; overflow:hidden;zoom:1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.casebox:hover{cursor:pointer}
.casebox:hover .caseimg{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.casebox:hover .caseimgbg{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);}


.casetext{ padding:38px; padding-left:105px; position:relative;}
.casetext span{top: 42px; height: 2px; width: 55px; position: absolute; left: 0; display: block; overflow: hidden; transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;}
.casetext span i{background: #a6a6a6; height: 2px; width: 55px; position: absolute; left: 0; top: 0; display: block;}    
.casebox:hover span,.casebox:hover .p1{ left:8px;}

.casetext a{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s; padding-right: 0; padding-left: 20px; display:block; line-height: 33px; width:90px; margin-top: 35px; height: 33px; color: #E4E1E1; border: 1px solid #1b1b1c; background: #1b1b1c;}
.casetext a:hover{background: #ea5503; border:1px solid #ccc;}

.img_box{display:block;width:100%;padding:0%;border-radius: 0 0 2px 2px;background:#fff;padding-bottom:0px;position:relative; height: 100%; border:0px solid #ccc;box-sizing: border-box;}
.img_box .img_img{text-align:center;width:100%;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height: 60%; position:relative; overflow:hidden;}
.img_box .img_img img{max-width:100%; position:relative; width:100%; max-width:100%; transform:translateY(0px); transition:all 2s linear 0s}
.img_box .img_tit{padding:15px; border-top: 1px solid rgba(244,244,244,1);}
.img_box .img_tit .tit{color:#666;padding-bottom:5px;overflow:hidden;font-size:16px; padding:0px 0px 10px;}
.img_box .img_tit .desc{color:#999;padding-bottom:5px;overflow:hidden;font-size:12px;overflow:hidden;height:32px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.img_box .img_read{background-color: #ffffff;
    border-top: 1px solid rgba(244,244,244,1);
    padding: 10px 15px 15px 15px;}
.img_box .img_read a{float:right;border:1px solid #e5e5e5; padding:2px 18px;color:#494949 ;font-size: 12px;cursor:pointer;}

.img_box a{}
.img_box p{height:30px;line-height:30px;margin-top:10px;font-size:16px;text-align:center;color:#555;font-weight:bold;margin-bottom:10px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.ebooklist li{width:32%; margin: 0px 2% 30px 0px;}
.ebooklist li {float:left; width:32%; height:400px; vertical-align: middle; border:1px solid #ccc; box-sizing: border-box; text-align:center;}
.ebooklist li:nth-child(3n+3){margin-right:0px;}
.ebooklist li:hover{border:1px solid #ea5503; /*box-shadow: 0px 0px 15px 5px #ea5503;*/ }
.ebooklist li img {max-width: 100%;vertical-align: middle; margin: 0 auto; text-align: center;}

.ebooklist2 li{width:23%; margin: 0px 1% 30px 1%;}
.ebooklist2 li {float:left; width:23%; height:480px; vertical-align: middle; border:1px solid #ccc; box-sizing: border-box; text-align:center;}
.ebooklist2 li:nth-child(4n+4){margin-right:0px;}
.ebooklist2 li:hover{border:1px solid #ea5503; /*box-shadow: 0px 0px 15px 5px #ea5503;*/ }
.ebooklist2 li img {max-width: 100%;vertical-align: middle; margin: 0 auto; text-align: center;}
.ebooklist2 li .img_box .img_img{height:430px;}

.ebookfirstbox{width:100%; background: url(../images/ebookfirstbg.jpg) right; margin-top: 100px; min-height: 646px;background-size:cover; padding-bottom: 110px; text-align:center;}
.ebookfirstbox h4{padding-top: 180px; font-size: 36px; font-weight: 300; color:#ea5503;}
.ebookfirstbox h2{font-size: 46px; color:#fff; margin-top: 30px;}

.ebookfirstbox .infobox{margin-top: 160px;width:560px; margin:160px auto 0px;}
.ebookfirstbox .infobox .line{ float:left; height: 1px; width:40px; background:#fff; border: 0px; margin-top: 24px;}
.ebookfirstbox .infobox .info{float:left;width:476px; border-left:1px solid #fff; border-right:1px solid #fff; margin:0px auto 0px; color:#fff;}
.ebookfirstbox .infobox .info h5{font-size: 20px;}
.ebookfirstbox .infobox .info p{font-size:10px; font-family: cursive; line-height: 24px;}

.ebooksecondbox{width:100%;}
.ebookcontainer{padding:0px 200px;}
.ebooksecondbox .fl{float:left; margin-top: 180px;}
.ebooksecondbox .fl img{display: block; float:left;}
.ebooksecondbox .fl .text{float:left; margin-left: 50px; width:270px; text-align: center; margin-top:30px;}
.ebooksecondbox .fl .text h3{font-size: 32px; margin-bottom:24px; color:#2c2c2c;}
.ebooksecondbox .fl .text p{font-size:20px; color:#9a9a9a; font-weight: 100;}
.ebooksecondbox .fr{float:right; margin-top: 20px;}

.ebookthirdbox{background:#edf0f5; padding:88px 0px; text-align: center;}
.ebooktit{text-align: center; width:100%;}
.ebooktit h3{font-size: 42px; color:#2c2c2c; margin-bottom: 10px;}
.ebooktit h3 b{color:#ea5503;}
.ebooktit span{color:#585757; font-size: 16px;}
.ebookthird{width:1332px; margin:60px auto 0px;}
.ebookthird ul li{float:left; padding:0px 60px;}
.ebookthird ul li h5{font-size: 20px; line-height: 48px; color:#585757; font-weight: 100;}

.ebookfourthbox{padding:88px 0px; text-align: center;}
.ebookfourthbox img{padding-top: 60px;}

.ebookfifthbox{background:#edf0f5; padding:88px 0px; text-align: center;}
.ebookfifth{width:1712px; margin:60px auto 0px;}
.ebookfifth ul li{float:left; padding:0px 80px;}
.ebookfifth ul li h5{font-size: 20px; line-height: 48px; color:#585757; font-weight: 100;}
.ebookfifth  ul li p{font-size: 16px; color:#585757;}


.mobantit{margin-top: 40px;}
.submenu h1{margin-bottom: 5px; font-weight: 100; color: #000; line-height: 1.35;}

.submenu h3{ font-weight: 100; color: #000; line-height: 1.35;}
.submenu a{color: #666; line-height: 32px;}

.ncontainer h2{margin-bottom: 5px; font-weight: 100; color: #000; line-height: 1em; margin-top: 60px; margin-bottom: 40px; padding-left: 10px; text-align: center;}

#intro{position: relative; top: 0; left: 0; margin-top: 100px; font-size: 1.2em; line-height: 32px;}
.gridded {
	border:14px solid #fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}
.divborder{border:0px solid #ccc;}
li.thumbitem {width:25%;position:relative;float:left; top:0; left:0; overflow:hidden; line-height:0; height: 320px; overflow: hidden;}
li.thumbitem a {
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
	background:#FFF;
	position:relative;
	top:0;
	left:0


}
.thumbnail{border:1px solid #ccc; height:292px; overflow:hidden;}
.thumbnail img {
	width:100%;
	height:auto;
	border:0px solid #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}

li.thumbitem .entry-title {
	position:absolute;
	top:0;
	left:0;
	color:#222;
	background:transparent url(../images/transp_white.png) repeat left top;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-weight: 100; color: #000; line-height: 1.35;
}
li.thumbitem .entry-title .text {
	display:block;
	margin:40px 0 0 20px
}
li.thumbitem .entry-title .font_small {
	font-size:.6em;
	margin-top:0
}
li.thumbitem a:hover .fixed-title {
	color:#333
}

li.thumbitem .entry-title {
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter:alpha(opacity=0);
	-khtml-opacity:0;
	-moz-opacity:0;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s
}
li.thumbitem .entry-title .text {
	position:relative;
	
	text-align:left
}
li.thumbitem a:hover .entry-title {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	-webkit-transition:opacity 0;
	-moz-transition:opacity 0;
	-o-transition:opacity 0;
	transition:opacity 0
}
li.thumbitem a:hover .entry-title .text {
	-webkit-animation:showtext .2s ease-out forwards;
	-moz-animation:showtext .2s ease-out forwards;
	-o-animation:showtext .2s ease-out forwards;
	animation:showtext .2s ease-out forwards
}

@-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
@keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                -ms-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }
/*about*/
#about{width:100%; height: 100%; background:url(../images/aboutback.jpg) right no-repeat; position: absolute;}

.aboutinfo{margin:100px 200px;}
.aboutinfo .abouttit{font-size: 40px; font-weight: 500; padding-top:10%; margin-bottom: 40px;}
.aboutinfo p{line-height: 32px; font-size: 16px;}
.aboutinfo a{color:#fff; width:96px; height: 28px; background:#e6541b; line-height: 28px; font-size: 12px; text-align: center; display: block; margin: 50px 0px 0px 0px; border-radius: 14px;}

.aboutnum{width:100%; margin-top: 60px;}
.aboutnum-box{float:left; text-align:right; padding: 0px 30px; border-right:1px solid #c2c2c2;}
.aboutnum-box:last-child{padding-right: 0px; border:0px;}
.aboutnum-box span{text-align:left; display: block;}
.aboutnum-box b{font-size:82px; width:80%; color:#ea5503;}


.ani1-1{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.ani1-2{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp  1s 0.5s both;
}
.ani1-3{
	opacity:1;
	-webkit-animation: fadeInUp 1s 7.5s both;
    animation: fadeInUp  1s 0.75s both;
}
.ani1-4{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp  1s 1s both;
}
.ani1-5{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.25s both;
    animation: fadeInUp  1s 1.25s both;
}
.ani1-6{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.5s both;
    animation: fadeInUp  1s 1.5s both;
}
.ani1-7{
	opacity:1;
	-webkit-animation: fadeInUp 1s 1.75s both;
    animation: fadeInUp  1s 1.75s both;
}

/*contact*/
#bottom .bottomwelcomecfff{background: #fff; color:#000000;}
#bottom .bottomwelcomecfff .wenzi{color:#000000;}
#contact{width:100%; height: 100%; background: #282828; position: absolute;}

.contactleft{position:relative; width:63%; left:0px; height: 100%; float:left;}
.contactright{position:relative; width:36%; right:0px; height: 100%; background: #f2f2f2; float:right;}
.contactinfo{padding-left: 200px; margin-top: 240px; color:#fff; float:left;}
.contactinfo h2{font-size: 50px; font-weight: 540; margin-bottom: 36px;}
.contactinfo span{font-size:16px; color:#ea5503;}
.contactinfo p{font-size:24px;font-family: serif; line-height: 36px;  margin-bottom: 36px;}
.contactmessage{float:left; margin-top: 260px; margin-left: 200px; width:480px;}

input,textarea{
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border: solid 0px rgba(255, 255, 255, 0.125);
    color: #8f8f8f;
    display: block;
    outline: 0;
    padding: 1em 1em;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 14px;
}
.contactmessage img{padding-bottom:36px;}
.contactmessage .message input{width:47%; margin-right: 6%; float:left; margin-bottom:36px;}
.contactmessage .message input:nth-child(2n+2){margin-right: 0px;}
.contactmessage .message textarea{height:220px; margin-bottom: 36px;}
.liuyan_btn{background:#ea5503; border-radius: 10px; color:#fff; font-size: 16px;}


.contactmap{margin-top: 100px;}
.contactmap img{max-width: 100%;}

.contactright .address{padding-right: 200px; text-align: right; padding-top: 80px;}
.contactright .address em{display: block; font-style:normal;}
.contactright .address p{color:#000; font-size: 36px; font-weight: bold; margin-bottom:30px;}
.contactright .address span{padding:5px 0px 5px 30px; font-size: 13px; font-weight: bold; color:#ea5503; background: url(../images/time.png) left no-repeat;}

.pcbanner{display: block;}
.mbanner{display: none;}

.mainnews{width:100%; height: 100%; padding-top: 100px;}
.newsbanner img{max-width: 100%;}
.miannewscontaner{margin:0px auto;}
.newslist{ width:100%; padding:0px 200px;}
.newslist{ margin: auto; position: relative;}
.newslist ul,.relatedNews .List ul{ width: 101.61%; margin: 2% -0.805%;}
.newslist ul li,.relatedNews .List ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.newslist ul li .img,.relatedNews .List ul li .img{ width: 100%; position: relative; z-index: 1;}
.newslist ul li .img img,.relatedNews .List ul li .img img{ width: 100%; transition: all 0.3s ease;}
.newslist ul li .cont,.relatedNews .List ul li .cont{ padding: 4%; width: 100%; position: relative; z-index: 2; background-color: #fff; }
.newslist ul li .cont .time,.relatedNews .List ul li .cont .time{ font-size: 14px; color: #999;}
.newslist ul li .cont .title,.relatedNews .List ul li .cont .title{ color: #333; font-size: 18px; margin: 8px 0 13px; height:24px; overflow: hidden;}
.newslist ul li .cont .summary,.relatedNews .List ul li .cont .summary{ font-size: 14px; color: #999; line-height: 26px;  height:78px; overflow: hidden;}
.newslist ul li:hover,.relatedNews .List ul li:hover{ -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 20px rgba(0,0,0,0.1); box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.newslist ul li:hover img,.relatedNews .List ul li:hover img{transform:scale(1.2)}
.newslist ul li:hover .time,.relatedNews .List ul li:hover .time{ color: #666;}
.newslist ul li:hover .title,.relatedNews .List ul li:hover .title{ color: #ea5503;}
.newslist ul li:hover .summary,.relatedNews .List ul li:hover .summary{ color: #333;}

.NewsDTop{ width: 100%; padding: 0px 200px; position: relative; margin: 0;}
.NewsDTop .Cont{ width: 100%; padding-top: 30px; position: relative; z-index: 2;}
.NewsDTop .Cont .title{ margin: auto; font-size: 2rem; color: #2f2f2f; padding-bottom: 1.25rem; font-weight: bold; line-height: 46px;}
.NewsDTop .Cont .slogan{ width: 100%; margin: auto; height: 3.125rem; border-top: solid 1px rgba(255, 255, 255, 0.6); color: #a1a1a1;}
.NewsDTop .Cont .slogan .cont{ margin: auto;}
.NewsDTop .Cont .slogan .left{ font-size: 0.875rem; color: #a1a1a1; line-height: 3.125rem; float:left;}
.NewsDTop .Cont .slogan .left span{ margin-right: 1.25rem;}
.NewsDTop .Cont .slogan .current{ margin-right: 20px; line-height: 3.125rem; font-size: 14px; float:right;}
.NewsDTop .Cont .slogan .current a{ color: #a1a1a1;}
.NewsDTop .Cont .slogan .current a:hover{ color: #ea5503; text-decoration: underline;}
.NewsDTop .Cont .slogan .current span{ margin: 0 5px;}



.pageNewsD{ width: 100%; padding: 0px 200px; border-bottom: solid 0px #eee;}
.pageNewsD .NewsDC{ padding: 0 0 ;  margin: auto; position: relative; }
.pageNewsD .NewsD{ width: 70%; position: relative;  overflow: hidden; padding: 4% 4% 4% 0;border-right: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none;  float:left;}
.pageNewsD .NewsD .cont{ font-size: 14px; color: #333; margin-bottom: 3%; min-height: 250px; line-height: 36px;}
.pageNewsD .NewsD .cont img{ max-width: 100%;}
.pageNewsD .NewsD .keyword{ width: 100%; margin-bottom: 3%;}
.pageNewsD .NewsD .keyword a{ float: left; margin-right: 5px; margin-bottom: 5px; display: block; padding:5px 10px; background-color: #fafafa; color: #999;}
.pageNewsD .NewsD .keyword a:hover{ background-color: #ea5503; color: #fff;}
.pageNewsD .rightNews{ width: 30%; padding: 4% 0 4% 4%; border-left: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none; margin-left: -1px; float:left;}
.pageNewsD .rightNews .top{ float: left; width: 100%; font-size: 24px; color: #000; font-weight: bold;}
.pageNewsD .rightNews ul{ float: left; width: 100%; margin-top: 30px;}
.pageNewsD .rightNews li{ float: left; width: 100%; margin-bottom: 20px;}
.pageNewsD .rightNews li .title{ font-size: 16px; color: #333; line-height: 26px;}
.pageNewsD .rightNews li .time{ font-size: 14px; color: #999; margin-top: 5px;}
.pageNewsD .rightNews li:hover .title,.pageNewsD .rightNews li:hover .time{ color: #ea5503;}
.pages1{width: 100%; padding: 0 ; margin:30px auto 0; height: 60px; line-height: 60px; position: relative;  z-index: 1;}
.pages1 a{ font-size: 14px; color: #999;}
.pages1 .fl{float:left;}
.pages1 .fr{float:right;}
.pages1 a:hover{ color: #ea5503;}


.login{width:96%; max-width: 600px; margin:0 auto;}
.login ul li {
	float:left;
	border-radius: 15px;
	width:100%;
	height:80px;}
.login ul li.int {
	background:rgba(0, 0, 0, 0.3);
	*background:#666;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.login ul li p.tt {
	border-right:rgba(255, 255, 255, 0.3) 2px solid;
	color:#FFF;
	color: rgba(255, 255, 255, 0.8);
	float:left;
	display:block;
	font-size:28px;
	line-height:80px;
	text-align:center;
	width:150px;
	height:80px;}
.login ul li .ilogin {
	float:left;
	width:400px;
	height:60px;
	padding:10px 0 0 23px;}
.login ul li .ilogin input {
	background:rgba(0, 0, 0, 0);
	border:none;
	color:#FFF;
	*color:#666;
	color:#666\9;
	font-size:35px;
	text-align:center;
	width:400px;
	height:60px;
	outline:none;}
.login .bnt {
	background:rgba(216, 38, 44, 0.8);
	*background:#666;
	background:#666\9;
	border:none;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	cursor:pointer;
	color:#FFF;
	display:block;
	font-size:40px;
	line-height:80px;
	text-align:center;
	width:600px;
	height:80px;}
.login .bnt:hover {
	background:rgba(216, 38, 44, 1);}


.readmore{width:240px; height:42px; text-align: center; line-height: 42px; border-radius: 6px; background: rgba(216, 38, 44, 0.8); color:#fff; margin:40px auto; display: block;}

.search{
	width: 100%;
	height: 86px;
	padding-top: 20px;
}
.search .input{
	width: 666px;
	height: 46px;
	border: 1px solid #ccc;
	position: relative;
	float:right;
}
.search .input input{
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #999;
	font-size: 14px;
	font-family: "微软雅黑";
	padding-left: 20px;
}
.search .input button{
	position: absolute;
	top: 1px;
	right: 1px;
	width: 116px;
	height: 42px;
	background: url(../images/sou.png) no-repeat center center;
	background-color: #b50102;
}

.inpMain {
	border: #ccc 1px solid;
	border-radius: 5px;
	float: left;
	height: 48px;
	margin-right: 10px;}

.searchbox2{width:806px; margin:0 auto;}

@media only screen and (max-width:1780px) {
	.contactinfo{margin-top:180px;}
	.contactmessage{margin-top: 200px; margin-left: 100px;}
}
@media only screen and (max-width:1680px) {
	.contactright .address{padding-top: 120px; padding-right: 120px;}
	.ebookfifth{width:1392px;}
	.ebookfifth ul li{padding:0 40px;}
	.ebooksecondbox .fr img{max-width:80%;display:block; float:right;}

}
@media only screen and (max-width:1600px) {
	.contactinfo{padding-left: 100px;}
	.contactmessage{margin-left: 80px}
	.contactinfo h2{font-size: 36px; margin-bottom:24px;}
	.contactinfo p{margin-bottom:24px;}
	.contactmessage img{padding-bottom:24px;}
	.contactmessage .message input{padding-bottom: 24px;}
	.contactmessage .message textarea{margin-bottom: 24px; height: 160px;}
	.contactright .address{padding-top: 40px;}
}
@media only screen and (max-width:1440px) {
	.contactinfo{padding-left: 100px;}
	.contactmessage{margin-left: 80px}
}
@media only screen and (max-width:1366px) {
	.ebooklist2 li .img_box .img_img{height:375px;}
	.ebooklist2 li{height: 440px;}
	.contactinfo{margin-top:100px;}
	.contactmessage{margin-top: 120px; margin-left: 100px; width:360px;}
	.contactinfo h2{font-size: 32px; margin-bottom:18px;}
	.contactinfo p{margin-bottom:18px;}
	.contactmessage img{padding-bottom:18px;}
	.contactmessage .message input{padding-bottom: 18px;}
	.contactmessage .message textarea{margin-bottom: 18px; height: 160px;}
	.contactright .address{padding-top: 40px; padding-right:80px;}
	.contactright .address em{font-size: 14px;}
	.contactright .address p{color:#000; font-size: 24px; font-weight: bold; margin-bottom:16px;}
	.contactright .address span{padding:5px 0px 5px 30px; font-size: 13px; font-weight: bold; color:#ea5503; background: url(../images/time.png) left no-repeat;}

	.casethirdbox{padding:100px 144px 0px;}
	.casethirdlist .casethirdeg .info{padding:18px 24px;}

	.ebookfirstbox{margin-top: 72px; background-size:cover; min-height: 400px; padding-bottom: 60px;}
	.ebookfirstbox h4{font-size:26px; padding-top: 100px;}
	.ebookfirstbox h2{font-size: 36px; margin-top: 20px;}
	.ebookfirstbox .infobox{margin-top: 80px;}
	.ebookcontainer{padding-top:0px 120px;}
	.ebooksecondbox .fl{width: 50%; margin-top: 80px;}
	.ebooksecondbox .fl img{width:50%;}
	.ebooksecondbox .fl .text{width:50%; padding-left:10%; margin:20px 0px;}
	.ebooksecondbox .fl .text h3{font-size: 22px;}
	.ebooksecondbox .fl .text p{font-size: 14px;}
	.ebooksecondbox .fr{width: 50%;}
	.ebooktit h3{font-size: 32px;}
	.ebooktit span{font-size: 13px}
	.ebookthirdbox{padding:64px 0px;}
	.ebookthird{margin-top:40px; width:1092px;}
	.ebookthird ul li{padding: 0px 40px;}
	.ebookfourthbox{padding:64px 0px;}
	.ebookfifthbox{padding:64px 0px;}
	.ebookfifth{width:1232px;}
	.ebookfifth ul li{padding:0px 20px;}
	.webcasetit{margin:64px 0px 48px;}
	.webcasetit h2{font-size: 36px;}
	.webcasetit p{font-size: 14px;}
}
@media only screen and (max-width:1280px) {
	
}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:1152px) {
	.contactinfo{padding-left: 60px;}
	.contactmessage{margin-top: 120px; margin-left: 60px; width:360px;}
}
@media only screen and (max-width:1024px) {
	.casebanner{margin-top: 72px;}
	.tit{padding: 22px 0px;}
	.ncontainer{width:96%;}
	.ebooklist li{width:100%; margin-right:0%;}
	.ebooklist li:nth-child(2n+2){margin-right: 0px;}
	.ncontainer{margin-bottom: 60px;}
	li.thumbitem{width:50%;}

	.mbanner{display: block;}
	.pcbanner{display: none;}

	#index{margin-top: 72px; margin-bottom: 49px;}
	.swiper-container img{max-width: 100%;}
	


	/*.serverbox{width:100%; background: #f2f2f2; max-width: 640px; margin:0 auto;}
	.serverbox img{max-width: 100%; margin-bottom: 10px; display:block;}
	.serverboxm{height: 100%; background: #f2f2f2;}
	.serverboxm img{margin-bottom: 10px; float:left; width:49%;}
	.serverboxm img:nth-child(2){float:right;}*/

	.server-box-li{background: #fff; width:50%; float:left;}
	.server-box-li:nth-child(1){background: #f7f7f7;}
	.server-box-li:nth-child(4){background: #f7f7f7;}
	.server-box-li-info{text-align: center; width:100%; color:#6d6d6d; padding:10px 0px;}
	.server-box-li-info .img{width:60px; margin:0 auto;}
	.server-box-li-info .img .pc{display: block;}
	.server-box-li-info .img .pch{display: none;}
	.server-box-li-info h3{font-size: 22px; font-weight: normal;  margin: 10px 0px 0px; color: #454545; transition: all 0.8s ease;}
	.server-box-li-info em{font-style: normal; display: block; font-size: 10px; padding-bottom: 12px; font-family: cursive; color:#454545;}
	.server-box-li-info h6{font-size: 14px; font-weight: normal;  line-height: 28px; color: #454545; transition: all 0.8s ease;}


	.casebox{width:100%;}
	.itit h1{font-size: 32px; font-weight: 100;  margin-bottom: 5px; color: #000; line-height: 2; padding-left:4%;}
	
	.caseboxeg{width:90%; margin:0 auto;}
	.caseboxeg img{max-width: 100%;}
	.caseboxeg .info{font-size: 14px; line-height: 32px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
	.ebookbox{width:100%}
	.ebookbox .swiper-container{width:90%; margin:0 auto; border:1px solid #f2f2f2; padding-bottom: 10px;}



	.news-info-box{border:0px solid #ccc; width:80%; margin-left: 10%; }
.news-info-box .time{display:block; font-size:16px; color:#000; font-family: fantasy;}
.news-info-box .line{display:block; width:25px; height:1px; background: #f00; margin-top: 10px; margin-bottom: 10px;}
.news-info-box h2{font-size:14px; font-weight:600; color:#000; line-height: 28px;}
.news-info-box img{display:block; margin:10px auto 20px;}
.news-info-box p{font-size:12px; color:#666; overflow:hidden; line-height:24px; height:96px;}

.footer{background: #000000; color:#fff; padding: 30px 0px; text-align: center; margin-top: 30px;}
.footer .footertit{margin-bottom: 20px;}
.footer span{display: block; line-height:30px; font-size: 12px;}
.footer .copyright{font-size: 12px;}

.casefirstbox{margin-top:72px; background: url(../images/casefirstbg.jpg) no-repeat bottom right; background-size:200%; min-height: 500px;}
.casecontainer{padding:0px 15px;}
.casefirstbox p{width:100%;}
.casefirstbox .casetit{padding-top: 36px;}

.casesecondbox .casetits h2{font-size: 24px;}
.casesecondbox .casetits{padding-top: 44px;}
.casesecondbox .casetits p{width:100%; margin:20px auto;}
.casesecondiconbox{padding:30px 10px 40px;}
.casesecondiconbox .casesecondicon{width:33.333%;}
.casesecondiconbox .casesecondicon:nth-child(4){margin-left:16%; margin-top: 10px;}
.casesecondiconbox .casesecondicon:nth-child(5){margin-top: 10px;}
.casethirdbox{padding:36px 10px 0px;}
.casethirdbox .casetit h2{font-size: 32px;}
.casethirdlist{padding:30px 0px;}
.casethirdlist .casethirdeg{width:50%;}
.casethirdlist .casethirdeg .info h3{font-size: 16px;}
.casefourbox{margin-top:0px; background: url(../images/casefourbg.jpg) no-repeat bottom right; background-size:200%; min-height: 500px;}
.casefourbox .casecontainer{padding-top: 32px;}
.casefourbox p{width:100%;}
}
@media only screen and (max-width:768px) {
	.mobantit{margin-top: 20px;}
	.col_2, .col_4{width:100%;}
	#intro{margin-top:10px;}
	li.thumbitem{width:100%; height: 420px;}
	li.thumbitem .entry-title{position: inherit; opacity: 1;}
	li.thumbitem .entry-title .text{margin-top: 10px;}

	.aboutinfo{margin:100px 4%; color:#fff;}
	#contact{position: inherit; height: auto;}
	.contactleft{width:100%; background: #282828;}
	.contactinfo{width:220px; padding-left: 0px; margin:100px auto 30px; float:none;}
	.contactinfo h2{text-align: center;}
	.contactright{width:100%; padding-bottom: 60px;}
	.contactright .address{padding-top: 20px; padding-right: 0px; text-align: center;}
	.contactmessage{margin-top: 10px; margin-left:4%; width:92%;}

	.casesecondiconbox .casesecondicon h3{font-size: 16px;}
	.casesecondiconbox .casesecondicon p{font-size: 12px;}
	.casethirdlist .casethirdeg .info{padding:10px;}

	.aboutnum-box{padding:0px 12px;}
	.aboutnum-box b{font-size:36px;}

	.ebookfirstbox h4{padding-top: 60px; font-size: 20px;}
	.ebookfirstbox h2{font-size: 30px;}
	.ebookfirstbox .infobox{width:90%;}
	.ebookfirstbox .infobox .line{width:4%; margin-top: 34px;}
	.ebookfirstbox .infobox .info{width:90%;}
	.ebookfirstbox .infobox .info h5{font-size: 16px;}

	.ebookcontainer{padding:0px 10px;}
	.ebooksecondbox .fl{width:100%; margin-top: 20px;}
	.ebooksecondbox .fl .text h3{font-size: 16px;}
	.ebooksecondbox .fl .text p{font-size: 12px;}
	.ebooksecondbox .fr{width: 100%}
	.ebooksecondbox .fr img{max-width: 100%; float:none;}

	.ebookthirdbox,.ebookfourthbox{padding: 32px 0px;}
	.ebooktit h3{font-size: 24px;}
	.ebookthird{margin-top: 24px; width:100%;}
	.ebookthird ul li{width:50%; box-sizing: border-box; margin-bottom: 10px;}
	.ebookfourthbox img{padding-top: 36px; max-width: 100%;}
	.ebookfifth{width:100%;}
	.ebookfifth ul li{width:100%;  box-sizing: border-box;}
	.webcasetit{margin:32px 0px 24px;}
	.webcasetit h2{font-size: 24px;}
}


.pagination{text-align: right}

.page_list{text-align: right; margin-bottom: 30px;}
.page {
	display:inline-block;
	font: 16px/28px '微软雅黑', sans-serif;
	*display:inline;
	:1;
	*zoom:1;}
.page span,.page strong {
	float:left;}
.page a,
.page span.disabled,
.page strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '微软雅黑', sans-serif;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.page strong{background:#ea5503; color:#fff; }
.page a:hover {
	border:1px solid #ea5503;
	color:#ea5503;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px '微软雅黑', sans-serif;
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#3561db;
	border:1px solid #3561db;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}