@charset "utf-8";
/* CSS Document */
.banner_pc{}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:10px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #b0261c; cursor: default; }


.dyip{ background:#eaeaea; padding:50px 0;}
.dyip .title{ text-align:center;}
.dyip .title .border{ background:#d7d4d4; height:1px;}
.dyip .title .border .bg{ width:80px; background:#b0261c; height:1px; margin:0 auto;}
.dyip .title .gt{ font-size:32px !important; margin-bottom:12px; color:#b0261c !important;}
.dyip .title p{ font-size:16px; margin-top:12px; color:#999; font-family:"Arial";}
.dyip ul{ padding:30px 12% 0% 12%;}
.dyip li{ float:left; width:49.5%; background:#b0261c; margin-bottom:1%;}
.dyip li:nth-of-type(1){ margin-right:1%;}
.dyip li:nth-of-type(3){ margin-right:1%;}
.dyip li .pic{ width:50%;}
.dyip li:nth-of-type(1) .pic{ float:left;}
.dyip li:nth-of-type(2) .pic{ float:left;}
.dyip li:nth-of-type(3) .pic{ float:right;}
.dyip li:nth-of-type(4) .pic{ float:right;}
.dyip li .pic img{ width:100%;}
.dyip li .li_r{ width:50%; float:right; color:#FFF; text-align:center;}
.dyip li:nth-of-type(1) .li_r{ float:right;}
.dyip li:nth-of-type(2) .li_r{ float:right;}
.dyip li:nth-of-type(3) .li_r{ float:left;}
.dyip li:nth-of-type(4) .li_r{ float:left;}
.dyip li .li_r .box{ padding:5% 2%;}
.dyip li .li_r .op{ font-size:20px;}
.dyip li .li_r p{ line-height:24px; margin-top:15px;}
.dyip li .li_r a{ color:#FFF; margin:0 5px;}
.dyip li .li_r a:hover{ color:#000;}
.dyip li .li_r .more{ width:50px; height:50px; line-height:50px; border:1px solid #FFF; border-radius:50%; margin:20px auto 0 auto;}
.dyip li .li_r .more a{ display:block;}
.dyip li .li_r .more a:hover{ display:block; text-decoration:none; color:#FFF;}


.derp{ padding-top:50px;}
.derp .title{ text-align:center;}
.derp .title .gt{ font-size:32px; margin-bottom:12px; color:#b0261c;}
.derp .title p{ font-size:16px; margin-top:12px; color:#999;}
.derp .title .border{ background:#d7d4d4; height:1px;}
.derp .title .border .bg{ width:80px; background:#b0261c; height:1px; margin:0 auto;}
.derp .slideTxtBox{ margin:30px 3% 0 3%;}
.derp .slideTxtBox .hd{ padding-bottom:3%;}
.derp .slideTxtBox .hd ul{ text-align:center; font-size:0px;}
.derp .slideTxtBox .hd ul li{ display:inline-block; width:140px; height:26px; line-height:26px; border-radius:30px; cursor:pointer; font-size:14px; background:#e5e5e5; margin:0 10px;}
.derp .slideTxtBox .hd ul li.on{ background:#b0261c; color:#FFF;}
.derp .slideTxtBox .bd{}
.derp .slideTxtBox .bd ul{}
.derp .slideTxtBox .bd li{ float:left; width:29.333%; margin:0 2% 2% 2%;}
.derp .slideTxtBox .bd li .box{ position:relative; overflow:hidden;}
.derp .slideTxtBox .bd li .box .bt{ position:absolute; left:0px; bottom:-100%; width:100%; background:rgba(0,0,0,0.5); line-height:50px; text-indent:2em; color:#CCC; transition:all 0.3s; font-size:14px;}
.derp .slideTxtBox .bd li:hover .box .bt{ bottom:0px;}
.derp .slideTxtBox .bd li img{ width:100%;}
.derp .slideTxtBox .bd li p{ line-height:60px; font-size:18px; text-align:center;}
.derp .slideTxtBox .bd li a{ display:block;}
.derp .slideTxtBox .bd li:hover a{ display:block; text-decoration:none; color:#b0261c;}
.derp .slideTxtBox .arrow{ padding:20px 0; text-align:center;}
.derp .slideTxtBox .arrow a{ display:inline-block; margin:0 5px;}
.derp .slideTxtBox .arrow a:hover{ text-decoration:none;}
.derp .slideTxtBox .arrow .next{ width:40px; background:#F3F3F3; line-height:40px; border-radius:5px; cursor:pointer;}
.derp .slideTxtBox .arrow .more{ width:100px; background:#F3F3F3; line-height:40px; border-radius:5px;}
.derp .slideTxtBox .arrow .prev{ width:40px; background:#F3F3F3; line-height:40px; border-radius:5px; cursor:pointer;}


.dsanp{ padding-top:50px;}
.dsanp .title{ text-align:center;}
.dsanp .title .gt{ font-size:32px; margin-bottom:12px; color:#b0261c;}
.dsanp .title .border{ background:#d7d4d4; height:1px;}
.dsanp .title .border .bg{ width:80px; background:#b0261c; height:1px; margin:0 auto;}
.dsanp .title p{ font-size:16px; margin-top:12px; color:#999;}
.dsanp .dsanp_box{ margin-top:30px; padding:0 10.5%;}
.dsanp .dsanp_box  ul li.on{ background:#b0261c; color:#FFF;}
.dsanp .dsanp_box  ul{}
.dsanp .dsanp_box  li{ width:29.33%; float:left; border-bottom:1px solid #EEE; padding:20px 0; margin:0 2%;}
.dsanp .dsanp_box  li .li_l{ float:left; width:100px; height:100px; background:#b0261c; text-align:center; color:#fff;}
.dsanp .dsanp_box  li:hover .li_l{ background:#333; color:#FFF;}
.dsanp .dsanp_box li .li_l p{ font-size:50px; font-weight:bold;}
.dsanp .dsanp_box  li .li_r{ float:right; width:66%;}
.dsanp .dsanp_box  li .li_r h3{ line-height:32px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.dsanp .dsanp_box  li .li_r .nbt{ font-size:16px; margin-bottom:10px; height:24px; line-height:24px; overflow:hidden;}
.dsanp .dsanp_box  li .li_r p{ height:60px; line-height:20px; color:#999; overflow:hidden;}
.dsanp .dsanp_box  li .li_r .more{ width:100px; text-align:center; line-height:30px; overflow:hidden; margin-top:10px; float:right;}
.dsanp .dsanp_box  li .li_r .more a{ display:block; border:1px solid #CCC; border-radius:30px;}
.dsanp .dsanp_box  li .li_r .more a:hover{ display:block; text-decoration:none; border:1px solid #b0261c; background:#b0261c; color:#FFF;}


.dsip{ padding:60px 0; background:#f5f5f5; margin-top:50px;}
.dsip .title{ text-align:center;}
.dsip .title .gt{ font-size:32px; margin-bottom:12px; color:#b0261c;}
.dsip .title .border{ background:#d7d4d4; height:1px;}
.dsip .title .border .bg{ width:80px; background:#b0261c; height:1px; margin:0 auto;}
.dsip .title p{ font-size:16px; margin-top:12px; color:#999; font-family:"Arial";}
.dsip ul{ padding:30px 8% 0 8%; margin-left:-2%;}
.dsip li{ float:left; width:23%; margin-left:2%; background:#FFF; padding-bottom:20px;}
.dsip li .pic{}
.dsip li .pic img{ width:100%;}
.dsip li .title_er{ padding:10px 15px;}
.dsip li .title_er .divft{ height:30px; line-height:30px; font-size:16px; overflow:hidden; margin-bottom:4px;}
.dsip li .title_er p{ color:#999; line-height:24px; height:70px; overflow:hidden;}

/*首页服务*/
.services-Box{ width:1200px; margin:0px auto; height:auto; overflow:hidden;}
.services-Box ul li{float:left; width:33%; height:auto; }

.service_1{height:auto;}
.service_1 dd{ margin-top:15px; padding-left:66px;}
.service_1 dd a{ display:block; border: solid #d2d2d2 1px; width:110px;line-height:30px; font-size:14px; text-align:center; color:#666; float:left; margin-right:40px; border-radius:2px;margin-top:10px;}
.service_1 dd a:hover{ color:#FFF; background-color:#0aa2cc;border: solid #0aa2cc 1px; }

.services-Box ul li .serBox{cursor:pointer;display:inline;width:220px;height:280px;float:left; margin:0px 90px;  overflow:hidden;position:relative;padding:0; text-align:center; transition: all 0.3s ease 0s;}
.services-Box .serBox .circles{width:95px;height:95px;text-align:center;position:absolute;top:40px;right:61px;z-index:99; border:#d2d2d2 1px solid; border-radius:100%; text-align:center; line-height:95px; }
.services-Box .serBox .circles img{ margin-top:22px;}
.services-Box .serBox .circles1{width:95px;height:95px;text-align:center;position:absolute;top:40px;left:-122px;z-index:99;  border:#0aa2cc 1px solid; border-radius:100%; background:#0aa2cc; text-align:center; line-height:95px; }
.services-Box .serBox .circles1 img{ margin-top:22px;}
.services-Box .serBox .words{width:220px;height:100px;color:#666;position:absolute;top:150px;left:0px;z-index:99;   font-size:14px;  line-height:24px;}
.services-Box .serBox .words1{width:220px;height:100px;color:#666;position:absolute;top:150px;right:240px;z-index:99;  font-size:14px; line-height:24px; }
.services-Box .serBox span.tit{ font-size:20px; color:#333;display:block;height:35px;text-align:center; }
.services-Box .serBox .words1 span.tit{ color:#0aa2cc;}
.services-Box .serBox .words p{ }

.moreyt {border: solid 2px #E60012;background: transparent;border-radius: 0px;font-size: 16px;padding: 5px 25px;margin:40px 0 20px 0;display: inline-block;line-height: 30px;color: #E60012}
.text-center {  text-align: center;}

.show-list { padding-top:20px; height:auto; overflow:hidden; width:1180px; margin:auto;}
.line-big {

}
.line-big .xl12{position: relative;
    min-height: 1px;
   width: 33.33333333%; float:left; margin:30px 0 50px 0;}
.show-list .item1 {
    margin-right: 35px;
}
.show-list .item1 h3 { font-size:20px; line-height:45px;}
.show-list .item .media-img {
    overflow: hidden;
}
.show-list .item .media-img img {
    max-width: 100%;
}
#fh5co-bottom-info .show-list .item h3 {
    font-size: 18px;
    margin: 20px 0;
}
.show-list .item h3 a {
    color: #444;
}
.show-list .item p {
    color: #808080;
    font-size: 14px;
    line-height: 24px;
}
.i_contact{ height:560px; margin-top:42px; overflow:hidden; background:url(../images/contact_bg.jpg) no-repeat center top;}
.i_contact_ul ul{ width:1180px; margin:auto;}
.i_contact_ul ul li{ float:left; width:275px; height:140px; background:url(../images/contact_bg2.png) repeat; text-align:center; margin-right:19px; line-height:18px; font-size:14px;color:#fff;}
.i_contact_ul ul li:Hover{background:url(../images/contact_bg3.png) repeat; }
.i_contact_ul ul li img{ width:44px; height:43px; display:block; margin:0 auto; margin-top:28px; margin-bottom:25px;}
.i_contact_ul ul li a{ width:94%; padding-left:3%; padding-right:3%; height:100%; display:block; color:#fff;}
.banner{ text-align:center; color:#FFF; font-size:36px; height:350px;}
/**建站流程**/
.wrap { max-width: 1200px;margin: 0 auto;}

.sercon{ width:1180px; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.bt{ font-size:32px; text-align:center;}
.con{ color:#999; text-align:center; font-size:14px; line-height:30px;}
.sercon ul{margin-right:-32px; margin-top:35px; }
.sercon ul li{ width:372px; height:auto; overflow:hidden; float:left; margin-right:32px;line-height:30px;}
.sercon ul li h3{ background:#b0261c; color:#fff;  text-align:center; font-size:20px; padding:8px 0;}
.sercon ul li img{ height:190px; margin:5px 0 25px 0;}
.sercon p.btn { border: 1px solid #B9B8B8;color: #444;font-size: 14px;height: 36px;line-height: 36px;padding: 0 10px;margin: 30px auto 0;text-align: center;width: 120px;}
.sercon p.btn a{ color:#b0261c;}

.swyc{ width:1180px; height:auto; overflow:hidden; margin:auto;}
.swyc ul{margin-right:-32px; }
.swyc ul li{width:372px; height:auto; overflow:hidden; float:left; margin-right:32px;margin-top:25px;}
.swyc ul li h3{ background:#b0261c; color:#fff;   font-size:18px; padding:5px 0; text-indent:15px;}
.swyc ul li p{ padding:10px 0; line-height:27px; color:#666;}
.cnxh{ width:600px; height:auto; overflow:hidden; margin:30px auto;}
.cnxh .bto{font-size:32px; text-align:center; height:58px;}
.cnxh ul{}
.cnxh ul li{ line-height:35px; text-align:center;}
.cnxh ul li a{ font-size:16px;}

.case{ padding-bottom:50px;}
.case .title{ text-align:center; padding-top:100px;}
.case .title h2{ font-size:36px;}
.case .title p{ font-size:18px; line-height:30px; color:#555; padding-top:20px;}
.case .title ul{ font-size:0px; padding:50px 0;}
.case .title li{ display:inline-block; font-size:14px; width:140px; height:26px; line-height:26px; margin:0 5px;}
.case .title li a{ background:#f1f1f1; display:block; border-radius:15px; color:#666;}
.case .title li a:hover{ text-decoration:none; background:#b0261c; color:#FFF;}
.case .title li a.current{ background:#b0261c; color:#FFF;}
.case .box{}
.case .box ul{ margin-left:-2%;}
.case .box li{ float:left; margin-left:2%; width:31.333%; margin-bottom:30px; background:#FFF; box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.case .box li .libox{ padding:7px;}
.case .box li img{ width:100%;}
.case .box li .box{ background:#FFF; padding:20px 0 0 0;}
.case .box li .box h2{ font-size:18px; margin-bottom:10px;}
.case .box li .box p{ font-size:12px; height:48px; overflow:hidden; margin-bottom:10px; line-height:24px;}
.case .box li .box .txt{ border-top:1px solid #DDD; font-size:12px; padding-top:10px; color:#b0261c;}

.f_page { text-align: center; font-size: 16px; color: #ccc; }
.f_page a, .f_page span { height: 35px; line-height: 35px; text-align: center; padding: 8px 15px; margin: 0 5px; border: 1px solid #ccc; border-radius: 3px; }
.f_page a.fCurrent { background: #b0261c; border-color: #b0261c; color: #fff; }

.btbu{ width:1180px; line-height:70px; color:#999; margin:auto;}
.btbu a{color:#999;}
.btbu span{ color:#b0261c;}
.casebox{ width:780px; height:auto; overflow:hidden; margin-right:50px; float:left; margin-top:35px;}
.casebox h1{ font-size:28px; text-align:center; font-weight:400; line-height:60px;}
.casebox .ly{ color:#999; border-bottom:1px #eee solid; text-align:center; line-height:42px; margin-bottom:20px;}
.casebox p{ line-height:35px; padding-bottom:2em; font-size:16px;}
.casebox p a{ color:#0066cc;}
.casebox img{ margin:20px auto; display:block; clear:both;}
.cabox{ background:#f5f5f5; padding:20px; line-height:24px; color:#999;}
.padg{ line-height:45px;}
.zj{ width:100%; height:auto; overflow:hidden; margin:30px 0;}
.zj .bt{ line-height:35px; font-size:24px; font-weight:300; text-align:left;}
.zj ul{ margin-top:15px;}
.zj ul li{ line-height:33px; color:#666;}
.zj ul li a{color:#666; font-size:16px;}

.righzy{width:350px; height:auto; overflow:hidden; float:left;}
.boxio{ border:1px #ddd solid; padding:15px;height:auto; overflow:hidden;}
.boxio ul{margin-right:-15px;}
.boxio ul li{ width:150px; line-height:35px;border:1px #eee solid; float:left; margin-right:14px; text-align:center; margin-top:15px;}
.boxio ul li a{ font-size:16px;}

.caseright{ width:350px; height:auto; overflow:hidden; float:left; margin-top:35px;}
.caseright .bt{ background:#b0261c; line-height:35px; color:#fff; text-indent:20px; font-size:18px; text-align:left;}
.caseright ul{ margin:20px 0;}
.caseright ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; line-height:25px;}
.caseright ul li .imger{ width:100px; height:62px; float:left; margin-right:20px;}
.caseright ul li .bocon{ width:230px; height:62px; float:left;}

.news{  padding-bottom:50px;}
.news .title{ text-align:center; padding-top:50px;}
.news .title h2{ font-size:36px;}
.news .title p{ font-size:16px; line-height:30px; color:#555; padding-top:20px;}
.news .title ul{ font-size:0px; padding:50px 0;}
.news .title li{ display:inline-block; font-size:14px; width:130px; height:30px; line-height:30px; margin:0 5px;}
.news .title li a{ background:#f5f5f5; display:block; border-radius:15px;}
.news .title li a:hover{ text-decoration:none;}
.news .title li a.current{ background:#b0261c; color:#FFF;}

.news .box{}
.news .box ul{ margin-bottom:7%;}
.news .box li{ width:45%; float:left; border-bottom:1px solid #DDD; padding:30px 0; margin:0 2.5%;}
.news .box li .li_l{ float:left; width:100px; height:100px; background:#ccc; text-align:center; border-radius:50%; color:#555;}
.news .box li:hover .li_l{ background:#b0261c; color:#FFF;}
.news .box li .li_l p{ font-size:50px; font-weight:bold;}
.news .box li .li_r{ float:right; width:75%;}
.news .box li .li_r h2{ font-size:16px; margin-bottom:10px; height:24px; line-height:24px; overflow:hidden;}
.news .box li .li_r p{ height:60px; line-height:20px; color:#999; overflow:hidden;}
.news .box li .li_r .more{ width:100px; text-align:center; line-height:30px; overflow:hidden; margin-top:10px; float:right;}
.news .box li .li_r .more a{ display:block; border:1px solid #CCC; border-radius:30px;}
.news .box li .li_r .more a:hover{ display:block; text-decoration:none; border:1px solid #b0261c; background:#b0261c; color:#FFF;}


.contact{}
.contact_dyip{ max-width:1180px; margin:0 auto; padding:50px 0; border-bottom:1px dashed #CCC; line-height:30px;}
.contact_dyip h2{ font-size:24px; color:#444; line-height:50px;}
.contact_dyip p{ color:#444;}

.contact_derp{ padding:50px 0; margin-top:50px; background:#f4f4f4;}
.contact_derp .box{ max-width:1180px; margin:0 auto;}
.contact_derp .title{}
.contact_derp .title h2{ font-size:24px; color:#444;}
.contact_derp .title p{ color:#666;}
.contact_derp .liuyan{ padding-top:30px;}
.contact_derp .liuyan_t{ padding-bottom:30px;}
.contact_derp .liuyan_t .input{ width:30%; float:left; margin-right:2%}
.contact_derp .liuyan_t .input p{ border:2px solid #666;}
.contact_derp .liuyan_t .input_txt{ width:96%; height:40px; border:0 none; padding:0 2%; outline:medium; }
.contact_derp .liuyan_c .textarea{ width:94%;}
.contact_derp .liuyan_c .textarea p{ border:2px solid #666;}
.contact_derp .liuyan_c textarea{ width:98%; height:90px; border:0 none; line-height:24px; padding:1%; outline:medium;}
.contact_derp .liuyan_b{ padding-top:30px;}
.contact_derp .liuyan_b .input_btn{ width:150px; height:40px; text-align:center; border:0 none; background:#e30000; color:#FFF;}