@charset "utf-8";

*{transition: all .4s;}
body{min-width: 1200px;}
#header { height: 100px;background: #222222;}
#header .logo { margin-top: 14px;}
#header .tel  { margin: 0 15px; margin-top: 26px;padding-left: 44px; background: url(../images/ico_tel.png) left center no-repeat;}
#header .tel dl dt span{ font-size: 12px; color: #FFF;display: inline-block; width: 50px;}
#header .tel dl dt strong { font-size: 20px; color: #FFF;}
#header .tel dl dt strong em { font-size: 14px; color: #FFF; font-weight: normal; font-style: normal;}
#header .nav{ height: 100px;margin-left: 40px;}
#header .nav ul{ text-align: center; font-size: 0;float: left;}
#header .nav ul li{display: inline-block;font-size: 16px;line-height: 100px; position: relative;}
#header .nav ul li:hover{background: #FB1F5F;}
#header .nav ul li > a{display: block;padding: 0 15px; color: #FFF;}
#header .nav ul li > a:hover,
#header .nav ul li:hover > a
{ color: #FFF; transform: translateY(6px);background: #444444;}
#header .nav ul li .menu{ position: absolute; top:100px; left: 0; background:rgba(68,68,68,0.96); color: #FFF; z-index: 99999; width: auto !important;overflow: hidden; display: none; transition: none; box-shadow: 0 10px 20px rgba(0,0,0,0.5);min-width: 100%;}
#header .nav ul li .menu a{color: #FFF; white-space: nowrap; display: block;padding: 0 30px;line-height: 40px; text-align: left;font-size: 14px;}
#header .nav ul li .menu a:hover{color:#FFF;background: #FB1F5F;}

#banner{ height: 510px; background: #EEE; background: #222222;}
#banner *{transition: none!important;}
#banner .slideBox{ width:100%; height:510px; /* overflow:hidden; */ position:relative; }
#banner .slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:0px;left: 0px; bottom:20px; z-index:1; }
#banner .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;display: block;}
#banner .slideBox .hd ul li{ display: inline-block; width:60px; height:4px; line-height:5px; text-align:center; background:#CCC; cursor:pointer;border-radius:200px;margin: 0 4px; }
#banner .slideBox .hd ul li.on{ background: #FB1F5F; }
#banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner .slideBox .bd li a{ width:100%; height:510px; display:block;background-position:center center!important; background-repeat: no-repeat!important;background-size: cover!important;}
#banner .slideBox .bd img{ width:100%; height:510px; display:block;  }
#banner .slideBox .prev,
#banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#banner .slideBox .prev:hover,
#banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner .slideBox .prevStop{ display:none;  }
#banner .slideBox .nextStop{ display:none;  }


#footer {background: #111;color: #888;overflow: hidden;font-size: 14px; }
#footer .footer_nav{ margin: 0 auto; text-align: center;overflow: hidden;background: #222}
#footer .footer_nav ul{ line-height: 60px;}
#footer .footer_nav ul li{ display: inline-block; font-size: 16px; margin: 0 50px;background: #FB1F5F;}
#footer .footer_nav ul li a{ color: #FFF;display: block;background:#222;}
#footer .footer_nav ul li a:hover{ color: #FB1F5F;transform: translateY(6px); }
#footer .footer_main{overflow: hidden; padding: 40px 0;}
#footer .footer_main .address{overflow: hidden;padding-left: 30px; line-height: 24px;}
#footer .footer_main .address a{color: #888;}
#footer .footer_main .address a:hover{color: #FB1F5F;}
#footer .footer_main .qrcode{margin-left: 40px;}
#footer .footer_main .share{ text-align: center;margin-top: 40px;}
#footer .footer_main .share ul li{ display: inline-block;}
#footer .footer_main .share ul li a{ padding: 0; margin: 0 10px;}


#main_index{}
#main_index .main_box{clear: both;}
.titleX{clear: both; text-align: center;padding: 60px 0 40px 0;}
.titleX dl dt{color: #FB1F5F;font-size: 36px; font-weight: bold;margin-bottom: 10px;}
.titleX dl dd{color: #000;font-size: 20px; font-weight: 100;margin-bottom: 15px;}
.titleX ul li{ text-align: center}
.titleX ul li span{width: 42px;height: 5px; display:block;background: #CCC;margin: 0 auto;}
.moreX{clear: both; text-align: center;padding:0 0 40px 0;margin: 0 auto; width: 240px;}
.moreX:hover{transform: translateY(-15px)}
.moreX dl dd{margin-bottom: 10px;}
.moreX dl dt{font-size: 16px;}
.moreX dl dt a{color: #FB1F5F;}
.moreX:hover dl dt a{color: #FB1F5F;}
.classification{ text-align: center;}
.classification ul li{ display: inline-block;}
.classification ul li a{ border-bottom: 1px solid #FFF;display: block;padding: 0 15px;line-height: 34px;}
.classification ul li a:hover{ border-bottom: 1px solid #FB1F5F;transform: translateY(6px);}

#main_index .main_box.search{background:#FB1F5F url(../images/searchbg.jpg) center center no-repeat / cover;height: 220px;}
#main_index .main_box.search .com_text{ color: #FFF; background: rgba(251,31,95,0.30); width: 600px; height: 220px;text-shadow: 1px 1px 0 #FB1F5F,-1px -1px 0 #FB1F5F,0 3px 3px rgba(0,0,0,0.3); }
#main_index .main_box.search .com_text dl{ margin: 40px 0 0 40px;}
#main_index .main_box.search .com_text dt{font-size: 28px; margin-bottom: 20px; }
#main_index .main_box.search .com_text dd{font-size: 18px; font-weight: 600;}
#main_index .main_box.search .search_box{ width: 600px; height: 220px; text-align: center;}
#main_index .main_box.search .search_box dl{ width: 390px;margin: 60px auto 0 auto;}
#main_index .main_box.search .search_box dl dt{ white-space: nowrap}
#main_index .main_box.search .search_box dl dt input[type="search"]{ width: 350px;height: 40px;;background: rgba(255,255,255,0.8); border: none; border-radius: 200px 0 0 200px; text-indent: 20px;}
#main_index .main_box.search .search_box dl dt input[type="submit"]{ width: 40px;height: 40px;background: rgba(255,255,255,0.8) url(../images/ico_search.png) center center no-repeat; border: none; border-radius: 0 200px 200px 0; text-indent: 20px;}
#main_index .main_box.search .search_box dl dt:hover input[type="search"]{ background: #FFF;}
#main_index .main_box.search .search_box dl dt:hover input[type="search"]::-webkit-input-placeholder{color: rgba(255,255,255,0);}
#main_index .main_box.search .search_box dl dt:hover input[type="submit"]{ background: #FFF url(../images/ico_search.png) center center no-repeat;}
#main_index .main_box.search .search_box dl dd {margin-top: 15px;}
#main_index .main_box.search .search_box dl dd a { display: inline-block; margin: 5px 10px; color: #FFF; text-shadow: 0 2px 2px rgba(0,0,0,0.4)}
#main_index .main_box.search .search_box dl dd a:hover {color: #FB1F5F;}



#main_index .main_box.about { width: 100%;overflow: hidden;}
#main_index .main_box.about .about_info,#main_index .main_box.about .about_img { width: 50%;}
#main_index .main_box.about .about_info {background: #FB1F5F; background-image:url(../images/aboutbg.jpg); background-position: right center; background-repeat: no-repeat ;background-size: cover;overflow: hidden;}
#main_index .main_box.about .about_info dl{width: 500px;float: right;padding: 50px;min-height: 400px;position: relative;}
#main_index .main_box.about .about_info dl dd{font-size: 14px; color: #FFF; line-height: 28px;}
#main_index .main_box.about .about_info dl dt{position: absolute; bottom: 50px; left: 50px;}
#main_index .main_box.about .about_info dl dt a{display: inline-block; font-size: 16px; color: #FFF; border: 2px solid #FFF;line-height: 40px; padding: 0 20px;}
#main_index .main_box.about .about_info dl dt a:hover{background: #FFF; color: #FB1F5F; transform: translateY(10px)}

#main_index .main_box.about .about_img{background: #FB1F5F url(../images/aboutbg.jpg) right center no-repeat / cover;overflow: hidden;min-height: 500px;}
#main_index .main_box.about .about_img .name{width: 220px; height: 170px; margin-left: 380px;background:rgba(255,255,255,0.9);text-align: center;font-size: 36px; color: #444;}
#main_index .main_box.about .about_img strong{font-size: 96px; color: #FB1F5F; display: block;line-height: 110px;}

#main_index .main_box.contact .contactlist{ padding: 40px 0 60px 0; text-align: center;}
#main_index .main_box.contact .contactlist li{ display: inline-block; width: 340px; margin: 0 20px; vertical-align: top;}
#main_index .main_box.contact .contactlist li:hover{ transform: translateY(-15px)}
#main_index .main_box.contact .contactlist li .name{ margin: 15px 0; color: #000; font-size: 18px; font-weight: 600;}
#main_index .main_box.contact .contactlist li .info{ font-size: 14px; color: #888;}







#main_index .main_box.server{background: url(../images/serverbg.jpg) center center no-repeat / cover;height: 520px; overflow: hidden;}
#main_index .main_box.server li{position: relative;overflow: hidden;}
#main_index .main_box.server li .mask{ position: absolute;width: 100%;height: 100%; background: rgba(27,142,255,0.50);z-index: 8;}
#main_index .main_box.server li a:hover .mask{ border-radius: 800px; transform: scale(0.1);opacity: 0;}
#main_index .main_box.server li .name{position: absolute; left: 30px; bottom: 30px;text-shadow: 0 3px 5px rgba(0,0,0,0.4);z-index: 9;}
#main_index .main_box.server li .name dt{font-size: 36px; font-weight: bold; color: #FFF;}
#main_index .main_box.server li .name dd{font-size: 14px; color: #FFF;}
#main_index .main_box.server li a:hover img{transform: scale(1.2)}

#main_index .main_box.server .boxl{width: 600px; height: 520px; overflow: hidden;}
#main_index .main_box.server .box2{width: 600px; height: 260px; overflow: hidden;}

#main_index .main_box.case .caselist{padding: 40px 0; }
#main_index .main_box.case .caselist li{ float: left; width: 390px;height: 290px;overflow: hidden;position: relative;margin: 5px;}
#main_index .main_box.case .caselist li:hover{ transform: scale(1.1);box-shadow: 0 10px 20px rgba(0,0,0,0.4); z-index: 99;}
#main_index .main_box.case .caselist li img{ width: 400px; height: 300px;}
#main_index .main_box.case .caselist li a:hover img{transform: scale(1.1)}
#main_index .main_box.case .caselist li a .mask{width: 100%;height: 100%; background: rgba(251,44,104,0.70);z-index: 8;opacity: 0;transform: scale(0.01);border-radius: 800px;position: absolute}
#main_index .main_box.case .caselist li a:hover .mask{width: 100%;height: 100%; background: rgba(251,44,104,0.70);z-index: 8;opacity: 1;transform: scale(1);border-radius: 0;}
#main_index .main_box.case .caselist li .name{position: absolute;top: 15px;left: 20px; font-size: 22px; color: #FFF; border-bottom: 2px solid #FFF; z-index: 9;line-height: 30px;transform: translateY(-100px);font-weight: 100;}
#main_index .main_box.case .caselist li a:hover .name{transform: translateY(0)}
#main_index .main_box.case .caselist li .ico{background: url(../images/ico_link.png) center center no-repeat; position: absolute; width: 32px; height: 32px; z-index: 9; bottom: 15px; right: 20px;transform: translateY(100px)}
#main_index .main_box.case .caselist li a:hover .ico{transform: translateY(0)}

#main_index .main_box.case2 .case2list{padding: 40px 0;}
#main_index .main_box.case2 .case2list .case2_box{width: 260px; }
#main_index .main_box.case2 .case2list .case2_box:hover{transform: translateY(-15px)}
#main_index .main_box.case2 .case2list .case2_box .img{width: 260px;height: 260px;border-radius: 400px;border: 5px solid #444; overflow: hidden; }
#main_index .main_box.case2 .case2list .case2_box a:hover .img{border: 5px solid #FB1F5F;box-shadow: 0 10px 20px rgba(0,0,0,0.3)}
#main_index .main_box.case2 .case2list .case2_box a:hover .img img{transform: scale(1.1)}
#main_index .main_box.case2 .case2list .case2_box a .mask{width: 260px;height: 260px;background: rgba(251,31,95,0.30) url(../images/ico_link2.png) center center no-repeat;position: absolute;z-index: 9;border-radius: 400px;transform: scale(1.2);opacity: 0;}
#main_index .main_box.case2 .case2list .case2_box a:hover .mask{transform: scale(1);opacity: 1;}
#main_index .main_box.case2 .case2list .case2_box .name{font-size: 18px; font-weight: 400; padding: 15px 0;}
#main_index .main_box.case2 .case2list .case2_box .info{font-size: 14px;color: #666; width: 190px; margin: 0 auto; line-height: 22px;}

#main_index .main_box.piasso{ background: #EEE url(../images/piassobg.jpg) center center no-repeat / cover;height: 220px; text-align: center;}
#main_index .main_box.piasso .piassobox img { vertical-align: middle;}
#main_index .main_box.piasso .piassobox::before{ width: 0; height: 220px; content: ""; vertical-align: middle;display: inline-block;font-size: 0;}



#main_index .main_box.enterprise{background: url(../images/enterprisebg.jpg) center center no-repeat / cover;height: 500px; overflow: hidden;}
#main_index .main_box.enterprise .enterpriselist{height: 300px;}

#pagelist{font-size: 0;margin: 20px 0; text-align: center;}
#pagelist *{ vertical-align:top;}
#pagelist span{font-size: 14px;display: inline-block;height: 30px;line-height: 30px;background: #666;padding-left: 10px;padding-right: 10px;margin-right: 10px;color: #fff;}
#pagelist a{font-size: 14px;display: inline-block;height: 30px;line-height: 30px;background: #FB1F5F;padding-left: 10px;padding-right: 10px;margin-right: 10px;color: #fff;}
#pagelist select{font-size: 14px;border: 1px solid #FB1F5F;color: #FB1F5F;height: 30px;position: relative;top: 1px;margin-right: 10px;}
#pagelist span.total{font-size: 14px;display: inline-block;height: 28px;line-height: 28px;background: #fff;border: none;padding-left: 10px;padding-right: 10px;margin-right: 10px;color: #FB1F5F;}                  















/*content_NoT开始*/
.ppt2 { height: 260px; width: 100%; background-color: #CCC; background-repeat: no-repeat; background-position: center top; }
#main { width: 1100px; margin: 0 auto; padding: 35px 0; }
.sidebar { width: 198px; background-color: #FB1F5F;box-shadow: 0 10px 20px rgba(0,0,0,0.14)}
.main_content { width: 820px; }
.sidebar_Title { height: 46px; line-height: 46px; text-align:center; color: #FFF; font-size: 16px; cursor: pointer;border-bottom: rgb(255, 80, 129) 1px solid; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; text-indent: 15px;}
.sidebar_Title > a,.sidebar_Title > a:hover{ color: #FFF;}
.sidebar ul { border: 1px solid hsl(0, 0%, 85%); border-bottom: none; background-color: #FFF; display: none; transition: none;}
.sidebar ul:first-of-type{ display: block;}
.sidebar ul li { height: 46px; line-height: 46px; padding-left: 30px; background-image: url(../images/biao.jpg); background-repeat: no-repeat; background-position: 176px 18px; border-bottom: 1px solid #d8d8d8; font-size: 16px; }
.sidebar ul li:hover{height: 46px; line-height: 46px; padding-left: 30px;background-color: rgba(251,31,95,0.10); background-image: url(../images/biao.jpg); background-repeat: no-repeat; background-position: 176px 18px; border-bottom: 1px solid #d8d8d8; font-size: 16px; }
.main_title { height: 46px; line-height: 46px; background-image: url(../images/lanmu_biao.jpg); background-repeat: no-repeat; background-position: 0px 12px; font-size: 18px; color: #FB1F5F; padding-left: 12px; border-bottom: 1px solid #d8d8d8; }
.add { color: #333333; padding-right: 8px; }
.main_content_word { padding-top: 40px; line-height: 34px; min-height:400px; }
.main_content_word img { max-width: 100%; height: auto;}
.main_Ntitle { padding-top: 34px; }
.title { font-size: 22px; color: #FB1F5F; line-height: 34px; border-bottom: 1px dotted #cacaca; padding: 20px 0; }
.news ul { width: 820px; }
.news ul li { height: 80px; width: 820px; border-bottom: 1px dotted #cacaca; padding: 29px 0; }
.date { height: 45px; width: 80px; font-size: 21px; color: #2b2b2b; line-height: 1.1em; padding-top: 20px; padding-bottom: 15px; background-color: #e7e7e7; margin-right: 40px; }
.news ul li:hover .date{ background: #FB1F5F; color: #FFF;}
.date span { font-size: 15px; line-height: 2em; }
.news_list h1 { color: #000; font-size: 16px; line-height: 1.1em; margin-bottom: 18px; }
.news_list { line-height: 22px; color: #575757; width: 700px; }
.pages { height: 56px; line-height: 56px; padding-right: 20px; }
.list_imgs ul { width: 849px; margin-left: -29px; }
.list_imgs ul li { width: 254px; height: 308px; float: left; display: inline; margin-left: 29px; }
.list_imgs ul li p { line-height: 1.5em; padding: 15px 10px; }
.list_imgs ul li a img { border: 1px solid #d5d5d5; }
.list_imgs { padding-top: 40px; }
.download_main { padding-top: 5px; }
.download_main ul { width: 820px; }
.download_main ul li { height: 45px; line-height: 45px; border-bottom: 1px dotted #b6b6b6; padding-left: 5px; }
.project ul { width: 1100px; }
.project ul li { height: 132px; width: 1100px; border-bottom: 1px dotted #cacaca; padding: 29px 0; }
.project h1 { color: #000; font-size: 16px; line-height: 1.1em; margin-bottom: 18px; }
.project { line-height: 20px; color: #666666; width: 1100px; font-size: 12px; }
.project ul li a img { border: 1px solid #dedede; float: left; margin-right: 23px; }
.project_list h1 { color: #000; font-size: 16px; line-height: 1.5em; margin-bottom: 18px; }
.project_list { line-height: 20px; width: 875px; }
.contect_main { padding-top: 40px; padding-left: 160px; }
.contect_main span { width: 100px; height: 30px; text-align: right; line-height: 30px; float: left; display: inline; margin-bottom: 13px; }
input.mage { height: 28px; line-height: 28px; border: 1px solid #d8d8d8; width: 350px; display: inline; margin-bottom: 13px; padding-left: 3px; color: #a0a0a0; }
textarea.mage { width: 350px; height: 160px; margin-bottom: 13px; line-height:28px; padding-left: 3px; }
#checkcode {width: 287px; float: left;}
.sub { width: 150px; height: 44px; background-color: #FB1F5F; color: #FFF; font-size: 16px; margin-left: 100px; border: none; display: inline-block; line-height: 44px; text-align: center; border-radius: 4px; cursor: pointer; }
#checkpic { height: 30px; float: left; display: inline; cursor: pointer; }
.search_KEY { height: 45px; line-height: 45px; padding-left: 12px; border-bottom: 3px double #FB1F5F; color: #FB1F5F; }
.main_content_word img { text-align:center; }
/*NoSide开始*/
.NoSide { width:1100px; }