/*html,body{ overflow-x:hidden ; min-width:1200px}*/
.index_header{ height:1230px;background:#f9f9f9 ; width:100%; overflow:hidden}
/* 部分公共 */
.Title { padding: 60px 0px 10px 0px; }
.Title h2 { font-size: 32px; color: #000; text-align: center; }
.Title p { font-size: 16px; line-height: 26px; margin: 0 auto; text-align: center; color: #666; padding-top: 20px; }
/*服务范围*/
.ind-ser-container-list{ width:1200px; margin:20px auto}
.ind-ser-container-list ul{ text-align:center}
.ind-ser-container-list li{ width:296px; display: inline-block; }
.ind-ser-container-list li{ /*width:100%; display:block;*/ overflow:hidden; position:relative;}
.ind-ser-container-list li span{ width:100%; height:350px; display:inline-block; *display:inline; *zoom:1; background-color:#2eafbb; position:absolute; left:0; top:-350px; z-index:1; -webkit-transition:ease 0.4s; -moz-transition: ease 0.4s; -ms-transition: ease 0.4s; -o-transition: ease 0.4s; transition: ease 0.4s;}
.ind-ser-container-list li:hover span{ top:0; -webkit-transition:ease 0.4s; -moz-transition: ease 0.4s; -ms-transition: ease 0.4s; -o-transition: ease 0.4s; transition: ease 0.4s;}
.ind-ser-container-list li .section{ width:100%; height:350px; overflow:hidden; position:relative; z-index:10;}
.ind-ser-container-list li .section img{ width:120px; height:120px; margin:30px auto 20px;}
.ind-ser-container-list li .section .img{ display:block; display:inline;}
.ind-ser-container-list li .section .img_h{ display:none;}
.ind-ser-container-list li:hover .section .img{ display:none;}
.ind-ser-container-list li:hover .section .img_h{display:block; display:inline;}
.ind-ser-container-list li .section h3{ display:block; margin:0 auto; font-size:18px; font-weight:normal; color:#262626; text-align:center;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.ind-ser-container-list li:hover .section h3{ color:#fff;}
.ind-ser-container-list li p{ width:94%; display:block; text-align:center; padding-top:10px; margin:0 auto; font-size:14px; color:#666; line-height:180%; max-height:150px; display: block;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.ind-ser-container-list li:hover p{ color:#fff;}
.content_title{margin-bottom:25px;background:url(../images/content_title_bg.png) repeat-x center center;}
.content_title2{ background-color:#fff; width:207px;}
.content_title3{ background-color:#fff; width:260px;}
.content_title4{ background-color:#f9f9f9; width:268px;}
.link{line-height:24px;padding:10px 0;color:#999;}
.link a{color:#999; display:inline-block; white-space:nowrap; padding-right:10px;}
.link a:hover{text-decoration:underline;}
/*------首页文章列表 qs-net-----------*/
.text_list {
padding:10px 10px 0 0px;
}
.i_news .t{font-family:'微软雅黑'; line-height:40px; font-size:16px;/*border-bottom: 1px dotted #d8d8d8; margin-bottom:10px*/}
.i_news .t a{ color:#333}
/*
.text_list .pic-news { width: 270px; padding-bottom:5px}
.text_list .pic-news img {
height: 160px;
width: 240px;
}
.text_list .pic-news {
color: #666666;
display: block;
line-height: 30px; }*/
.text_list li {
height:30px; overflow:hidden;
line-height:30px; position:relative;
}
.text_list li a{ font-size:13px; color:#666;padding-left:10px;background: url("../images/news_tag.gif") left center no-repeat ; display:block;position:relative; margin-bottom:1px}
.text_list li a:hover{ color:#2eafbb; z-index:2; }
.text_list li smap{ width:323px; height:30px; display:block; background:#cc0101; position:absolute; left:-323px; top:0; z-index:1;}
/*index2.css*/
.Center {
width: 1170px;
margin: 0 auto;
display: block;
}
.i_news{ clear:both; cursor:default; background: #f9f9f9;}
.i_news h2{ padding-top:70px; height:110px; display:block;}
.i_news h2 a{ display:block; width:482px; height:48px; margin:0 auto; background:url(../images/t01.png) no-repeat center top;}
.i_news ul{ clear:both; width:1208px;}
.i_news .list-img li{ float:left; padding-right:31px; padding-bottom:50px; width:370px;}
.i_news li.Single,.i_news li.Many { float:left; padding-right:31px; padding-bottom:50px; width:33.333%;}
.i_news li .i_news_left{ float:left; width:45px;}
.i_news li .i_news_left ins{ display:block; width:45px; height:46px; background:url(../images/bg01.gif) no-repeat left top;}
.i_news li .i_news_left ins:hover{ background-position:left bottom;}
.i_news li.Many .i_news_left ins{ background-position:-46px top;}
.i_news li.Many .i_news_left ins:hover{ background-position:-46px bottom;}
.i_news li.Video .i_news_left ins{ background-position:right top;}
.i_news li.Video .i_news_left ins:hover{ background-position:right bottom;}
.i_news li .i_news_left b{ display:block; width:45px; text-align:center; height:46px; background:#f5f5f5; color:#3d3d3d; overflow:hidden;}
.i_news li .i_news_left b i{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:24px; height:30px; line-height:30px; letter-spacing:-1px; cursor:default;}
.i_news li .i_news_left b small{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:14px; height:14px; line-height:14px; letter-spacing:-1px; text-transform:capitalize; white-space:nowrap; cursor:default;}
.i_news li .i_news_left b:hover{ background:#ffe400; color:#cc0101;}
.i_news li .i_news_right{ float:left; width:325px; overflow:hidden;}
.i_news li .i_news_right .bigbox{ width:323px; height:167px; display:block; overflow:hidden; position:relative;}
.i_news li .i_news_right .bigbox ul{ width:2000em; position:absolute; left:0; top:0; z-index:2;}
.i_news li .i_news_right .bigbox ul li{ float:left; width:323px; height:167px; display:block; overflow:hidden; padding:0;}
.i_news li .i_news_right .bigbox a.prev,.i_news li .i_news_right .bigbox a.next,.i_news li .i_news_right .bigbox ins{ display:none;}
.i_news li.Video .i_news_right .bigbox ins{ display:block; width:50px; height:50px; position:absolute; left:140px; top:60px; z-index:5; background:url(../images/bg02.png) no-repeat left top;}
.i_news_right .bigbox cite{ display:none; width:303px; height:147px; position:absolute; left:0; top:0; z-index:3; border:10px solid #333; filter:alpha(opacity=50); /* ie 有效*/-moz-opacity:0.5; /* Firefox 有效*/opacity: 0.5; /* 通用，其他浏览器 有效*/}
.i_news_right .bigbox cite a{ width:100%; height:100%; display:block;}
.i_news_right .bigbox:hover cite{ display:block;}
.i_news li.Many .i_news_right .bigbox a.prev{ width:20px; height:34px; display:block; background:url(../images/bg12.png) no-repeat left top; position:absolute; right:57px; bottom:10px; z-index:5;}
.i_news li.Many .i_news_right .bigbox a.prev:hover{ background-position:left bottom;}
.i_news li.Many .i_news_right .bigbox a.next{ width:20px; height:34px; display:block; background:url(../images/bg12.png) no-repeat right top; position:absolute; right:10px; bottom:10px; z-index:5;}
.i_news li.Many .i_news_right .bigbox a.next:hover{ background-position:right bottom;}
.i_news li .i_news_right span{ padding:5px 0; display:block; clear:both; overflow:hidden;}
.i_news li .i_news_right span b a{ font-size:16px; color:#333; white-space:nowrap; height:33px; line-height:33px; display:block; font-weight: normal; overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.i_news li .i_news_right span b a:hover{ color:#2eafbb;}
.i_news li .i_news_right span p{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#5f5f5f; white-space:nowrap; height:30px; line-height:30px; border-bottom:1px solid #dedede; display:block;}
.i_news li .i_news_right span p em{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg09.gif) no-repeat 0px -20px; color:#aaaaaa;}
.i_news li .i_news_right span p em:hover{ background-position:0px 10px; color:#cc0101;}
.i_news li .i_news_right span p i{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg10.gif) no-repeat 0px -21px; color:#aaaaaa;}
.i_news li .i_news_right span p i:hover{ background-position:0px 9px; color:#cc0101;}
.i_news li .i_news_right span p small{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg11.gif) no-repeat 0px -21px; color:#aaaaaa;}
.i_news li .i_news_right span p small:hover{ background-position:0px 9px; color:#cc0101;}
.i_news li .i_news_right span cite a{ padding:10px 0; display:block; line-height:18px; color:#b0b0b0; font-family:Arial, Helvetica, sans-serif; height:54px; overflow:hidden; display:block;}
.i_news li .i_news_right span cite a:hover{ color:#333;}
.i_news li .i_news_right span big a{ display:block; height:21px; width:323px; position:relative;}
.i_news li .i_news_right span big a smap{ width:323px; height:21px; display:block; background:#cc0101; position:absolute; left:-323px; top:0; z-index:1;}
.i_news li .i_news_right span big a .img01{ display:block; position:absolute; right:0; top:0; z-index:2;}
.i_news li .i_news_right span big a .img02{ display:none; position:absolute; right:0; top:0; z-index:2;}
.i_news li .i_news_right span big a:hover .img02{display:block; }
.i_news li .i_news_right span big a:hover .img01{display:none; }
.i_news h3{ padding-top:25px; height:60px; display:block; clear:both;}
.i_news h3 a{ display:block; width:244px; height:14px; margin:0 auto; background:url(../images/bg04.png) no-repeat center bottom;}
.i_news h3 a:hover{ background-position:center 3px;}
/*.caes_index h2{ padding-bottom: 10px;
height: 100px; display:block;}
.caes_index h2 a{ display:block; width:482px; height:50px; margin:0 auto; background:url(../images/t02.png) no-repeat center top;}*/
/*去掉百度*/
.bds-credit-pop{ display:none}
/*首页案例*/
.service_foot {
height: 80px;
text-align: center;
background-color: #60d0db;
color: #fff;
font-size: 20px;
line-height: 80px; display:none
}
.warp-list{ padding:0 4.02%; /*margin-top:4%;*/}
.case-content li{ float:left; width:30%; margin-right:5%; margin-bottom:50px;}
.case-content li:nth-of-type(3n){ margin-right:0%;}
.case-content li.last{ margin-right:0%;}
.case-content li a.img{ display:block; width:100%; height:0; padding-top:66.66%; position:relative; overflow:hidden; background:url(../images/loading.gif) no-repeat center center; background-color:#e7e7e7;}
.case-content li img{ width:100%; /*height:100%;*/ position:absolute; left:0; top:0; background:url(../images/loading.gif) no-repeat center 50%; background-color:#e7e7e7;}
.case-content li strong img{
transition: all .6s linear 0s;
-webkit-transition: all .6s linear 0s;
-moz-transition: all .6s linear 0s;
-ms-transition: all .6s linear 0s;
}
.case-content li:hover strong img{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}
.case-content li .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.case-content li .meta h3{font-size:18px;padding-left:2%;font-weight:normal;width:60%; }
.case-content li .meta h3 a{color:#000;}
.case-content li .meta .fr{width:38%;text-align:right;}
.case-content li .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.case-content li .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_b.png) no-repeat center;}
.case-content li .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_b.png) no-repeat center;}
.case-content li:hover .meta{background-color:#2eafbb;-webkit-transition-property: background-color;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: ease;}
.case-content li:hover .meta h3 a{color:#fff;}
.case-content li:hover .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_w.png) no-repeat center;}
.case-content li:hover .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_w.png) no-repeat center;}
/*---解决方案---*/
.fanganpingjialist {
width: 1180px;
margin: 0px auto;
position: relative;
overflow: hidden;
}
.fanganbox{ width:100%; display:none; background:#f5f5f5; padding: 0px 0 0px 0;}
.fanganpingjiatitle{width:100%;}
.fanganpingjiatitle div{line-height:36px;text-align:center;font-size:32px;color:#007bc4; padding:25px 0px 15px;}
.fanganpingjiatitle div a{ color:#1a1a1a;}
.fanganpingjiatitle div a:hover{ color:#1a1a1a;}
.fanganpingjiatitle p{background:#d7d4d4; height:1px; overflow:hidden;line-height:0px;}
.fanganpingjiatitle p span{ margin:0px auto; display:block; height:1px; overflow:hidden; width:86px; background:#2eafbb;line-height:1px;}
.fanganpingjiatitle em{ display:block; text-align:center; font-size:14px; color:#999999; padding-top:10px;}
.fanganpingjialist{ width:1180px; margin:30px auto; position:relative; overflow:hidden;}
.fanganpingjialist ul{ position:relative}
.fanganpingjialist ul li{float:left;width:1180px; position:relative}
.fanganpingjialist .fanganpingjiaPrev,.fanganpingjialist .fanganpingjianext{display:block; position:absolute;width:40px; height:60px; top:36%; text-align:center; line-height:36px;}
.fanganpingjialist .fanganpingjiaPrev{background-color:#424242;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:11px -130px; left:0px;}
.fanganpingjialist .fanganpingjiaPrev:hover{background-color:#2eafbb;}
.fanganpingjialist .fanganpingjianext{background-color:#424242;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-33px -130px; right:0px;}
.fanganpingjialist .fanganpingjianext:hover{background-color:#2eafbb;}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:60px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:60px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;cursor:pointer}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;cursor:pointer}
.fanganlist{width:1180px;position:relative; overflow: hidden; height:342px }
.fanganlist dl{ margin:0px; padding:0px; width:852%; position: absolute; left:0}
.fanganlist dl dd{ float:left; width:282px; margin-right:18px; background:#FFF; }
.fanganlist dl dd img{ display:block; width:282px; height:205px; position:absolute; left:50%; margin-left:-141px; top:50%; margin-top:-102.5px;}
.fanganlist dl dd span{ display:block; width:282px; position:relative; overflow:hidden; height:205px;}
.fanganlist dl dd h3{ font-size:16px; color:#4c4c4c; padding: 15px 15px 0px; overflow:hidden;}
.fanganlist dl dd p{ font-size:13px; color:#999999; padding: 0px 15px 10px 15px; height:63px; overflow:hidden; line-height:21px;}
.fanganlist dl dd.cur{/* margin:0px;*/}
.indexmore{ text-align:center; padding:20px 0px 60px;}
.indexmore a{width: 150px;
background: #0689f9;
border-radius: 2px;
font-size: 16px;
color: #fff;
text-align: center;
height: 46px;
line-height: 46px;
display: inline-block;
margin: auto; }
.indexmore a:hover{
}
/*banner*/
#banner{ height:765px; position:relative; overflow:hidden; background:#000}
.picbanner{ height:100%; position:absolute; width:100%; top:0px; }
.picbanner i{ height:1px; width:100%; background:url(../images/line.png) no-repeat center; position:absolute; bottom:55px;}
.picbanner .picbanner_1,.picbanner .picbanner_2,.picbanner .picbanner_3{ position: absolute; height:100%; width:100%;filter: Alpha(opacity=0); /* IE */
-moz-opacity:0; /* FF 主要是为了兼容老版本的FF-Mozilla */
opacity:0; /* FF */
z-index:1}
picbanner .picbanner_2{filter: Alpha(opacity=100); /* IE */
-moz-opacity:1; /* FF 主要是为了兼容老版本的FF-Mozilla */
opacity:1; /* FF */}
.picbanner li{ width:100%; text-align: center; position:absolute;}
/*.picbanner .picbanner_1_1{ background:url(../images/b1.png) no-repeat center; width:100%; height:411px; text-indent:-10000px; top:50%; margin-top:-235px;}*/
.picbanner .picbanner_1_1{ width:90%; left:5%; height:411px;/* text-indent:-10000px;*/ top:0%; margin-top:90px; opacity:0; height:65px; line-height:65px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.picbanner .picbanner_1_2{width:90%; left:5%; top:0%; margin-top:330px; font-size:16px; color:#FFF; letter-spacing:5px; opacity:0;height:30px; line-height:30px; }
.picbanner .picbanner_1 .picbanner_1_1{ font-size:48px; color:#fff}
.picbanner .picbanner_2 .picbanner_1_1{ font-size:48px; color:#fff}
.picbanner .picbanner_3 .picbanner_1_1{ font-size:48px; color:#fff}
.picbanner .picbanner_1{ background:url(../images/b1.jpg) no-repeat center #000; }
/*.picbanner .picbanner_2{ background:url(../images/b2.jpg) no-repeat center #000; }*/
.picbanner .picbanner_3{ background:url(../images/b3.jpg) no-repeat center #000;}
/*.picbanner .picbanner_1_2{top:50%; margin-top:220px; font-size:16px; color:#FFF; letter-spacing:15px;}*/
.anan { width:285px; position:absolute; left:50%; margin-left:-72px; bottom:40px;}
/*.anan li{ float:left; width:15px; height:15px; margin-left:30px; margin-right:30px; display:block; position:static; border-radius:50%; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;padding:6px; cursor:pointer}
.anan li:hover{background: rgba(255, 255, 255, 0.13);}
.anan li:before{ display:block; width:15px; height:15px; background:#fff; content: " ";display: block; border-radius:12px;}*/
.anan li {
width: 33px;
height: 33px;
cursor: pointer; float:left; margin-left:10px; margin-right:10px; display:inline-block; position:static;
}
.anan li span {
display: block;
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-color: #fff;
margin: 12px auto;
z-index: 2;
opacity: 0.7;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.anan li:hover span,.anan li.on span {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.anan li span:before {
width: 16px;
height: 16px;
position: absolute;
content: '';
left: -5px;
top: -5px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid #fff;
transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-webkit-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-moz-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-ms-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.anan li:hover span:before,.anan li.no span:before {
transform: scale(1.8,1.8);
-webkit-transform: scale(1.8,1.8);
-moz-transform: scale(1.8,1.8);
-ms-transform: scale(1.8,1.8);
opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
.anan li span:after {
position: absolute;
content: '';
left: -4px;
top: -4px;
z-index: 0;
width: 16px;
height: 16px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
transform: scale(0.3,0.3);
-webkit-transform: scale(0.3,0.3);
-moz-transform: scale(0.3,0.3);
-ms-transform: scale(0.3,0.3);
transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
-ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.anan li:hover span:after,.anan .no span:after{
opacity: 0.3;
-webkit-opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
left: -4px;
top: -4px;
transform: scale(1.5,1.5);
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-ms-transform: scale(1.5,1.5);
z-index: 0;
}
/*黑马*/
.content_banner{text-align: center;margin-top: 250px;}
.banner_title{color:#FFF;font-family:inherit; font-size:16px;letter-spacing:5px;}
.banner_line {border-bottom:1px solid #ffcc33;width:50px;height:20px;margin:0 auto;}
.banner_line1 {width:50px;height:20px;margin:0 auto;}
.header-text.btn{
/*border: 1px solid #ffffff;*/
border-radius: 0;
padding: 10px 30px;
height: 80px;
}
#head-title {font-size:36px;line-height:80px;color:#fff;font-weight:bold; }
.header-text.btn:hover{
color: inherit;
}
.header-text.btn:focus,
.header-text.btn:active:focus,
.header-text.btn.active:focus,
.header-text.btn.focus,
.header-text.btn:active.focus,
.header-text.btn.active.focus {
outline: thin dotted transparent;
outline: none;
outline-offset: -2px;
}
.banner_down{width:27px;height:40px;border:1px solid #ffcc33;margin:0 auto;color:#FFF;line-height:50px;background:url(../images/down.png) no-repeat center;}
.typed-cursor {
opacity: 1;
padding: 10px 2px;
background: #ffffff;
margin: 10px;
-webkit-animation: blink 0.5s linear infinite;
-moz-animation: blink 0.5s linear infinite;
animation: blink 0.5s linear infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
span.typed-cursor {
top: -5px;
position: relative;
}
@media (max-width: 768px){
.banner-fuwu .focus {
height: 475px;
}
.content_banner {
text-align: center;
margin-top: 40%;
}
}
/* --------------- Common Classes --------------- */
.center {
text-align: center;
}
/* ================ Header Section ================ */
.header-section {
position:relative;
}
.btn {
display: inline-block;zoom:1; *display:inline;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.acgindex{ width:100%; overflow:hidden; padding-top:30px; padding-bottom:30px; background-color:#ffffff;}
.acgindex .gg { text-align:center;}
.acgindex .gg img{ height:auto; margin:0 auto;}
.fesxiaoguo {
width:100%;
background: url(../images/web_bg02.jpg) no-repeat center top;
height: 540px;
}
.fesxiaoguobox {
margin: 0 auto;
margin-top: 20px;
}
.fesxiaoguobox li { float:left;width:32%; background:#FFFFFF; margin-right:1.1%; padding-top:30px; padding-bottom:30px;
}
.fesxiaoguobox li :last-child{ margin-right:0;}
.fesxiaoguobox li div{ text-align:center; width:100%; padding-top:30px;}
.fesxiaoguobox li div img{ height:70px; width:auto; margin:0 auto;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.fesxiaoguobox li strong{font-size: 44px;
color: #1c2d47;
text-align: center;
padding: 10px 0 0;
display: block;
line-height: 50px;}
.fesxiaoguobox li p{
font-size: 24px;
color: #2e2e2e;
text-align: center;
padding: 0px 0;
display: block;}
/**/
.your{ width:100%; background:url(../images/your_bg.jpg) top center no-repeat; color:#FFFFFF; min-height:300px;}
.your .container p{ color:#FFFFFF; font-size:14px; line-height:25px; width:85%; text-indent:10px; margin:20px auto;}
.your a {
width: 150px;
background: #f60;
border-radius: 2px;
font-size: 16px;
color: #fff;
text-align:center;
height: 46px;
line-height: 46px;
display: inline-block;
margin: auto;
}
.your a.adwomen {
background: #0689f9;
}
.index-case-cat { text-align:center; line-height:200%}
.index-case-cat a{ padding-left: 7px;background: url("../images/news_tag.gif") left center no-repeat; padding-right:20px; color:#666}
.indexOne{padding:50px 0 113px;background:#fbfbfb}
.indexHead{width:100%;text-align:center}
.indexHead,.indexHead h2{position:relative;float:left}
.indexHead h2{z-index:2;color:#2188b7;font-size:36px}
.indexHead h2,.indexHead span{width:100%;letter-spacing:2px;font-weight:700;line-height:56px}
.indexHead span{position:absolute;top:0;left:0;z-index:1;height:56px;color:#f6f6f6;text-transform:uppercase;font-size:80px;font-family:"sans-serif,serif,monospace,cursive,fantasy"}
.indexOne ul{float:left;margin-top:19px;width:100%}
.indexOne ul li{float:left;margin-top:50px;padding:0 20px;width:25%}
.indexOne ul li .zbox{position:relative;float:left;background:#fff;box-shadow:0 5px 7px hsla(0,0%,76.9%,.18);text-align:center}
.indexOne ul li .zbox,.indexOne ul li .zbox .head{width:100%;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.indexOne ul li .zbox .head{padding:29px 10px 0;height:139px;background:#2188b7;color:#fff;font-size:21px;line-height:32px}
.indexOne ul li .zbox .ico{position:absolute;top:76px;left:50%;display:inline-block;margin-left:-50px;width:100px;height:100px;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;box-shadow:0 0 9px #cdcdcd;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.indexOne ul li .zbox .ico img{float:left;width:100%}
.indexOne ul li .zbox ul{float:left;overflow:hidden;margin:43px 0 16px;padding:0 20%;width:100%}
.indexOne ul li .zbox ul li{float:left;margin-top:-1px;width:100%;height:50px;border-top:1px dashed #d3d1d1;color:#666;font-size:15px;line-height:50px}
.indexOne ul li .zbox .more{float:left;width:100%}
.indexOne ul li .zbox .more a{display:block;width:100%;background:#2188b7;color:#fff;letter-spacing:1px;font-size:16px;line-height:44px;-webkit-transition:all 0s ease-out 0s;-moz-transition:all 0s ease-out 0s;-o-transition:all 0s ease-out 0s;transition:all 0s ease-out 0s}
@media screen and (min-width:992px){
.indexOne ul li .zbox:hover .more a{background:-moz-linear-gradient(top,#000 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2ca6e0),color-stop(100%,#2188b7));background:-webkit-linear-gradient(top,#2ca6e0,#2188b7);background:-o-linear-gradient(top,#2ca6e0 0,#2188b7 100%);background:-ms-linear-gradient(top,#2ca6e0 0,#2188b7 100%);background:linear-gradient(180deg,#2ca6e0,#2188b7)}
.indexOne ul li .zbox:hover{box-shadow:0 6px 20px rgba(0,0,0,.25)}
}
@media screen and (max-width:1299px){
.indexOne{padding:60px 0 73px}
.indexHead h2{font-size:30px}
.indexHead h2,.indexHead span{letter-spacing:1px;line-height:50px}
.indexHead span{height:50px;font-size:60px}
.indexOne ul{margin-top:12px}
.indexOne ul li{margin-top:30px;padding:0 10px}
}
@media screen and (max-width:1199px){
.indexOne{padding:40px 0 53px}
.indexHead h2{font-size:20px;line-height:40px}
.indexHead span{height:40px;font-size:50px;line-height:40px}
.indexOne ul{margin-top:8px}
.indexOne ul li{margin-top:20px;width:50%}
}
@media screen and (max-width:991px){
.indexOne{padding:20px 0 33px}
.indexHead h2{font-size:16px;line-height:30px}
.indexHead span{height:30px;font-size:40px;line-height:30px}
.indexOne ul li{margin-top:10px}
.indexOne ul li .zbox{box-shadow:0 2px 5px hsla(0,0%,76.9%,.18)}
.indexOne ul li .zbox .head{padding:22px 10px 0;height:100px;font-size:16px;line-height:28px}
.indexOne ul li .zbox .ico{top:60px;margin-left:-40px;width:80px;height:80px}
.indexOne ul li .zbox ul li{height:40px;font-size:13px;line-height:40px}
.indexOne ul li .zbox .more a{font-size:14px;line-height:40px}
}
@media screen and (max-width:767px){
.indexOne{padding:10px 10px 23px}
.indexHead h2{font-size:16px;line-height:30px}
.indexHead span{display:none}
.indexOne ul li{margin-top:5px;padding:0 2px}
.indexOne ul li .zbox{box-shadow:0 0 2px hsla(0,0%,76.9%,.18)}
.indexOne ul li .zbox .head{padding:12px 10px 0;height:70px;font-size:14px;line-height:24px}
.indexOne ul li .zbox .ico{top:40px;margin-left:-30px;width:60px;height:60px;box-shadow:0 0 3px #2188b7}
.indexOne ul li .zbox ul{overflow:hidden;margin:33px 0 10px;padding:0 10%}
.indexOne ul li .zbox ul li{height:30px;font-size:12px;line-height:30px}
.indexOne ul li .zbox .more a{line-height:30px}
}
.row_13{margin:0 -10px}
.row_14{margin:0 -8px 0 -7px};
.banner .item img{display:block;width:100%}
.banner .slick-dots{position:absolute;left:0;bottom:25px;width:100%;text-align:center}
.banner .slick-dots li{display:inline-block;width:16px;height:16px;margin:0 3px;border-radius:50%;background-color:rgba(255,255,255,.5)}
.banner .slick-dots li.slick-active{background-color:#fff}
@media only screen and (max-width:767px){
.banner .slick-dots{bottom:5px}
.banner .slick-dots li{width:10px;height:10px}
}