﻿

/* list-news-page*/.list-news{background: #f4f4f4;padding-bottom: 30px;}

.list-news:after{display: table;content: ' ';clear: both}

.list-news li{width: 100%;height: 214px;border-radius: 5px;margin-bottom: 15px;background: #fff;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}

.list-news li:after{display: table;content: ' ';clear: both}

.list-news li:hover{box-shadow: 0 0 14px 1px rgba(50, 50, 50, 0.2);-webkit-box-shadow: 0 0 14px 1px rgba(50, 50, 50, 0.2);}

.list-news li:hover h4 a{color: #00b1ee;margin-left: 20px}

.list-news li .pose_date{float: left;height: 214px;width: 160px;background: #00b1ee;text-align: center;}

.list-news .pose_date h1{font-size: 45px;color: #fff;padding-top: 60px;font-weight: inherit;}

.list-news .pose_date p{font-size: 18px;color: #fff;margin-top: 5px;}

.list-news-con{height: 214px;width: 980px;float: right;padding: 30px;position: relative;}

.list-news-con h4{font-size: 20px;font-weight: inherit;}

.list-news-con h4 a{color: #333;transition: margin 0.4s ease-in-out;-webkit-transition: margin 0.4s ease-in-out;-moz-transition: margin 0.4s ease-in-out;-ms-transition: margin 0.4s ease-in-out;}

.list-news-con h4 a b{font-weight:normal;}

.list-news-con p{font-size: 13px;margin-top: 20px;line-height: 30px;color: #333;}

.list-news-con .info{height: 20px;width: 920px;left: 30px; line-height: 20px;font-size: 12px;color: #333; padding-top:50px;}

.list-news-con .info a{float: right;font-size: 12px;color: #333;}

.list-news-con a:hover{color: #00b1ee}

@media (max-width:768px){
.case-item{width:46.5%;float:left; height:auto; margin:0 1% 1% 1%; -webkit-box-sizing:border-box; box-sizing:border-box;}
.pc{ display:none;}
.app{ display:block;}
.fuwu_left{ float:left; width:100%}
.fuwu_right{ display:none;}
.whnrs_p1{ clear:both; overflow:hidden; }
.whnrs_p1 li{ clear:both; }
.whh{ width:30px; float:left}
.whnrs_p2{ width:calc(100% - 40px);float:right}
.whnrs_p21{ font-size:16px; color:#222 }
.whnrs_p22{ font-size:12px; word-wrap: break-word; line-height:2}
}
@media (min-width:769px) {
.case-item{width:23.5%;float:left; height:auto; margin:0 8px 46px 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.pc{ display:block;}
.app{ display:none;}
.fuwu_right{ display:block;}
.fuwu_left{ float:left; width:60%}
}

.classify{ /*height: 764px;*/ background-color: #FFFFFF; overflow: hidden; }
.cla_top{ height: auto; position: relative; text-align: center; padding:20px 0; box-sizing: border-box; }
.cla_top img{ vertical-align: top; }
.cla_top span{ padding: 0 10px 0 10px; font-size: 28px; color:#262525; display: inline-block; font-weight: bold; }
.cla_top p{ padding-top: 20px; font-size: 14px; color:#737373;clear:both; overflow:hidden}
.show{ width:96%; max-width:1400px; margin:10px auto 10px auto; clear:both}

.case-item{-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position:relative;}
.case-item:hover{-webkit-box-shadow:0 10px 35px 5px rgba(0,0,0,.2); cursor:pointer;}
.case-item01{width:23.5%;float:left; height:auto; margin:0 8px 46px 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.case-item01{-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position:relative;}
.case-item01:hover{cursor:pointer;}
.show .center-box{-webkit-box-shadow:5px 0 10px rgba(0,0,0,.04); box-shadow:5px 0 10px rgba(0,0,0,.04); -webkit-transition:all .2s ease-in-out 0s; transition:all .2s ease-in-out 0s; position:relative; border:1px solid #fff;}
.show .center-box:hover{-webkit-box-shadow:0 10px 35px 5px rgba(0,0,0,.2); border:1px solid #4f8be1;}
.center-box{background:#fff; height:350px; text-align:center; overflow:hidden;}
.case-img img{margin-top:30px;}
.center-box h4{font-size:20px; line-height:40px; border-top:1px solid #4f8be1; border-bottom:1px solid #4f8be1; margin:10px auto 20px auto; width:150px; font-weight:bold;}
.center-box p{ line-height:26px; width:84%; font-size:15px; margin:0 auto; text-align:left;}
.case-img img{transition:all 0.6s;}
.show .center-box:hover .case-img img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.show .center-box:hover h4{ color:#cc0000;}
.whnrs{width:96%; max-width:1400px; margin:auto; padding-bottom:20px; border-bottom:1px #999 dotted; margin-bottom:30px;}
.whh{width:23px; height:23px; background:url(../images/whnry.jpg) center top no-repeat; text-align:center; color:#FFF; font-size:15px; line-height:1.4}
.hj{ clear:both} 
.fuwu_right{ float:right; width:35%}
.fuwu_right img{  width:100%}
.featurette-heading{ line-height:2}
.text-muted{color:#777}
.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}
/*2022-2-8 鏀瑰搷搴�*/  

/*about*/.about_item1{/*height: 630px;*/padding: 50px 0;width: 100%;background: #fff;}

.about_item_title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}

.ourImgs{height: 190px;width: 100%;margin-top: 50px;overflow: hidden;}

.ourImgs:after{display: table;content: "";clear: both;}

.ourImgs ul{width: 100%;}

.ourImgs li{float: left;height: 190px;width: auto;overflow: hidden;}

.about_benben{margin-top: 50px;font-size: 14px;color: #333;line-height: 32px;text-indent: 2em;}

.about_item2{/*height: 510px;*/background: #f4f4f4;padding: 50px 0}

.about_item2 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top: 10px}

.about_item2_img{height: 196px;margin-top: 53px;}

.about_item2_img:after{display: table;content: "";clear: both;}

.about_item2_img ul{margin-right: -16px}

.about_item2_img li{width: 288px;height: 196px;float: left;margin-right: 16px;}

.about_item3{/*height: 630px;*/background: #fff;padding: 50px 0}

.about_item3:after{display: table;content: "";clear: both;}

.about_item3 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top: 10px}

.about_item3_img{height: 382px;margin-top: 53px;}

.about_item3_img ul{margin-right: -18px}

.about_item3_img li{width: 286px;height: 382px;float: left;margin-right: 18px;}

.about_item4{/*height: 800px;*/background: #f4f4f4;padding: 50px 0}

.about_item4:after{display: table;content: "";clear: both;}

.about_item4 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top:10px}

.about_item4_img{height: 470px;margin-top: 53px;}

.about_item4_img li{width: 300px;height: 235px;float: left;overflow: hidden;font-size: 30px;color: #00b1ee;font-weight: normal;text-align: center;background: #fff;}

.about_item4_img li span{ display:block; line-height:235px;}

.about_item5{padding: 50px 0;}

.about_item5 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top:10px;margin-bottom: 53px;}

.crumb{width: 100%;height: 48px;background: #f4f4f4;line-height: 48px;font-size: 12px;color: #929292;}

.crumb img{height: 16px;width: 16px;float: left;margin-top: 16px;margin-right: 10px}

.crumb a{color: #929292;display: inline-block;margin: 0 3px}

.crumb a:hover{color: #00b1ee}

.crumb span{display: inline-block;margin: 0 3px}

/**//*the pages*/.page_wrap{float: left;position: relative;left: 50%;margin: 50px auto;}

.page{display: block;position: relative;left: -50%;font-size: 14px;color: #929292;}

.page a{color: #929292;padding:3px 10px;text-decoration: none;transition: all .3s;border: 1px solid #c3c3c3;margin: 3px 4px;border-radius: 3px}

.page strong{font-weight:normal;}

.page a.cur{padding: 3px 10px;background-color: #00a2da;color: #FFF;border: 1px solid #00a2da;border-radius: 3px}

.page a.arrow_page{border: 0;border: 1px solid transparent;}

page a.arrow_page:hover{background-color: #00a2da;}

.page a:hover{background-color: #00a2da;color: #FFF;border: 1px solid #00a2da;}

	

/*新闻列表页面**/

.list_cnt{ background:#fff;}

.list_cnt h1.tit{ text-align:center; font-size:22px;font-weight:normal;margin: 30px 0 10px;color: #333;font-weight: normal;}

.list_cnt .pubdate{ text-align:center;font-size: 12px;color: #999;}

.list_cnt .cnt_body{ line-height:26px;margin: 30px auto;color: #666;font-size: 14px;}

.list_cnt .cnt_body a{color:#000;}

.nextpre{width:100%;margin:15px auto 0px; overflow:hidden;color:#333; padding-top: 15px;padding-bottom: 30px;}
.nextpre li:hover{color: #00b1ee;}
.nextpre li:hover a{color: #00b1ee;}
.nextpre a{color:#333;}

.fl{float:left;}.fr{float:right;}.mB5{margin-bottom:40px;}

.list_cnt .linkbox{margin-top: 25px;overflow: hidden;}

.list_cnt .linkbox h3{font-weight: normal;background:#f7f7f7;color: #fff;font-size: 14px;border-radius: 5px;padding-left: 20px;height: 32px;line-height: 32px;}

.list_cnt .linkbox h3 a{color: #333;}

.list_cnt .linkbox ul{}

.list_cnt .linkbox ul li{float: left;line-height: 30px;}

.list_cnt .linkbox ul li a{color: #595454;font-size: 13px;padding-left: 30px;}

#ptul li{ height:auto;border: 1px solid #ddd;padding: 10px;}

#ptul li img{}

#ptul li .case_list_img{width: 260px;overflow: hidden;}

#ptul li .case_list_img img{width: 260px;}



#ptul .case_list_img{height:auto;}

#ptul .case_list_img img{width:280px;height:180px;}

.case_list_info p b{font-weight:normal;}

#changePC{margin-top:5px;overflow: hidden;width: 100%;color: #666;font-size: 14px;}

#changePC img{display:block;margin:0 auto;}



/*contact*/

.contact-page .inner_head{background: url(../images/contact_banner.jpg.html) no-repeat center center;}

.contact-page .inner_head h1{font-size: 30px;margin-top: 50px}

.contact-page .inner_head_text .line{height: 3px;width: 120px;background: #00b1ee;margin-left: 140px}

.contact{padding: 50px 0;background-color: #fff;}

.contact-title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}

.contactItem{height: 320px;width: 100%;margin-top: 20px}

.contactItem ul{overflow: hidden;}

.contactItem li{width: 400px;height: 320px;float: left;padding: 50px 0;}

.contactItem li .contactItem_img{height: 105px;width: 105px;margin: 0 auto}

.contactItem li .contactItem_img img{height: 105px;width: 105px;}

.contactItem .contactItem_text1{width: 305px;padding-top: 25px;margin: 0 auto;text-align: left;}

.contactItem .contactItem_text2{width: 285px;padding-top: 25px;margin: 0 auto;text-align: left;}

.contactItem .contactItem_text3{width: 375px;padding-top: 25px;margin: 0 auto;text-align: left;}

.contactItem li p{font-size: 14px;color: #666;line-height: 24px;}

#allmap{width: 1120px;height: 345px;overflow: hidden;border: 1px solid #eee;margin:0 auto;}



/*history*/

.history-page .inner_head{background: url(../images/history_banner.jpg.html) no-repeat center center;padding-top: 50px;}

.history-page .inner_head h1{font-size: 30px;}

.history-page .inner_head_text .line{height: 3px;width: 86px;background: #00b1ee;margin-left: 120px}

.history-content{padding: 50px 0;background-color: #fff;}

.history-content .history-title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}

.history-content .history_subT{font-size: 18px;color: #989898;text-align: center;}

.history_list{margin-top: 70px;}

.history_list ul{background: url(../images/history_line.png) repeat-y center 0;}

.history_list li:after{clear: both;content: "";display: table;}

.history_list li .history_left{position: relative;width: 600px;height: auto;padding-bottom: 50px;padding-right: 40px;padding-left: 100px;float: left;}

.history_list .history_left .dot{position: absolute;right: -7px;top: -7px;height: 14px;width: 14px;border-radius: 50%;background: url(../images/dot1.png) no-repeat center center}

.history_list .history_left .dot:after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform: translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian2 1.5s infinite ease-out;}

.history_list .history_left h2{position: absolute;top: -15px;right: 40px;height: 30px;line-height: 30px;font-size: 30px;color: #333;font-weight: inherit;}

.history_list .history_left p{margin-top: 56px;font-size: 14px;color: #666;text-indent: 2em;line-height: 28px;}

.history_list li .history_right{position: relative;width: 600px;height: auto;padding-bottom: 60px;padding-left: 40px;padding-right: 100px;float: right;}

.history_list .history_right .dot{position: absolute;left: -7px;top: -7px;height: 14px;width: 14px;border-radius: 50%;background: url(../images/dot2.png) no-repeat center center}

.history_list .history_right .dot:after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform: translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

@keyframes bian2{

	0%{opacity: 0;}

	50%{width: 25px;height: 25px;opacity: .8;}

	100%{opacity: 0;width: 10px;height: 10px;}

}

@-webkit-keyframes bian2{

	0%{opacity: 0;}

	50%{width: 25px;height: 25px;opacity: .8;}

	100%{opacity: 0;width: 10px;height: 10px;}

}

.history_list .history_right h2{position: absolute;top: -15px;left: 40px;height: 30px;line-height: 30px;font-size: 30px;color: #333;font-weight: inherit;}

.history_list .history_right p{margin-top: 56px;font-size: 14px;color: #666;text-indent: 2em;line-height: 28px;}

.history_list .end{font-size: 18px;color: #989898;text-align: center;padding-top: 25px}



/*join*/

.join-page .inner_head{background: url(../images/join_banner.jpg.html) no-repeat center center;padding-top: 50px;}

.join-page .inner_head h1{font-size: 30px}

.join-page .inner_head_text .line{height: 3px;width: 90px;background: #00b1ee;margin-left: 19px}

.join-us{padding: 50px 0;background: #fff;}

.join-us-title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}

.join-us ul{margin-right: -36px;margin-top: 50px;overflow: hidden;}

.join-us li{float: left;width: 582px;height: 320px;margin-right: 36px;margin-bottom: 30px;overflow: hidden;word-break: break-all;}

.join-us li .job_img{float: left;width: 231px;height: 320px;}

.join-us li .job_info{position: relative;float: right;width: 335px;height: 320px;}

.join-us .job_info h4{font-size: 20px;color: #000;margin-bottom: 35px;}

.join-us .job_info p{font-size: 14px;color: #666;line-height: 26px;}

.join-us .job_info .throw_btn{position: absolute;top: 0;right: 0;display: block;height: 30px;width: 86px;background: #fff;border: 1px solid #01b1ed;color: #01b1ed;font-size: 14px;line-height: 30px;text-align: center;border-radius: 6px;transition: all 0.3s;-webkit-transition: all 0.3s;}

.join-us .job_info .throw_btn:after{display: block;content: "";position: absolute;left: 0;top: 0;z-index: 1;height: 100%;width: 0;background: #01b1ed;transition: all 0.3s;-webkit-transition: all 0.3s;}

.join-us .job_info .throw_btn span{position: relative;z-index: 9}

.join-us .job_info .throw_btn:hover:after{width: 100%}

.join-us .job_info .throw_btn:hover{color: #fff}

/* 网站建设  */

.build_item.server_item.server_item1{height: 718px;}

.build_item.server_item{padding: 60px 0 0 0;}

.build_item .server_item_head{margin-bottom: 63px;}

.build_main1{height: 445px;width: 100%;}

.build_main1 .build_kuai{height: 100%;width: 590px;float: left;position: relative;}

.build_main1 .build_kuai:nth-child(1){margin-right: 20px;}

.build_kuaip{font-size: 16px;color: #666666;text-indent: 2em;display: block;line-height: 28px;margin-bottom: 45px;}

.build_kuaia .ft_mnxa{width: 120px;height: 30px;border: 1px solid #afafaf;border-radius: 30px;font-size: 14px;color: #666666;line-height: 30px;text-align: center;background: #FFFFFF;}

.build_kuaia .ft_mnxi{background: #008bd2;}

.build_kuaia{margin: 0 0 80px 0;height: 30px;width: 100%;}

.build_kuaia .item_more{margin: 0;}

.build_kuaia .ft_mnxa:hover{border: 1px solid #008bd2;color: #fff;}

.build_mainul{width: 526px;height: 62px;border: 1px solid #e7e7e7;background: #FFFFFF;}

.build_mainul div{float: left;width: 104px;height: 62px;line-height: 62px;text-align: center;border-right: 1px solid #e7e7e7;position: relative;overflow: hidden;}

.build_mainul div img{transition: all 0.8s;-webkit-transition: all 0.8s;}

.build_mainul div:hover img{transform: scale(1.1);}

.build_mainul div a{display: inline-block;}

.build_mainul div:nth-last-child(1){border: none;}

.build_mainul div:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}

.build_mainul div:hover:after{left: 100%;opacity: 0;}

.build_item.server_item2{height: 674px;background: url(../images/build01.png) center;}

.build_item.server_item2 .server_item_title span{background: none;}

.float_ri{float: right;}

.build_item.server_item3{height: 630px;}

.build_kuai_img{line-height: 445px;text-align: center;overflow: hidden;}

.build_item.server_item4{height: 687px;background: url(../images/build02.png) center;}

.build_kuai_img img{transition: all .8s;}

.build_kuai_img:hover img{transform: scale(1.02);}

/*server*/

.server-page .inner_head{height: 276px;width: 100%;padding-top: 70px;background: url(../images/server_banner.jpg.html) no-repeat center center;}

.server-page .inner_head h1{font-size: 28px;margin-bottom: 5px;margin-top: 5px}

.server-page .inner_head_text .line{height: 3px;width: 123px;background: #00b1ee;margin-left: 70px}

.server-page .server_item{padding: 60px 0}

.server-page .server_item1{background: #fff;height: 500px;}

.server-page .server_item .server_item_head{height: 65px;text-align: center;}

.server-page .server_item .server_item_title{height: 35px;line-height: 30px;background: url(../images/server_line.png) repeat-x center center;}

.server-page .server_item .server_item_title span{display: inline-block;font-size: 30px;color: #333;padding: 0 48px;}

.server-page .server_item1 .server_item_title span{background: #fff;}

.server-page .server_item .server_item_head p{font-size: 14px;color: #888;margin-top: 10px}

.server-page .server_item1 ul{margin-top: 65px;}

.server-page .server_item1 li{position: relative;height: 228px;width: 20%;float: left;padding: 0 20px;text-align: center;border-radius: 4px;transition: all 0.24s ease, background 0s;-webkit-transition: all 0.24s ease, background 0s;cursor: pointer;overflow: hidden;}

.server-page .server_item1 li .server_item1_icon{height: 72px;width: 100%;margin: 33px auto}

.server-page .server_item1 li .server_item1_icon.server_item1_icon1{background: url(../images/server_item1_1.png) no-repeat center top;}

.server-page .server_item1 li .server_item1_icon.server_item1_icon2{background: url(../images/server_item1_2.png) no-repeat center top;}

.server-page .server_item1 li .server_item1_icon.server_item1_icon3{background: url(../images/server_item1_3.png) no-repeat center top;}

.server-page .server_item1 li .server_item1_icon.server_item1_icon4{background: url(../images/server_item1_4.png) no-repeat center top;}

.server-page .server_item1 li .server_item1_icon.server_item1_icon5{background: url(../images/server_item1_5.png) no-repeat center top;}

.server-page .server_item1 li h4{font-size: 18px;color: #333;font-weight: inherit;}

.server-page .server_item1 li p{font-size: 14px;color: #666;margin-top: 10px}

.server-page .server_item1 li:hover{background: #00b2ec;box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}

.server-page .server_item1 li:hover h4{color: #fff}

.server-page .server_item1 li:hover p{color: #fff}

.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon1{background: url(../images/server_item1_1.png) no-repeat center bottom;}

.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon2{background: url(../images/server_item1_2.png) no-repeat center bottom;}

.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon3{background: url(../images/server_item1_3.png) no-repeat center bottom;}

.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon4{background: url(../images/server_item1_4.png) no-repeat center bottom;}

.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon5{background: url(../images/server_item1_5.png) no-repeat center bottom;}

.server-page .server_item1 li:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}

.server-page .server_item1 li:hover:after{left: 100%;opacity: 0;}

.server-page .server_item2{background: url(../images/server_item2_bg.jpg.html) no-repeat center center;height: auto;background-size: 100% 100%;}

.server-page .server_item2 .server_item_title span{background: #f8f7f6;}

.server-page .server_item2 ul:after,.server-page .server_item2 ul:before{display: table;content: ""}

.server-page .server_item2 ul:after{clear: both}

.server-page .server_item2 ul{margin-right: -30px;padding-top: 65px}

.server-page .server_item2 li{width: 378px;height: 206px;float: left;border: 1px solid #e7e7e7;margin: 0 30px 30px 0;padding: 20px;background: #fff;cursor: pointer;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;border-radius: 1px}

.server-page .server_item2 li.more{background: #00b2ec;text-align: center;vertical-align: middle;border: 1px solid #00b2ec;}

.server-page .server_item2 li.more:hover img{transform: rotate(180deg);}

.server-page .server_item2 li.more img{margin-top: 42px;transition:all 0.3s ease-in-out}

.server-page .server_item2 li.more a{display: block;height: 100%;width: 100%}

.server-page .server_item2 li:hover{box-shadow: 0 26px 40px -24px rgba(50, 50, 60, .5), 0 0 30px 10px rgba(255, 255, 255, 0.4);-webkit-box-shadow: 0 26px 40px -24px rgba(50, 50, 60, .5), 0 0 30px 10px rgba(255, 255, 255, 0.4);transform: translateY(-6px);-webkit-transform: translateY(-6px);}

.server-page .server_item2 .server_item2_icon{float: left;height: 60px;width: 58px;background: url(../images/server_item2_incons.png) no-repeat;margin-top: 4px}

.server-page .server_item2 .server_item2_icon1{background-position: center 0;}

.server-page .server_item2 .server_item2_icon2{background-position: center -60px;}

.server-page .server_item2 .server_item2_icon3{background-position: center -120px;}

.server-page .server_item2 .server_item2_icon4{background-position: center -180px;}

.server-page .server_item2 .server_item2_icon5{background-position: center -240px;}

.server-page .server_item2_text{float: right;width: 254px;height: 206px}

.server-page .server_item2_text h4{font-size: 20px;color: #000;font-weight: inherit;margin-bottom: 10px;}

.server-page .server_item2_text p{font-size: 14px;color: #737373;;line-height: 24px;}

.server-page .server_item3{background: #fff;}

.server-page .server_item3 .server_item_title span{background: #fff;}

.server-page .server_item3_slider{position: relative;overflow: hidden;}

.server-page .server_item3_slider .server_item3_control{width: 100%;height: auto;text-align: center;}

.server-page .server_item3_slider .server_arrow_left,.server-page .server_item3_slider .server_arrow_right{height: 38px;width: 38px;display: inline-block;margin: 0 10px;cursor: pointer;}

.server-page .server_item3_slider .server_arrow_left{background: url(../images/arrow_l.png) no-repeat center center;background-size: 100% 100%}

.server-page .server_item3_slider .server_arrow_right{background: url(../images/arrow_r.png) no-repeat center center;background-size: 100% 100%}

.server-page .server_item3_slider .server_arrow_left.hide{display: none;}

.server-page .server_item3_slider .server_arrow_right.hide{display: none;}

.server-page .server_item3 ul:after,.server-page .server_item3 ul:before{display: table;content: ""}

.server-page .server_item3 ul:after{clear: both}

.server-page .server_item3 ul{margin-right: -20px;padding-top: 60px;width: 3000%}

.server-page .server_item3 li{width: 224px;height: 376px;float: left;margin-right: 20px;margin-bottom: 25px;text-align: center;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;border-radius: 2px}

.server-page .server_item3 li .more{font-size: 14px;color: #5c5c5c;padding: 0 5px;border: 1px solid #e7e7e7;}

.server-page .server_item3 .server_item3_img{height: 160px;width: 224px}

.server-page .server_item3 .server_item3_txt{height: 216px;width: 100%;padding: 20px;border: 1px solid #e7e7e7;border-top: 0}

.server-page .server_item3 .server_item3_txt h4{font-size: 20px;color: #000;margin-bottom: 15px;font-weight: inherit;}

.server-page .server_item3 .server_item3_txt p{font-size: 14px;text-align: justify;color: #737373;line-height: 26px;text-indent: 2em;height: 80px;overflow: hidden}

.server-page .server_item3 .server_item3_txt a.more{display: inline-block;padding: 2px 15px;font-size: 14px;color: #5c5c5c;border-radius: 12px;border: 1px solid #999;margin-top: 28px}

.server-page .server_item3 li:hover{background: #00b2ec;box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}

.server-page .server_item3 li:hover .server_item3_txt{background: #00b2ec;border-color: #00b2ec}

.server-page .server_item3 li:hover .server_item3_txt h4{color: #fff}

.server-page .server_item3 li:hover .server_item3_txt p{color: #fff}

.server-page .server_item3 li:hover .more{color: #fff;border-color: #fff}

.server-page .server_item4{padding: 50px 0;background: url(../images/server_item4_bg.jpg.html) no-repeat center center;height: auto;background-size: 100% 100%;}

.server-page .server_item4 .server_item_head span{background: #F8F7F5;padding: 0 30px}

.server-page .server_item4 ul{margin-top: 60px;margin-right: -20px}

.server-page .server_item4 ul:after,.server-page .server_item4 ul:before{display: table;content: ""}

.server-page .server_item4 ul:after{clear: both}

.server-page .server_item4 ul li{float: left;width: 590px;height: 300px;border: 1px solid #e7e7e7;padding: 40px 40px 0 40px;margin-bottom: 40px;text-align: center;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;cursor: pointer;margin-right: 20px;background: #fff;}

.server-page .server_item4 li:hover{box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);border-radius: 4px;}

.server-page .server_item4 li .server_item4_icon{height: 70px;width: 77px;margin: 0 auto;background: url(../images/server_item4_icons.png) no-repeat;}

.server-page .server_item4 li .server_item4_icon.server_item4_icon1{background-position: center top;}

.server-page .server_item4 li .server_item4_icon.server_item4_icon2{background-position: center bottom;}

.server-page .server_item4 li h4{font-size: 20px;color: #333;font-weight: inherit;margin: 15px 0}

.server-page .server_item4 li p{font-size: 14px;color: #737373;text-align: left;text-indent: 2em;line-height: 26px;}

.server-page .server_item5{padding: 50px 0;background: #fff;height: auto;}

.server-page .server_item5 .server_item_head span{background: #fff;padding: 0 48px}

.server-page .server_item5 ul{margin-top: 60px;margin-right: -20px}

.server-page .server_item5 ul:after,.server-page .server_item5 ul:before{display: table;content: ""}

.server-page .server_item5 ul:after{clear: both}

.server-page .server_item5 ul li{float: left;width: 380px;height: 225px;border: 1px solid #e7e7e7;padding: 40px 40px 0 40px;margin-bottom: 40px;text-align: center;cursor: pointer;margin-right: 20px;background: #fff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}

.server-page .server_item5 li .server_item4_icon{height: 71px;width: 102px;margin: 0 auto;line-height: 71px;}

.server-page .server_item5 li h4{font-size: 20px;color: #333;font-weight: inherit;margin: 20px 0 15px 0}

.server-page .server_item5 li p{font-size: 16px;color: #666;text-align: center;}

.server-page .server_item5 li:hover{box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);border-radius: 4px;}



.j-tou-box{ overflow:hidden;margin:0 auto 60px;width:710px;}

.j-tou {

    width: 205px;

    height: 43px;

    float: left;

    margin-right: 40px;

    background: url(../images/j35.jpg.html) no-repeat;

}

.j-tou-box p {

    float: left;

    line-height: 43px;

    font-size: 14px;

    color: #666;

}

/*05.04**/
.nline{background:url(../images/nline.png) no-repeat top center;margin-top:35px; height:3px; width:1200px; overflow:hidden;}
.mtb35{margin-bottom:35px;}
.scontactItem{height: auto;width: 100%;margin-top: 50px; overflow:hidden; }
.scontactItem li{ overflow:hidden;}
.scontactItem li h3{font-weight:normal; background:url(../images/db.png) no-repeat top left;font-size:22px;color:#333;padding-left:35px;margin-bottom:30px;}
.scontactItem li .nleft{float:left;width:50%;}
.scontactItem li .nright{float:right;width:38%;}
.scontactItem li p{padding-left:35px; line-height:36px;font-size:16px;color:#666;}
.ny_conmain{line-height:25px;width:100%;margin:0 auto;font-size:14px;}

.acont4 {border:1px solid #b5b5b5; margin-top:50px;background-color: #333333;}
.lxleft { float:left; width:420px; color:#FFFFFF; padding:60px;}
.lxleft img{ margin-right:20px;}
.lxinfo {float:right; width:598px; padding:30px; font-size:14px; line-height:30px;background-color: #ffffff; min-height:200px;}


/* paginate theme - just for the docs overview headers */
.paginate {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: geneva, verdana, sans-serif;color: #fff;}
.paginate a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #00b1ee; text-decoration: none}
.paginate a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #ff7426}
.paginate a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #ff7426}
.paginate span.current {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc}
.paginate span.disabled {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #00b1ee; text-decoration: none}