body ul{list-style:none; padding-left:0px}

.nav-menu li.id_947 .drop-menu li{ display:none}
ul.nav-menu li.id_947 .drop-menu b{ display:none}

.no954{ display:none;}


.scl{-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;}


.kefui{ float:right; position:fixed; right:0;top:40%; z-index:9999}
.kefui .bg{ background:#999;/**/padding:7px;}
.kefui div.tel{width:150px;height:33px; color:#eee; margin:1px -115px 2px 0;}
.kefui div.tel span{padding:0 10px 0 0px; font-size:13px; line-height:33px;}
.kefui div.ewm{ position:relative;}
.kefui div.ewm .one{}
.kefui div.ewm .ii{ position:absolute; opacity: 0;border-radius: 8px;right:-180px; top:-120px; width:165px; padding:10px; background:#DA251D }
.kefui div.ewm .ii img{width:100%}

.kefui div.ewm .ii{z-index:-1; 
-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;

   }
.kefui div.ewm:hover .ii{ opacity: 1; width:150px; right:40px;}
.kefui div.ewm h4{ position:absolute;top:0;line-height:12px; font-weight:400; font-size:12px; background:#DA251D; display:block;color:#fff; padding:5px; text-align:center;  opacity: 0;}
.kefui div.ewm:hover h4{ opacity: 1;}

.kefui div.qq{height:37px;width:100px;color:#eee; margin:1px -65px 1px 0;}
.kefui div.qq a{padding:0 5px 0 5px; font-size:13px; line-height:37px; color:#fff}
.kefui div.qq img{ float:left;}

.kefui .box{ float:right; margin:1px 0;clear:both;border-radius: 5px 0 0px 5px; background:#999}
.kefui .box1{ }
.kefui .box2{ }
.kefui .box:hover{ background:#DA251D}


.kefui div.cd-top{ position:relative;cursor: pointer;}
.kefui div.cd-top h4{ position:absolute;top:0;width:35px;line-height:25px; background:#DA251D; font-weight:400; font-size:12px; display:block;color:#fff; padding:5px; text-align:center;  opacity: 0;}
.kefui div.cd-top:hover h4{ opacity: 1;}


.kefui .box1:hover{ margin-right:0px;}


/*banner*/

.banner_box{width:100%; position:relative; margin:0; padding:0; overflow:hidden;}

.banner_box .banner_ul{float:left;}

.banner_box .pager-prev{display:none; position:absolute; top:50%; left:20px;}

.banner_box .pager-next{display:none; position:absolute; top:50%; right:20px;}

.banner_box:hover .pager-prev, .banner_box:hover .pager-next{display:block; color:#fff}

.banner_ul{width:100%; margin:0; padding:0;}

.banner_ul img{/*display:block; margin:0 auto; position:relative; width:100%;



width: 1920px;

position: relative;

margin-left: -960px;

left: 50%;

clear: both;*/

}

.banner_pic{width:100%; list-style:none; padding:0; overflow:hidden;}

/*banner下边按钮*/

.rslides_tabs{margin:5px auto; clear:both; overflow:hidden; text-align:center; position:absolute; width:100%; bottom:10px; border:#F00 solid 0px;}

.rslides_tabs li{display:inline; float:none; _float:left; *float:left;

margin-right:10px;}

.rslides_tabs a{background:#fff; width:12px; height:12px; border:solid 1px #ddd; text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; display:inline-block; _display:block; *display:block;}

.rslides_tabs .rslides_here a{background:#C7000A}

.page_left{width:217px; background:url(../images/page_l_bg.png) no-repeat; min-height:340px; margin-top:20px;}

.page_left h3.page_l_title{height:47px; line-height:47px; text-indent:125px; font-size:16px;}

/*---ͷ��---*/

.top{position:relative; padding:20px 10px; height:80px;}

.top .logo{position: absolute; bottom:-2px; left:0;}

body .toper{padding: 5px 10px 15px 10px}

.shelf{position:absolute; top:0; right:0; padding:10px 0 15px 0; border-bottom:1px solid #ddd}

.shelf span{margin:0 10px;}

.shelf span{color:red;}

.shelf .qq{background: url(../images/qq_top_icon.png) left no-repeat; padding-left:25px; margin:0 20px 0 0}

span.tel{background: url(../images/tel_top_icon.png) left no-repeat; padding-left:30px; margin-right:20px;}

body .bg-naver{position:absolute; bottom:0;}

/*�����任*/

.fixed-top{background:#cc0033; width:100%; z-index:9999;}

.top .logo_two{display:none;}

.fixed-top .logo_two{display: block;}

.fixed-top .logo_one{display:none;}

.fixed-top .shelf{display:none;}

.fixed-top .top{height:40px; padding:0px;}

.fixed-top .toper{padding:10px;}

.fixed-top .top #naver li{background:none}

.fixed-top .top #naver li a{color:#fff; background:none; line-height:60px;}

.fixed-top .top #naver li a:hover{background:none; color:#eee}

.fixed-top .top #naver .active a{color:#FBDA69; /*background:#921836*/}

.fixed-top .top #naver .active .drop-menu a{background:none; color:#666}

.fixed-top .top #naver .active li a:hover{color:#cc0033}

.fixed-top .top #naver .drop-menu a{color:#666}

.fixed-top .top #naver .drop-menu{margin-top:0px;}

.fixed-top .top #naver .drop-menu li a{line-height:35px;}

.fixed-top .top #naver .drop-menu b{display:none}

.fixed-top .bg-naver{bottom:-10px;}

.fixed-top .top .logo{bottom:5px;}

.fixed-top #naver .top li.liactive{background:none}

/*����*/

#naver .bg-inverse .nav .active a{background:none; border-bottom:1px solid red; color:red}

body .bg-naver{position:absolute; bottom:-15px; right:0; background:none;}

.top #naver li a{color:#666; font-size:15px; line-height:30px; padding:0 10px;}

.top #naver li{line-height:30px; background:none}

.top #naver .active a{background:none; color:#cc0033; font-weight: 400;}

.top #naver .active a{/*color:#fff*/}

.top #naver li a:hover{background:none; color:#cc0033}

.top #naver li.liactive{/* background:#ddd*/}

.top #naver .drop-menu{position:absolute;z-index:999; left:-15px; width:130%; min-width:100%; border-radius:4px; background:#fff; border-radius: 0px;}

.top #naver .drop-menu a{line-height:30px; background:none; color:#666; border-bottom:1px #eee solid;}

.top #naver .drop-menu li{background:none;}

.top #naver .drop-menu li a:hover{background:#fff; color:#cc0033}

.top #naver .active ul li a{color:#666;}

.top #naver .active ul li a:hover{color:#cc0033}

.top #naver li{font-size:12px;}

.top #naver li a{line-height:50px; font-size:15px; text-align:center;}

.top #naver li ul li a{font-size:13px;}

.top #naver li ul li .drop-menu{display:none;}

.top #naver li ul li .drop-menu{padding:0px; border:none;}/*1111*/

.top #naver li ul li:hover .drop-menu{display:block;}

.top #naver .drop-menu b{display:block; text-align:center; line-height:3px;}

.top #naver .drop-menu{padding:0px; border:none; margin-top:-10px; -webkit-box-shadow:none; box-shadow:none;}

/**/

#subnav h3{float:left;}

#subnav li{float:left; height:37px; margin:0 5px;}

#naver li a{padding:0 10px;}

#subnav li:hover{color:red; background:url(../images/nav_bi.png) no-repeat bottom;}

#subnav li a{background:#f0f0f0; border:none; font-size:14px; color:#666; padding:5px 44px;}

#subnav li a:hover{color:#cc0033;}

#subnav .hover a{color:#cc0033}

#subnav li.hover{background:url(../images/nav_bi.png) no-repeat bottom;}

/*����ͼƬ*/

h2.img_rom{display:block; padding:20px 10px 40px 10px; margin:auto;}

.img_rom img{padding-bottom:10px; display:block; margin:auto;}

.img_rom b{display:block; width:100%; font-weight:400; font-size:12px; color:#666; text-align:center}
.img_rom i{display:none;}
.img_rom a{ color:#666; }

.img_rom a:hover b{color: #cc0033 }

/*

.upper{background: url(../images/up_bg.jpg);}

.upper h3{float:right;display:block; text-align:right;line-height:30px;color:#fff; background:url(../images/tel_top_icon.png) no-repeat left;padding-left:25px;}

div.room_one{padding-bottom:50px;}

.room_one .box{display:block; text-align:center; margin:auto;padding:20px 0;}

.room_one .grid-big{padding-left:0px;}

.room_one .grid-big li{}

.room_one .grid-big li div{background:#eee; border:solid 1px #fff}

.room_one .grid-big li div:hover{border:solid 1px #cc0033}

.room_one .grid-big li h3{font-size:18px; color:#434343}

.room_one .grid-big li p{font-size:15px; color:#858585;}

.room_one .grid-big li a{margin:5px 5px 5px 20px;display:block;padding:10px}

.room_one .grid-big li a:hover{color:#cc0033}

.room_one .grid-big li a:hover h3{color:#cc0033}

.room_one .grid-big li a:hover p{color:#cc0033}

div.room_two{padding-bottom:50px;}

.room_two .up{background:#eee;}

.room_two .up .container{position:relative;}

.room_two .up .container .xv{position:absolute; right:0; top:0;}

.room_two .up img{padding:10px 0; display:block; text-align:center; margin:auto;}

.room_two .grid-big{}

ul.ix_pt{margin: 30px -20px -20px -20px;}

ul.ix_pt{}

ul.ix_pt .space{padding:20px;}

ul.ix_pt li img{width:100%;}

ul.ix_pt li a{display:block; border: 7px solid #ececec}

ul.ix_pt li a:hover{border:solid 7px #cc0033}

ul.ix_pt li a:hover h3{background:#cc0033;color:#fff}

ul.ix_pt li a:hover img{opacity: 0.7;}

ul.ix_pt li div{position:relative;margin:2px;}

ul.ix_pt li h2{display:none;position:absolute; bottom:25px; text-align:center;min-width:100%; padding:0px; font-size:13px; color:#999; line-height:25px; background: url(../images/up_bg.jpg)}

ul.ix_pt li h3{text-align:left;line-height:25px; padding:0 5px;color:#fff; font-size:13px; background:#b2b2b2}

ul.ix_pt li h3 span{float:right;}

ul.ix_pt li:hover h2{display:block;}

ul.pt_po{margin-top:-20px;}

.link{padding:20px 0;background:#f6f6f6}

.link h3{color:#666;margin-bottom:10px;}

.link a{color:#999;margin-right:20px;}

.pg_con ul{padding-left:0;}

.pg_con li{display:block;text-align:center; color:#666}

.pg_con li div{height:170px;padding:20px;background:#eee;}

.pg_con li h4{margin:10px 0 5px 0;}

.pg_con h3{font-size:28px; color:#666; text-align:center; padding:20px 0; font-weight:400;}

.pg_con a{clear:both; display:block; color:#666;}

.pg_ad{margin-top:20px;background:#f6f6f6}

.pg_ad ul{padding-left:0;}

.pg_ad h4{padding:10px 0 10px 40px; color:#333; font-size:17px;}

.pg_ad p{color:#666}

div.pg_ad .two{padding:20px;}

.pg_ad .one h4{color:#31a0e1; background:url(../images/bus.png) no-repeat left;}

.pg_ad .two h4{color:#de6764;background:url(../images/self.png) no-repeat left;}

.pg_ad .three h4{color:#9ac047;background:url(../images/way.png) no-repeat left;}

*/

/*---��ϵ����---*/

.cont_map{}

div.con_seat{padding:30px 10px;}

.con_coe li{position:relative; text-align:center;}

.con_coe li .ii{display:none;}

.con_coe li:hover .xx{display:none}

.con_coe li:hover .ii{display:block; top:0; text-align:center; margin:auto}

.con_coe li:hover h3, .con_coe li:hover p{color:#cc0033}

.con_coe h3{color:#000; font-size:18px; line-height:35px;margin:10px 0;}

.con_coe p{height:60px; color:#5e616d; font-size:16px;}

div.con_reach{padding:20px 10px; background:#f6f6f6}

.con_road{/*margin-bottom:10px;*/}

.con_road p{width:80%; margin:auto; margin-top:20px; color:#5e616d; font-size:13px;}

.con_road li img{display:block; margin:auto; text-align:center;    border-radius: 8px 8px 0px 0;}

.con_road .bor{border-right:1px #ddd solid; border-left:1px #ddd solid}

/*��ҳ����*/

#subnav{margin-bottom:30px}

#subnav li a{border-radius:0px; padding:7px 44px; background:#ddd; font-size:16px; color:#000}

#subnav li a:hover{background:#cc0033; color:#fff;}

#subnav .active{background:#cc0033; color:#fff}

/*�����б�*/

div.list_news{ float:left;width:100%; margin-top:0px;}

.list_news li.space{padding:6px 10px}

.list_news li .bor{height:160px; border:1px solid #fff; background:#f6f6f6}

.list_news li .bor:hover{border:#cc0033 solid 1px}

.list_news li .left{float:left; padding-bottom:20px; width:17%; height:100%; display:block; text-align:center; background:#e7e7e7;}

.list_news li .left i{background:url(../images/time.png) bottom center no-repeat}

.list_news li .left img{padding:10px 0;}

.list_news li .left b{display:block; color:#a5a5a5; font-size:50px;}

.list_news li .left span{display:block; padding-bottom:10px; color:#a5a5a5; font-size:12px; border-bottom: 1px #fff solid}

.list_news li:hover .left span{border-bottom:1px #e07a93 solid; color:#f5ccd6}

.list_news li:hover .left span b{color:#f5ccd6;}

.list_news li:hover .left{background:#cc0033}

.list_news li .right{float:right; width:83%; padding:10px 20px 20px 20px; background:#f6f6f6}

.list_news .right h3{color:#000; font-size:16px; margin-bottom:10px;}

.list_news .right a:hover h3, .list_news .right a:hover p{color:#cc0033;}

.list_news .right p{color:#959595; font-size:12px; text-indent:0em}

.news_site h2{float:left;}

.news_site .bread{margin:0px;}

.news_site a{color:#999; margin:0 5px;}

.news_box{position:relative}

.news_box .pe_top{border-bottom:1px #eee solid; padding-bottom:10px;}

.news_box .pe_top h1{border:none;}

.news_box .pe_top b{margin-right:10px; font-weight:400;}

.news_box .left{}

.news_box .right{padding-left:30px;}

.news_box .right ul{padding:15px; background:#f5f5f5; wdith:100%;}

.news_box .right li{display:block; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px #ddd dashed;}

.news_box .right h2{font-size:22px; margin:0 0 10px 0; border:none; font-weight:400;}

.news_box .right h3{font-size:16px; line-height:35px; color:#666}

.news_box .right p{font-size:12px; margin-bottom:10px; color:#666}

.news_box .right li a:hover h3, .news_box .right li a:hover p{color:#cc0033}

.news_box .right span{font-size:12px; color:#999}

/*---��������---*/

.about{}
.about img{}
.about hr{background:none; border-bottom: dashed 1px #333}

.about .img_rom{padding: 20px 10px 20px 10px;}

.about p{margin:20px 0 20px 0; line-height:23px; color:#000; font-size:13px;}

.about .img_ban{}

.idea{padding:30px 0 15px 0}

.idea h3{color:#000; font-size:16px; background:#e7e7e7; text-align:center; line-height:35px;}

.idea p{margin:0px;color:#747474; font-size:12px; background:#f3f3f3; padding:10px;}

.idea ul li p{height:125px;}

/*---index��ҳ---*/

.ix_one{padding:20px 0; background:#f5f5f5;}

div.ix_two{padding:30px 10px 60px 10px}

div.ix_two .grid-big{padding:-15px;}

div.ix_two .space{/*padding:15px;*/}

/*��Ʒ�б�*/

.list_pt{ float:left;width:100%;margin-top:0px;}

.list_pt li{}

.case{}

.row{height:700px; overflow:hidden; position:relative}

.row li{opacity: 0; position:absolute;}

.list_pt li a{ background:#f6f6f6}

.list_pt li a:hover img{/*opacity: 0.7;*/}

div.list_pt li p{color:#868686; font-size:12px; background:#f6f6f6}

.list_pt .swiper-slide .bg{background:#f6f6f6;}

.list_pt li p strong{color:#000; font-size:16px; display: block; font-weight:400; padding:0 0 5px 0;}

.list_pt li a:hover{color:#fff; background:#db2242}

.list_pt a:hover div h3{color:#fff}

.list_pt a:hover div p{color:#fff}

.list_pt img{width:100%;}

.list_pt li div{/*background:#db2242;*/}

.pt_show .ptxb{padding:10px;}

.list_pt li div h3{font-size:16px; line-height:30px;}

.list_pt li div p{font-size:12px; color:#868686;}


div.pt_show-down{ padding-bottom:30px;}
.pt_show-down h2.img_rom{padding: 40px 10px 40px 10px;}
.pt_show{}

.pt_bg{background:url(../images/pt_bg.png) top repeat-x;}

.pt_show .lead{}

.pt_show .lead h1{margin-bottom:10px; font-size:28px; color:#535353}

.pt_show .lead span{font-size:13px; color:#898989}

.pt_show .pre{}

.pt_show .pre span{float:left; margin:0 10px;}

.pt_show .flip{border:none;}

.pt_show .flip .tone a, .pt_show .flip .down a{display:block; border:solid 1px #7d7d7d; padding:7px 12px;}

.pt_show .flip .vv, .pt_show .flip .vv:hover{background:#eee; border:solid 1px #7d7d7d}

.pt_show .pre .s_link{float:left; margin-left:10px; background:#B3B3B3; color:#fff; padding:8px 20px; font-size:18px}

.pt_show .pre .s_link:hover{background:#f80000}

.pt_show .flip span a:hover{background:#f80000; border:solid 1px #f80000;}

.pt_show .flip .tone .xx{display:none}

.pt_show .flip .down .xx{display:none}

.pt_show .flip .tone a:hover .ii{display:none;}

.pt_show .flip .down a:hover .ii{display:none;}

.pt_show .flip .tone a:hover .xx{display:block}

.pt_show .flip .down a:hover .xx{display:block}

div.pt_wor{padding-top:25px;}

.pt_wor h2{color:#535353; margin-bottom:10px; padding-bottom:5px; font-size:20px;}

.pt_wor .wx{color:#707070; font-size:12px; line-height:22px;}

.pt_wor .right{margin-top:-20px; padding-left:20px; padding-bottom:20px;}

.pt_wor .vbox{position:relative; width:768px; height:621px; margin:auto; /*background:url(../images/pt_show_box.png) no-repeat;*/}

.pt_wor .banner{width:710px; height:395px; margin: auto; padding-top:30px;}

.pt_wor .vbox .hv{position:absolute; z-index:99; top:0;}

.pt_wor .banner{z-index:999}

.pt_wor .banner .pager-next{display:block;}

.pt_wor .banner .pager-prev{display:block;}

.pt_wor .pager-next:hover{background:none;}

.pt_wor .pager-next{display:block; border:none; background:none; font-size:50px;}

.pt_wor .pager-prev:hover{background:none;}

.pt_wor .pager-prev{display:block; border:none; background:none; font-size:50px;}

.pt_wor .pointer .active{background:#f80000}

.pt_wor .pointer li{background:#ddd}

/*

�����

.gm_projects{height:670px;overflow:hidden;position: relative;}

.gm_projects li{position:absolute;opacity: 0;}

.gm_projects li .case_pt img{width:382px;height:278px;}*/

/*��ҳͼ��任*/

.index_big_box{width:1200px; margin:0px auto;}

.ix_one .grid-big{padding:20px 0px 10px 0px; overflow:hidden;}

.ix_one .grid-big li{padding:0px 22px; color:#1a1a1a; float:left; position: relative; margin-top: 250px; opacity: 0; display: block;/*margin-left: 150px;*/}

.ix_one .grid-big li:hover h3{color:#cc0033;}

.ix_one .grid-big li:hover p{color:#cc0033}

#nomargin{margin:0px;}

.ix_one .grid-big li p{text-align: center;}

.ix_one .grid-big li h2, .ix_one .grid-big li h3{text-align: center;}

.ix_one .grid-big li h2 img{margin:auto; text-align: center;}

.ix_one .grid-big li h2{margin:auto; display:block; width:145px; height:145px; cursor: pointer; transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;}

.ix_one .grid-big li h2:hover{transform: rotate(360deg); -ms-transform: rotate(360deg);/* IE 9 */ -webkit-transform: rotate(360deg);/* Safari and Chrome */ -o-transform: rotate(360deg);/* Opera */ -moz-transform: rotate(360deg);/* Firefox */}

.ix_one .grid-big li h2.ic_1{background: url(../images/ic_hh_1.png) no-repeat center top;}

.ix_one .grid-big li h2.ic_2{background: url(../images/ic_hh_2.png) no-repeat top;}

.ix_one .grid-big li h2.ic_3{background: url(../images/ic_hh_3.png) no-repeat top;}

.ix_one .grid-big li h2.ic_4{background: url(../images/ic_hh_4.png) no-repeat top;}

.ix_one .grid-big li h3{font-size:25px; color:#000; margin:16px 0px 10px 0px;}

.ix_one .grid-big li p{font-size:12px; padding:0 20px; line-height:24px; color:#898989; text-align:inherit;}

.ix_one .grid-big li p a.look_btn{width:106px; height:33px; background: url(../images/look_btn1.png) no-repeat; display: inline-block;}

/**/

.ix_three{background:#e9f1f6; padding:20px 0;}



.ix_three .left{ float:left; width:38%; background:#e1eaf0}

.ix_three .left img{ width:100%;opacity: 0.9;}

.ix_three .left h3{ padding:10px 10px; font-size:18px; color:#333}

.ix_three .left p{ font-size:13px; color:#666;padding:0 10px;}

.ix_three .left a{ }

.ix_three .left a:hover img{opacity: 1;}

.ix_three .left:hover{background:#cc0033}

.ix_three .left:hover h3,.ix_three .left:hover p,.ix_three .left:hover a{ color:#fff;}



.ix_three .right{ float:right; width:60%;}



.ix_three .right a{ float:left; width:100%; margin:0 0 14px 0; display:block; background:#fff; padding:10px;}

.ix_three .right a span{ float:left; wdith:12%; display:block; padding:10px; color:#fff; background:#999; font-size:12px; text-align:center;}

.ix_three .right a span b{ display:block; clear:both; font-size:18px; margin-bottom:5px}

.ix_three .right a div{ float:left;width:88%;padding-left:10px;}

.ix_three .right a div h3{padding:0px 0 3px 0; color:#333; font-size:15px;}

.ix_three .right a div p{ color:#999; font-size:12px; line-height:20px; margin:0px;}

.ix_three .right a:hover{ background:#cc0033}

.ix_three .right a:hover span{ background:#eee; color:#666}

.ix_three .right a:hover div h3,.ix_three .right a:hover div p{ color:#fff}

/*.ix_three .grid-big{}

.ix_three .grid-big .xm4, .ix_three .grid-big .xs4{padding:10px 15px;}

.ix_three ul li img{width:100%;}

.ix_three ul li .rox{position:relative; display:block}

.ix_three ul li a.rox:hover{background:#db2242}

.ix_three ul li a.rox:hover img{opacity: 0.7;}

.ix_three ul li a.rox:hover h2{background:#db2242}

.ix_three ul li h2{position:absolute; left:0; bottom:0; font-size:16px; background: url(../images/black.png); color:#fff; line-height:35px; text-align:center; width:100%;}

.ix_three ul li a{}

.ix_three ul li a{}

.ix_three ul li:hover a img{opacity: 0.7;}

.ix_three ul li:hover a h3{color:#db2242}

.ix_three ul li:hover a span{color:#db2242}

.ix_three ul li .rom{display:block; clear:both; line-height:30px; font-size:12px; background:#e9f1f6; border-bottom: 1px #ccc dashed; padding-left:10px;}

.ix_three ul li .rom span{float:right; color:#868686; line-height:24px; font-size:12px;}

.ix_three ul li .rom a:hover span{color:#db2242}

.ix_three ul li .rom{background:none; padding-left:0px; line-height: inherit; border:none;}

.ix_three ul li .rom h3{color:#000; line-height:35px; margin:5px 0 5px 0; font-size:15px;}

.ix_three ul li .rom span, .ix_three ul li .rom a.ine:hover span{margin-bottom:5px; font-size:12px; color:#868686;}

.ix_three ul li .rom:hover h3{color:#db2242;}*/

/**/

div.ix_four{padding:30px 10px 50px 10px;}

.ix_four .img_rom{padding:20px 10px 30px 10px}

.ix_four .box{float:left; border-left:solid 1px #ddd; border-top:solid 1px #ddd}

.ix_four .box a{float:left; width:16.66%; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd}

.ix_four .box img{ margin:auto;display: block; /*height:69px;width:100%;*/}

.ix_four .box b{display: block; width:100%; }

.ix_four .box b:hover{/*border:solid 1px #f60;*/}

.ix_four .box a img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);opacity: 1;}

.ix_four .box a img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;
opacity: 0.6;
}

/*�������*/

.rollBox{position:relative; margin-bottom:10px;/*width:960px;height:122px;margin:10px 9px;*/ overflow:hidden;/**/}

.rollBox .LeftBotton, .rollBox .RightBotton{float:left;/*margin-top:90px;*/ width:25px; height:50px; margin-top:25px; background: url("../images/scroll-left.png") no-repeat; cursor:pointer;}

.rollBox .LeftBotton, .rollBox .RightBotton img{/*height:110px;*/}

.rollBox .LeftBotton{position:absolute; left:0; top:0}

.rollBox .RightBotton{position:absolute; right:0; top:0;}

.rollBox .RightBotton{background: url("../images/scroll-right.png") no-repeat; float:right;}

.rollBox .Cont{margin:auto; overflow:hidden;}

.rollBox .ScrCont{width:32766px;}

.rollBox #List1, .rollBox #List2{float:left;}

.rollBox .pl{float:left; width:188px; overflow:hidden; text-align:center;}

.rollBox .pl a img{border:solid 1px #ddd}

.rollBox .pl a{display:block; position:relative;}

.rollBox .pl a h5{color:#666; text-align:left; clear:both; font-weight: 100; font-size:13px; width:140px; margin:0 10px; line-height:30px;}

.rollBox .pl a span{float:right; color:#888;}

.rollBox .pl a:hover h5{clear:both; background:url("../images/hh5b.png");}/**/

.rollBox .pl a:hover span{}

.rollBox .pl a:hover img{border:solid 1px #db2242}

.rollBox .pl a:hover{}

.rollBox .pl a:hover h5{color:#cc0033;}

/*---����Χ---*/

.sre_nav #naver .active a{color:#eee; /*background: url(../images/black.png)*/}

.sre_nav{position: fixed; top:0; z-index:999; width:100%; background:url(../images/black.png)}

.sre_nav .top #naver .drop-menu li a{border-bottom: 1px solid #333}

.sre_nav #naver .drop-menu a{border-bottom:none;}

div.sre_nav .top{height:40px; padding:0px;}

body .sre_nav .toper .top a.logo{bottom:3px;}

div.sre_nav .toper .top a.logo{bottom:3px;}

.sre_nav .toper{padding:10px;}

.sre_nav .bg-naver{bottom:-7px;}

.sre_nav .top #naver a{line-height:50px;}

.sre_nav .top #naver .drop-menu{margin-top:0px;}

.sre_nav #naver .drop-menu{background:url(../images/black.png)}

.sre_nav .top #naver .drop-menu a{color:#999; line-height:30px;}

.sre_nav .top #naver .active ul li a:hover{color:#666}

.sre_nav .top #naver .drop-menu li a:hover{color:#666}

.sre_nav #naver li a{color:#999; line-height:30px;}

.sre_nav #naver li a:hover{color:#fff}

body .sre_nav .bg-inverse .nav .active a{background:none;}

#superContainer{height: 100%; position: relative;}

.section{position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.section img{height:100%; width:100%; position:absolute; top:0;}

.slide{float: left;}

.slide, .slidesContainer{height: 100%; display: block;}

.slides{height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.section.table, .slide.table{display: table; width: 100%;}

.tableCell{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.slidesContainer{float: left; position: relative;}

.controlArrow{position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px;}

.controlArrow.prev{left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}

.controlArrow.next{right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}

.scrollable{overflow: scroll;}

.easing{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}

#fullPage-nav{position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}

#fullPage-nav.right{right: 17px;}

#fullPage-nav.left{left: 17px;}

.fullPage-slidesNav{position: absolute; z-index: 4; left: 50%; opacity: 1;}

.fullPage-slidesNav.bottom{bottom: 17px;}

.fullPage-slidesNav.top{top: 17px;}

#fullPage-nav ul, .fullPage-slidesNav ul{margin: 0; padding: 0;}

#fullPage-nav li, .fullPage-slidesNav li{display: block; width: 14px; height: 13px; margin: 7px; position:relative;}

.fullPage-slidesNav li{display: inline-block;}

#fullPage-nav li a, .fullPage-slidesNav li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}

#fullPage-nav li .active span, .fullPage-slidesNav .active span{background: #333;}

#fullPage-nav span, .fullPage-slidesNav span{top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1;}

.fullPage-tooltip{position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px;}

.fullPage-tooltip.right{right: 20px;}

.fullPage-tooltip.left{left: 20px;}

/*---�Ų�---*/

body .footer{position:relative; background:url(../images/foot_bg.jpg)}

body .footer{color:#707070; font-size:12px;}

body .footer p a{float:right; clear:inherit;}

body .footer a{color:#fff; padding:0 15px 0 15px; font-size:14px; background:url(../images/foot_i.jpg) no-repeat right}

body .footer a:hover{color:#fff}

body .footer .foot_nav{margin-left:-10px;}

body .footer .bottom{position:absolute; bottm:0; line-height:25px; color:#666; font-size:12px; background:#000; padding:20px 0; width:100%;}

body .footer .link{clear:both; margin-top:20px; padding:10px 0; border-top: solid 1px #303030; line-height:30px;}

body .footer .link h3{float:left; color:#868686; font-size:14px;}

body .footer .link a{float: left; display:block; clear:none; padding:0 10px; line-height:33px; color:#5f5f5f}

body .footer .link a:hover{color:#fff;}

body .footer h2{font-size:16px; color:#f3f3f3; margin-bottom:10px;}

body .footer p{color:#868686; font-size:12px;}

body .footer a{clear:both; line-height:25px; padding:0px; display:block; color:#868686; font-size:12px;}

body .footer span{padding-left:20px; display:block; line-height:27px; clear:both; text-align:left;}

body .footer .tel{background:url(../images/tel_foot_icon.png) no-repeat left;}

body .footer .fax{background:url(../images/fax_foot_icon.png) no-repeat left;}

body .footer .qq{background:url(../images/qq_foot_icon.png) no-repeat left;}

body .footer .weixin{background:url(../images/weixin_foot_icon.png) no-repeat left;}

body .footer .add{background:url(../images/add_foot_icon.png) no-repeat left;}

body .footer .emi{background:url(../images/emi_foot_icon.png) no-repeat left;}

body .footer .rox{width:100%; clear:both;}

body .footer .form-group{float:left;}

body .footer .rox .form-group{float:left; width:50%;}

body .footer .rox .form-group input{width:100%; height:27px; color:#fff}

body .footer .view-body .con{width:100%;}

body .footer .view-body .con .field{width:88%;}

body .footer .view-body .con .label{width:9%;}

body .footer .view-body input{border-radius: 0px; border:#626262 solid 1px; background:none;}

body .footer .view-body textarea{border-radius: 0px; border:#626262 solid 1px; background:none; width:100%; color:#fff}
body .footer .view-body textarea#content{ background:none}
body .footer .view-body .form-button{clear:both; margin-right:10px;}

body .footer .view-body .form-button .button{float:right; padding:5px 20px; border-radius: 0px; border:none; background:#4f4f4f; color:#f1f1f1}

body .footer .view-body .form-button .button:hover{background:#999}

body .footer .xxp{margin: auto; width:200px;}

body .footer .xxp a{float:left; clear: inherit;}

body .footer .xxp #cnzz_stat_icon_1256701214{float:left; clear: inherit;}

body .footer .xxp #cnzz_stat_icon_1256701214 img{float:left; margin-top:7px;}

/*----------------------------------------*/

/*�����б�--*/

body .detail ul li a{}

body .detail ul li a:hover{color:#cc0033}

/*���л�ɫ*/

#rack .stripe li.alt{background: #f9f9f9; padding:0 10px; border-bottom:1px solid #eee;}

.arr{background: url(../images/arrow.png) no-repeat left; padding:0 10px;}

#rack .stripe li{background: #FFF; padding:0 10px; border-bottom:1px solid #eee;}

/*��ҳ--*/

#rack{padding:20px 10px;}

#rack .left{}

#rack ul{list-style:none;}

/*��ҳbanner*/

.pages_banner{overflow: hidden;}

.pages_banner img{}

/*��ϸҳͷ*/

.pe_top{width:100%; margin:20px 0 10px 0;}

.pe_top h1{font-size:19px; line-height:35px; font-weight:400; text-align:center; border-bottom: solid 1px #f5f5f5}

.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}

/*site*/

#rack .right h2{}

#rack .right .bread a{}

#rack .right .bread a:hover{color:#cc0033}

/*��ҳ���*/

body .lefter .nav li{background:#f5f5f5;}

body .lefter .nav li a:hover{background:#fff;}

body .lefter .nav-sub a{margin-bottom:0px;}

body .lefter #subnav .nav-head{height:40px; line-height:40px; background:#0F6CB6; color:#fff; margin-bottom:0px; font-size:18px}

body .lefter #subnav .active a{color:#cc0033; border-color: #cc0033;}

body .lefter #subnav li a:hover{color:#cc0033}

.con_p{line-height:24px; padding:10px 10px; border:solid 1px #eee}

.con_p img{margin:0 0 10px 0; width:100%;}

/*��ҳ���_����*/

body .lefter #subnav .active .ace{display:block; color:red; border-color: #cc0033;}

body .lefter #subnav li ul li a, body .lefter #subnav .active ul li a{padding-left:30px; border-color: #ddd; color:#666}

body .lefter #subnav a.hover{display:block; color:#cc0033;}

body .lefter #subnav .active a.hover{color:red;}

body .lefter #subnav .navbx{display:block}

body .lefter #subnav li ul{display:none;}

body .lefter #subnav li:hover ul{display:block;}

/*��ҳ�Ҳ�*/

body .rack .right #big{width:100%;}

body .detail{margin:20px 0 0 0; color:#666; font-size:13px;}

/*��ҳ��ҳ*/

.flip{ float:left;width:100%; position:relative; margin:28px 0 5px 0; padding:5px 0; border-top: solid 1px #ddd}

/*.flip hr{padding:0px;margin:0px 0 5px 0; border:none; background:#ddd;height:1px;}*/

.flip div{float:left;}

.flip span{margin-top:5px;}

.flip .tone{display:block}

.flip .list span{margin-top:5px;}

.flip .list{float:left; width:100%; display:block;}

.flip .list a{ width:100px; text-align:center; margin:auto;padding:6px 15px;  border:solid 1px #ddd; display:block;}

.flip .list a:hover{border:solid 1px #cc0033; color:#cc0033}

.flip .down{display:block}

.flip a{color:#777}

/*��ҳ*/

#pages{margin:30px 0 50px 0;}

#pages .a1{display:none;}

#selectreadpage{display:none;}

#pages a{background:#fff; color:#666; margin:0 2px; padding:5px 10px; font-size:13px; border:solid #ddd 1px; border-radius:4px;}

#pages a:hover{background:#eee}

#pages span{background:#ff0000; color:#fff; margin:0 2px; padding:5px 10px; font-size:13px; border:solid #ff0000 1px; border-radius:4px;}

/*����--*/

.view-body{padding-top:15px;}

body .form-x .form-group .label{width:18%;}

body .form-x .form-group .field{width:76%;}

body .form-x .form-button{margin-left:30%;}

/*��Ʒ--*/

.ix_pt li img{width:100%;/*border:solid 1px #ddd; */ padding:2px;}

.ix_pt li h3{font-size:13px; color:#666; text-align:center;}

.ix_pt li a:hover h3{color:#cc0033;}

.ix_pt li a:hover img{/*border:solid 1px #cc0033*/}

/*����ҳ���Ʒ*/

.pt_sw{margin-top:20px;}

.pt_sw h1{line-height:50px;}

.pt_sw .banner:hover .pager-prev, .pt_sw .banner:hover .pager-next{display:none;}

.pt_sw .pointer{display:none;}

.pt_sw .item{margin:0 10px;}

/*����--*/

body .img-responsive{margin:auto; width:100%}

body .bread{color:#ddd}

.wor{padding:10px 0px; line-height:23px; font-size:13px; color:#666;}
.about p{line-height:23px; font-size:13px; }
.page_v{margin:20px 0 0 0;}

#naver li:hover{/*background: url(../images/lix.png) no-repeat bottom*/} @media (min-width:760px){/*�ʼDZ�*/ .ui_i div span{font-size:11px;} .ui_i div span b{font-size:20px;} .ui_i div{width:33%;

padding:0 20px;} .business .box ul.items .pc:hover{background:url(../images/ui_ixai.png) no-repeat center;}/**/ .business .box ul.items .mobi:hover{background:url(../images/ui_ixbi.png) no-repeat center;}/**/ .business .box ul.items .sys:hover{background:url(../images/ui_ixci.png) no-repeat center;}/**/ .business .box ul.items .app:hover{background:url(../images/ui_ixdi.png) no-repeat center;}/**/ .business .box ul.items li u{margin-left:10px} .business .box ul.items li{width:24%;}

/**/

body .footer .rom{text-indent:5em;} body .footer .f_tel{clear:both}

/**/

/*body .footer .rom{text-indent:4em}*/

/**/

.rollBox .Cont{width:555px;} .rollBox .LeftBotton{left:50px;} .rollBox .RightBotton{right:50px;}

/**/

/*.ix_one .grid-big{height:646px;}*/

.case .swiper-container.items .swiper-slide .shade{height:257px;}} @media (min-width:1000px){/*��ͨ����*/ .ui_i div span{font-size:13px;} .ui_i div span b{font-size:25px;} .ui_i div{width:33%;

padding:0 20px;} .business .box ul.items .pc:hover{background:url(../images/ui_ixai.png) no-repeat center;}/**/ .business .box ul.items .mobi:hover{background:url(../images/ui_ixbi.png) no-repeat center;}/**/ .business .box ul.items .sys:hover{background:url(../images/ui_ixci.png) no-repeat center;}/**/ .business .box ul.items .app:hover{background:url(../images/ui_ixdi.png) no-repeat center;}/**/ .business .box ul.items li u{margin-left:35px} .business .box ul.items li{width:24%;}

/**/

.list_news li .bor{height:150px;}

/**/

body .footer .rom{text-indent:11em}

/**/

.rollBox .Cont{width:939px;} .rollBox .LeftBotton{left:0px;} .rollBox .RightBotton{right:0;}

/**/

.ix_one .grid-big{height:346px;} .case .swiper-container.items .swiper-slide .shade{height:165px;}} @media (min-width:1200px){/*��������*/



.banner_ul img{

width: 1920px;

position: relative;

margin-left: -960px;

left: 50%;

clear: both;

}



.pages_banner img{width: 1920px;

position: relative;

margin-left: -960px;

left: 50%;

clear: both;}

 .ui_i div span{font-size:13px;} .ui_i div span b{font-size:25px;} .ui_i div{width:33%;

padding:0 20px;} .business .box ul.items .pc:hover{background:url(../images/ui_ixai.png) no-repeat center;}/**/ .business .box ul.items .mobi:hover{background:url(../images/ui_ixbi.png) no-repeat center;}/**/ .business .box ul.items .sys:hover{background:url(../images/ui_ixci.png) no-repeat center;}/**/ .business .box ul.items .app:hover{background:url(../images/ui_ixdi.png) no-repeat center;}/**/ .business .box ul.items li u{margin-left:63px} .business .box ul.items li{width:24%;} .rollBox .Cont{width:1130px;} .rollBox .LeftBotton{left:0px;} .rollBox .RightBotton{right:0px;} body .footer .rom{width:12%;

padding:10px 35px;

text-indent:inherit;} body .footer .f_tel{clear:inherit;} .case .swiper-container.items .swiper-slide .shade{height:200px;}} 



#map{height:450px;}
.blockOne{height:20px;}
@media (max-width:760px){/*�ֻ�*/ 

.con_coe li img{ width:50%}
.con_coe h3{ margin:10px 0 5px 0; line-height:20px;}
.con_coe p{ height:20px;}
.con_road li img{ float:left; width:25%}
.con_road li div{ float:left; width:75%}
.con_road li div p{padding:0 0 0 20px; margin-top:0px; text-align:left;}
div.con_seat{padding:30px 10px 10px 10px;}
div.con_reach{}
div.about .img_rom{padding: 0px 10px 0px 10px}

.news_box .pe_top{ margin-top:10px}
.blockOne{height:10px;}
.pt_show-down h2.img_rom{padding: 20px 10px 0px 10px;}

.sre_nav #header{ background:none; border:none}
.sre_nav #header #menu-btn span{ background-color:#fff;}
.sre_nav #header .wrap{ height:50px;}
.sre_nav .logo{ display:none}
.sre_nav .logi img{ margin:10px 15px; height:30px;  }
.sre_nav #menu-btn{ top:-8px;}

.logi img{ height:35px; margin:13px 10px}

div.fixed-top .logo_one{ display:none}
div.fixed-top .logo_two{ display:none}
.fixed-top{ background:none;}

.img_rom i{display: block; font-size:12px; color:#666;font-style:normal; text-align:center}
.img_rom b{display:none;}

#map{height:170px;}

.banner_ul img{

width:100%;

position: relative;

margin-left:inherit;

left: inherit;

clear: both;





}





.pages_banner img{





width: 100%;}



body p{line-height:22px;}

.ix_three .left p{}



.ix_one .grid-big li{ width:25%;}

.ix_one .grid-big li h2.ic_1{ }

.ix_one .grid-big li h3{ font-size:14px;}

.ix_one .grid-big li{padding:0 10px;}

.ix_one .grid-big li h2{ width:auto;height:70px;}

.ix_one .grid-big li h2.icon{background-size:70px;}

div.ix_one .grid-big{padding:0px; height:105px;}



div.case .swiper-container.items .swiper-slide .bg{height:45px;}

.row{height:380px;}

.ix_three .right a span{width:20%;}

.ix_three .right a div{width:80%;}

.ix_four .box{ width:100%;}

.ix_four .box a{width:33.3%;}

.ix_four .box img{height:35px;}

.top .logo img{ height:35px;}

.ix_four .box a img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}

.banner_box .pager-next{ top:20%;}

.banner_box .pager-prev{ top:20%;}

ul.rslides_tabs.rslides1_tabs{ bottom:0;}

div.footer{padding:0px;}



.list_news li .left{width:25%; padding-bottom:0px;}

.list_news li .right{width:75%;padding: 10px 20px 0px 20px;}

.list_news .right p{line-height:20px; margin-bottom:0px;}

.list_news li .bor{height:auto;}



.pa_nav{ float:left; margin:10px 0; text-align:center; width:100%;}

.pa_nav li{ width:25%; display:inline-block;     }

.pa_nav li a{ display:block; font-size:12px; margin:0 3px; padding:5px 2px;

    background: #ddd;border-radius: 5px;}

.pa_nav li a:hover,.pa_nav li a.active{ background:#cc0033;color:#fff;}	









.img_rom img{height:50px;}

h2.img_rom{  width:100%;padding: 0px 10px 15px 10px;}
div.ui_box .img_rom{ width:170px;padding-bottom: 20px;}
.ix_four .img_rom{padding: 0px 10px 10px 10px;}
.ix_three .left{ width:100%}

.ix_three .right{ width:100%;}


div.business .box ul.items li i{ margin-top:0px;}
div.ui_i{ margin-top:0px;}
div.ui_box{margin:15px 0 0px 0}
.ui_i div{width:100%;

padding:0 20px;

margin:5px 0 10px 0;} 
.ui_i div span{font-size:13px;}
 .ui_i div span b{font-size:25px;}
  body .business .box ul.items li u{display:none;}
   body .business .box ul.items li{ margin-bottom:20px;width:45%;

height:inherit;} body div.business .box ul.items li:hover{background:#f60;} body .business .box ul.items li strong{margin-top:10px;}

/*.business .box ul.items li:hover p{top: inherit;}

body .business .box ul.items li i{float:left;}

body .business .box ul.items li strong{float:left;}

body .business .box ul.items li:hover strong{margin-top: 60px;}

body .business .box ul.items li strong{margin-top: 60px; margin-left:10px;}

body .business .box ul.items li p{float:left; margin-left:10px;}*/

body .toper{padding:0px;} 
.top{height:61px;

padding:0px;} .top .logo{top:10px;

left:10px;} body .bg-naver{width:100%;

bottom:0;} .top .bg-naver .nav{/*position:absolute;*/

width:100%;

top:60px;

background:#fff;

border:solid 1px #ddd;

z-index:999;

padding:-10px;} .top #naver{} .top #naver{padding:0px;

background:#cc0033} .top #naver li{float:left;

width:25%;

padding:0 1px 1px 0;

border-right:solid 1px #fff;

border-bottom:solid 1px #fff;} .top #naver li a{color:#666} .top #naver .active a{background:#fff;

color:#cc0033} .top #naver li a{color:#fff;

line-height:30px;

text-align:center;

text-indent: 0em;

background:#cc0033} .top #naver li a:hover{background:#fff;

color:#cc0033} .top #naver .drop-menu{width:100%;

min-width:100%;

margin-top:0px;

left:0;} .top #naver .drop-menu li{width:inherit;} .top #naver .drop-menu li a{background:#fff;

color:#666} .top #naver .drop-menu li a:hover{color:#cc0033} .top #naver .drop-menu li a{text-align:center;

padding:0px;}

/**/

.fixed-top .toper{padding:10px 0;} .fixed-top .top #naver li a{line-height:30px;} .fixed-top .toper #naver{border:none} .fixed-top .toper .top{height:45px;}

/**/

.con_road p{width:100%;

text-align:center;}

/*

.list_news li .left{width:100%;}

.list_news li .right{width:100%;}*/

/**/

.pt_wor .right{padding:10px 0;}

/**/

body .footer .view-body .form-button{margin-right:100px;}

/**/

.foot_cl{clear:both;}

/**/

div.ix_two{padding:30px 10px 20px 10px;}

/**/

.ix_one .grid-big{height:646px; margin-top:5px;}

/*����*/

/*����*/

body .sre_nav .toper{padding:0px;} div.sre_nav .top{height:50px;

padding:0px;} .sre_nav .top .logo{top:10px;

left:10px;} .sre_nav .bg-naver{top:50px;} .sre_nav .top .float-right{margin-top:0px; /*background:#616161;*/

color:#eee} .sre_nav .top .float-right:hover{background:#000} .sre_nav .top .float-right:focus{background:#000} .sre_nav .top #naver{padding:0px;

background:#fff;

border:solid 1px #333} .sre_nav .top #naver li{width:25%;

padding:0 1px 1px 0;

border-right:solid 1px #333;

border-bottom:solid 1px #333;} .sre_nav .top #naver .active a{background:none;

color:#333} .sre_nav .top #naver li a{color:#666;

line-height:30px;

text-align:center;

text-indent: 0em;

background:none} .sre_nav .top #naver li a:hover{background:none;

color:#999} .sre_nav .top #naver .drop-menu{width:100%;

min-width:100%;

background:#666;

margin-top:0px;} .sre_nav .top #naver .drop-menu li{width:inherit;

border:none;} .sre_nav .top #naver .drop-menu li a{color:#fff;

border-bottom:1px solid #555} .sre_nav .top #naver .drop-menu li a:hover{color:#999} .sre_nav .fixed-top .top .logo{display:none}

/*����*/

/*

.top .bg-naver{position: relative;}

.top .bg-naver .nav{position:absolute;width:100%; top:60px;background:#fff; border:solid 1px #ddd;z-index:999;padding:-10px;}

#naver li{background:none;padding:3px 0;}

#naver li a{color:#666}

#naver li a:hover{background:#eee}

#naver li .drop-menu{border:1px #ddd solid;width:200px;min-width: inherit; background:#fff;}

#naver li ul li .drop-menu{position:inherit;width:100%;border:none;min-width: 100%; -webkit-box-shadow:inherit; box-shadow:inherit;}

#naver li ul li .drop-menu li{border:none}

#naver li ul li .drop-menu li a{color:#666}*/

.top .float-right{margin-top:12px;} .room_one .box{width:100%} .room_two .grid-big{padding-left:0px;} ul.ix_pt .space{padding:10px;} ul.ix_pt{margin:10px 0 0 0;} .footer .left img{display:block;

text-align:center;

margin:auto;

margin-bottom:20px;} .footer .right{text-align:center;} .pg_con h3{padding:10px;} #rack{padding:10px 10px 0 10px;} .img_rom{width:100%} .rollBox .Cont{width:380px;} .rollBox .LeftBotton{left:20px;} .rollBox .RightBotton{right:20px;}

/*��Ʒ��ϸͼ*/
div.pt_wor{padding-top:10px;}
.pt_wor .vbox{position:relative;

width:330px;

height:210px;

margin:auto;/* background-size:100%;background:url(../images/pt_show_box.png) no-repeat;*/} .pt_wor .vbox .hv{position:absolute;

z-index:-99;

width:100%;} .pt_wor .vbox .hv img{width:100%;} .pt_wor .banner{width:311px;

height:180px;

margin: auto;

padding-top:13px;} .case .swiper-container.items .swiper-slide .shade{height:190px;}}

/*

section.case{background:url(../images/wp3.jpg);}

.case .box{position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .caption{width:100%;text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}

.case.active .box .caption{-moz-opacity:1;opacity:1;}

.case .box .caption i{display:block;margin:0 auto;margin-bottom:20px;width:129px;height:37px;background:url(../images/words.png) no-repeat 0px -528px;}

.case .box .caption span{font-size:24px;letter-spacing:3px;padding-left:10px;}

.case .box .swiper-container.items{position:relative;margin:0 auto;margin-top:60px;top:0;width:1080px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;}

.case.active .box .swiper-container.items{top:0px;}

.case .box .swiper-container.items .swiper-slide{width:340px;margin:0 10px;border-bottom:2px solid #2fd0b5;cursor:pointer;}

.case .box .swiper-container.items .swiper-slide img{width:340px;height:200px;}

.case .box .swiper-container.items .swiper-slide .shade{position:absolute;width:340px;height:200px;margin-top:-200px;background:Black;-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.case .box .swiper-container.items .swiper-slide .shade u{display:block;margin:0 auto;margin-top:78px;width:44px;height:44px;background:url(../images/icons.png) no-repeat 0px -168px;}

.case .box .swiper-container.items .swiper-slide p{position:absolute;margin:10px 20px;color:#999;font-family:Arial,"����";font-size:12px;line-height:26px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.case .box .swiper-container.items .swiper-slide p strong{color:#222;font-family:Arial,"΢���ź�";font-size:16px;font-weight:normal;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide .bg{width:340px;height:100px;background-color:#fff;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide .bg u{display:block;position:absolute;width:340px;height:100px;margin-top:150px;background-color:#2ed0b4;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide:hover .bg{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide:hover .bg u{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide:hover p{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.items .swiper-slide:hover p strong{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.case .box .swiper-container.mini,.case .box .swiper-container.xs,.case .box a.prev,.case .box a.next{display:none;}

.case .box a.more{display:block;position:relative;margin:0 auto;margin-top:50px;top:700px;width:120px;padding:5px 0px;color:#00dfb9;font-size:26px;text-align:center;text-decoration:none;border:1px dotted #00dfb9;-webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;}

.case.active .box a.more{top:0px;}

.case .box a.more:hover{color:White;background:#2fd0b5;}

section.clients{background:url(../images/wp4.jpg) 50% 90%;}*/

.ui_i{margin-top:20px;}

.ui_i div{float:left; position:relative;}

.ui_i div img{width:100%;}

.ui_i div span{position:absolute; top:0; left:0px; color:#fff; padding:20px 40px;}

.ui_i div span b{display:block; margin-bottom:10px; clear:both; font-weight:400;}

.ui_box{float:left; width:100%; margin:30px 0 50px 0;}

.ui_box .img_rom{padding-bottom:60px;}

section.business{}

.business .box{position:relative; margin-top:-55px; -webkit-transition:all .3s ease-in-out 0s;

-moz-transition:all .3s ease-in-out 0s;

-ms-transition:all .3s ease-in-out 0s;

-o-transition:all .3s ease-in-out 0s;

transition:all .3s ease-in-out 0s;}

.business .box .caption{width:100%; text-align:center; -moz-opacity:0; opacity:0; -webkit-transition:all .5s ease-in-out 0s;

-moz-transition:all .5s ease-in-out 0s;

-ms-transition:all .5s ease-in-out 0s;

-o-transition:all .5s ease-in-out 0s;

transition:all .5s ease-in-out 0s;}

.business.active .box .caption{-moz-opacity:1; opacity:1;}

.business .box .caption i{display:block; margin:0 auto; margin-bottom:20px; width:320px; height:31px; background:url(../images/words.png) no-repeat 0px -294px;}

.business .box .caption span{font-size:24px; letter-spacing:3px;}

.business .box ul.items{margin:0 auto; margin-top:60px;}

.business .box ul.items li{height:330px; margin:0 0px; padding:0px; background:url(../images/bg_green.png) no-repeat 0px 400px; overflow:hidden;}

.business .box ul.items li i{display:block; position:relative; margin:0 auto; margin-top:43px; height:69px;}

.business .box ul.items li.pc i{width:69px; background:url(../images/words.png) no-repeat -245px -357px;}

.business .box ul.items li.mobi i{width:64px; background:url(../images/words.png) no-repeat -416px -291px;}

.business .box ul.items li.sys i{width:76px; background:url(../images/words.png) no-repeat -415px -362px;}

.business .box ul.items li.app i{width:74px; background:url(../images/words.png) no-repeat -244px -439px;}

.business .box ul.items li.host i{width:79px; background:url(../images/words.png) no-repeat -420px -439px;}

.business .box ul.items li u{display:block; position:absolute; width:156px; height:156px; background:url(../images/ui_ixa.png) no-repeat; -webkit-transition:all .5s ease-in-out 0s;

-moz-transition:all .5s ease-in-out 0s;

-ms-transition:all .5s ease-in-out 0s;

-o-transition:all .5s ease-in-out 0s;

transition:all .5s ease-in-out 0s;}

.business .box ul.items li u.cl{clip:rect(0px, 156px, -10px, 78px);}

.business.active .box ul.items li u.cl{clip:rect(0px,156px,156px,78px);}

.business .box ul.items li u.cr{clip:rect(156px,78px,156px,0px);}

.business.active .box ul.items li u.cr{clip:rect(0px,78px,156px,0px);}

.business .box ul.items li strong{display:block; margin-top:70px; font-size:20px; font-weight:normal; text-align:center;}

.business .box ul.items li p{position:relative; color:#7d7d7d; top:10px; font-size:14px; line-height:21px; text-align:center;}

.business .box ul.items li:hover{background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s;

-moz-transition:all .5s ease-in-out .3s;

-ms-transition:all .5s ease-in-out .3s;

-o-transition:all .5s ease-in-out .3s;

transition:all .5s ease-in-out .3s;}

.business .box ul.items li:hover i{-webkit-transition:all .5s ease-in-out .4s;

-moz-transition:all .5s ease-in-out .4s;

-ms-transition:all .5s ease-in-out .4s;

-o-transition:all .5s ease-in-out .4s;

transition:all .5s ease-in-out .4s;}

.business .box ul.items li.pc:hover i{background:url(../images/words.png) no-repeat -168px -357px;}

.business .box ul.items li.mobi:hover i{background:url(../images/words.png) no-repeat -337px -291px;}

.business .box ul.items li.sys:hover i{background:url(../images/words.png) no-repeat -327px -362px;}

.business .box ul.items li.app:hover i{background:url(../images/words.png) no-repeat -164px -439px;}

.business .box ul.items li.host:hover i{background:url(../images/words.png) no-repeat -335px -439px;}

.business .box ul.items li:hover u.cl{clip:rect(0px, 156px, -10px, 78px);}

.business .box ul.items li:hover u.cr{clip:rect(156px,78px,156px,0px);}

.business .box ul.items li:hover strong{color:White; -webkit-transition-delay:.4s;

-moz-transition-delay:.4s;

-ms-transition-delay:.4s;

-o-transition-delay:.4s;

transition-delay:.4s;}

.business .box ul.items li:hover p{top:10px; -webkit-transition:all .3s ease-in-out .5s;

-moz-transition:all .3s ease-in-out .5s;

-ms-transition:all .3s ease-in-out .5s;

-o-transition:all .3s ease-in-out .5s;

transition:all .3s ease-in-out .5s;}

.business .box label{display:block; margin:0 auto; margin-top:-40px; width:297px; height:21px; background:url(../images/words.png) no-repeat 0px -333px;}

/*

div.welcome p u{display:none;}}@media (max-width:1280px) and (max-height:800px){.video .swiper-container .nth1{background:url(/images/wp1_1_h800.jpg) 50% 35%;}}@media (max-width:960px) and (max-height:600px){.video .swiper-container .nth1{background:url(/images/wp1_1_h600.jpg) 50% 35%;}}@media (max-height:750px){.video .swiper-container .nth1 .line{display:none;}}@media (max-width:900px),(min-height:1201px),(max-height:720px){.video .swiper-container .nth1 .shade{display:none;}}@media

(orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px){.video .swiper-container .nth1 .box .left{width:74px;height:139px;left:-150px;background:url(/images/words_mini.png) no-repeat top right;}

.business .box ul.items{margin-top:50px;}}@media (min-width:1151px) and (max-height:630px){.business .box{margin-top:0px;}}@media (max-width:1150px){.business .box ul.items{margin-top:40px;}

.business .box ul.items li{width:170px;height:270px;margin:0px;}

.business .box ul.items li u{background:none;display:none;}

.business .box ul.items li strong{margin-top:40px;}

.business .box ul.items li:hover{-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}}@media (max-width:1150px) and (max-height:680px){.business .box .caption i{display:none;}

.business .box ul.items{margin-top:10px;}}@media (max-width:1150px) and (max-height:580px){.business .box{margin-top:0px;}}@media (max-width:1000px){.business .box{margin-top:-55px;}

.business .box ul.items li{width:270px;height:100px;margin:30px 0 0 21px;padding:10px 0 5px 15px;}

.business .box ul.items li i{margin-top:0px;float:left;}

.business .box ul.items li strong{float:left;margin:5px 0 0 20px;}

.business .box ul.items li p{float:left;margin:5px 0 0 20px;color:#888;text-align:inherit;}

.business .box ul.items li:hover p{margin:5px 0 0 20px;color:White;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}

.business .box label{margin-top:50px;}}@media (max-width:1000px) and (max-height:730px){.business .box .caption i{display:none;}

.business .box ul.items{margin-top:10px;}}@media (max-width:1000px) and (max-height:650px){.business .box label{display:none;}}@media (max-width:1000px) and (max-height:560px){.business .box{margin-top:0px;}}@media (max-width:929px) and (max-height:880px){.business .box .caption i{display:none;}

.business .box ul.items{margin-top:10px;}}@media (max-width:929px) and (max-height:770px){.business .box label{display:none;}}@media (max-width:929px) and (max-height:680px){.business .box{margin-top:0px;}}@media (max-width:929px) and (max-height:570px),(max-width:620px){.business .box{margin-top:-55px;}

.business .box ul.items{margin-top:30px;}

.business .box ul.items li{width:173px;height:43px;margin:15px 10px 0px 10px;}

.business .box ul.items li i{margin-top:0px;}

.business .box ul.items li.pc i{width:46px;height:35px;background:url(/images/words_mini.png) no-repeat -145px -217px;}

.business .box ul.items li.mobi i{width:46px;height:39px;background:url(/images/words_mini.png) no-repeat -245px -176px;}

.business .box ul.items li.sys i{width:46px;height:35px;background:url(/images/words_mini.png) no-repeat -249px -220px;}

.business .box ul.items li.app i{width:46px;height:41px;background:url(/images/words_mini.png) no-repeat -146px -264px;}

.business .box ul.items li.host i{width:47px;height:38px;background:url(/images/words_mini.png) no-repeat -253px -266px;}

.business .box ul.items li p{display:none;}

.business .box ul.items li strong{margin-left:15px;}

.business .box ul.items li.pc:hover i{background:url(/images/words_mini.png) no-repeat -100px -217px;}

.business .box ul.items li.mobi:hover i{background:url(/images/words_mini.png) no-repeat -201px -176px;}

.business .box ul.items li.sys:hover i{background:url(/images/words_mini.png) no-repeat -196px -220px;}

.business .box ul.items li.app:hover i{background:url(/images/words_mini.png) no-repeat -100px -264px;}

.business .box ul.items li.host:hover i{background:url(/images/words_mini.png) no-repeat -201px -266px;}}@media (max-width:929px) and (max-height:460px){.business .box ul.items{margin-top:15px;}

.business .box ul.items li{margin:5px 10px 0px 10px;}}@media (max-width:929px) and (max-height:420px){.business .box ul.items{margin-top:30px;}

.business .box{margin-top:0px;}}@media (max-width:929px) and (max-height:720px){.business .box label{display:none;}}@media (max-width:929px) and (max-height:660px){.business .box .caption i{display:none;}

.business .box ul.items{margin-top:30px;}}@media (max-width:929px) and (max-height:550px){.business .box ul.items{margin-top:20px;}

.business .box ul.items li{margin:5px 10px 0px 10px;}}@media (max-width:929px) and (max-height:460px){.business .box{margin-top:0px;}}@media (max-width:929px) and (max-height:320px){.business .box ul.items{margin-top:15px;}}@media (max-width:929px) and (max-height:310px),(max-width:638px) and (max-height:390px),(max-width:425px) and (max-height:500px){.business .box ul.items{margin-top:40px;}

.business .box ul.items li{width:120px;height:40px;margin:0px 10px 15px 10px;padding:0px;background:none;}

.business .box ul.items li strong{position:relative;margin:0px;width:100%;height:40px;font-size:14px;line-height:40px;text-align:center;z-index:10;}

.business .box ul.items li:hover strong{color:#333;}

.business .box ul.items li i{position:absolute;display:block !important;width:120px !important;height:40px !important;background:White !important;border:1px solid #bbb;-moz-opacity:0.5;opacity:0.5;}}@media (max-width:929px) and (max-height:260px){.business .box{margin-top:8px;}

.business .box ul.items{margin-top:18px;}}@media (max-width:425px) and (max-height:880px){.business .box .caption i{display:block;}

.business .box label{display:none;}}@media (max-width:425px) and (max-height:770px){.business .box .caption i{display:none;}

.business .box ul.items{margin-top:20px;}}@media (max-width:425px) and (max-height:670px){.business .box{margin-top:0px;}}@media (max-width:425px) and (max-height:500px){.business .box ul.items{margin-top:40px;}}@media (max-width:390px){.business .box .caption i{display:none;}}@media (min-width:1921px),(min-height:921px){section.cases{-moz-background-size:cover;background-size:cover;}}@media (max-width:1280px) and (max-height:800px){section.cases{background:url(/images/wp3_h800.jpg);}}@media (max-width:960px) and (max-height:600px){section.cases{background:url(/images/wp3_h600.jpg);}}@media (min-width:1151px) and (max-height:700px){.cases .box .swiper-container.items{margin-top:40px;}

.contact .box .above .left{float:right;margin-left:0px;}

.contact .box .above .right{display:none;}}@media (orientation:landscape) and (max-height:520px){.contact .box{height:150px;}

.contact .box .below{display:none;}}@media (orientation:landscape) and (max-height:480px) and (max-width:570px){.contact .box{width:380px;height:140px;}

.contact .box .above .wechat{margin-top:5px;width:100px;}

.contact .box .above .left p{margin-top:0px;}}@media (orientation:portrait) and (max-width:550px){.contact .box{width:430px;height:490px;}

.contact .box .above .wechat{position:absolute;float:none;margin:0px;top:200px;width:100px;left:50%;margin-left:-50px;}

.contact .box .above .left{position:absolute;float:none;margin:0px;top:0px;left:50%;margin-left:-125px;}

.contact .box .below{margin-top:150px;}}@media (orientation:portrait) and (max-width:550px) and (max-height:650px),(orientation:portrait) and (max-width:470px){.contact .box{width:260px;height:350px;}

.contact .box .above .wechat{width:150px;margin-left:-75px;}

.contact .box .below{display:none;}}@media (orientation:portrait) and (max-height:450px){.contact .box{height:160px;}

.contact .box .above .wechat{display:none;}}@media (max-width:700px),(max-height:600px){.dock{display:none;}}@media (max-width:319px),(max-height:210px){body{display:none;}

html{background:url(/images/displayNone.png) no-repeat 50% top;background-color:#333a32;}}.clear{clear:both;}

#BDBridgeWrap{display:none;}*/

.business .box ul.items .pc u{background:url(../images/ui_ixa.png) no-repeat; text-align:center}

.business .box ul.items li.pc:hover i{background:url(../images/ui_ixas.png) no-repeat;}

.business .box ul.items li.pc i{background:url(../images/ui_ixau.png) no-repeat;}

.business .box ul.items .mobi u{background:url(../images/ui_ixb.png) no-repeat;}

.business .box ul.items li.mobi:hover i{background:url(../images/ui_ixbs.png) no-repeat;}

.business .box ul.items li.mobi i{background:url(../images/ui_ixbu.png) no-repeat;}

.business .box ul.items .sys u{background:url(../images/ui_ixc.png) no-repeat;}

.business .box ul.items li.sys:hover i{background:url(../images/ui_ixcs.png) no-repeat;}

.business .box ul.items li.sys i{background:url(../images/ui_ixcu.png) no-repeat;}

.business .box ul.items .app u{background:url(../images/ui_ixd.png) no-repeat;}

.business .box ul.items li.app:hover i{background:url(../images/ui_ixds.png) no-repeat;}

.business .box ul.items li.app i{background:url(../images/ui_ixdu.png) no-repeat;}

.business .box ul.items li p:hover{color:#fff;}

.business .box ul.items li:hover p{color:#fff;}

.business .box ul.items li:hover strong{margin-top: 20px;}







.case_wap{ float:left; width:100%;}

.case_wap li{ float:left; width:50%;margin:0 0 20px 0; }

.case_wap li a{ display:block; margin:0 10px;}

.case_wap li a img{ width:100%;}

.case_wap li a h3{ text-align:center; color:#666; font-size:13px; padding:5px 0; background:#eee;}

.case_wap li a:hover h3{ background:#CC0033; color:#fff;}





.ui_box .img_rom{margin: auto;

display: block;}










.g-wrap {padding:15px;}
/* 加载 */
#loading {position:fixed; top:0; left:0; z-index:2147483647; width:100%; height:100%; background:#fff url(../img/loading.gif) no-repeat center center; background-size:26px auto; -webkit-transition:-webkit-opacity 300ms;}
/* 头部 */
#header {position:fixed; left:0; top:0; z-index:10; width:100%; background:#fff url(../img/header_bg.png) no-repeat right 0; background-size:auto 70px; border-bottom:2px solid #ff0000; -webkit-transition:-webkit-transform 300ms, -webkit-opacity 300ms;}
div#header .wrap {height:60px;}
#header .wrap h1 {position:absolute; top:0; left:0; width:100%; height:100%;}
#header .wrap h1 a {float:right; margin-right:60px; line-height:67px; font-size:18px;}
#logo {display:block; width:145px; height:100%; background:url(../img/logo.png) no-repeat 15px 20px; background-size:115px auto;}
#menu-btn {position:absolute; top:0; right:0; width:70px; height:70px;}
#menu-btn span {position:absolute; left:23px; width:24px; height:2px; background-color:#c9a05b; -webkit-transition:-webkit-transform 300ms, top 300ms}
#menu-btn .top {top:24px;}
#menu-btn .mid {top:32px;}
#menu-btn .bot {top:40px;}
    /* 菜单按钮控制 */
#menu-btn .top {top:32px; -webkit-animation:menuBtn-off-top-anim 400ms forwards;}
#menu-btn .mid {-webkit-opacity:0; -webkit-animation:menuBtn-off-mid-anim 400ms forwards;}
#menu-btn .bot {top:32px; -webkit-animation:menuBtn-off-bot-anim 400ms forwards;}
    /* 菜单按钮动画 */
@-webkit-keyframes menuBtn-on-top-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(45deg); top:32px;}
}
@-webkit-keyframes menuBtn-on-mid-anim {
    100% {-webkit-opacity:0;}
}
@-webkit-keyframes menuBtn-on-bot-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-45deg); top:32px;}
}
@-webkit-keyframes menuBtn-off-top-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {top:24px;-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes menuBtn-off-mid-anim {
    100% {-webkit-opacity:1;}
}
@-webkit-keyframes menuBtn-off-bot-anim {
    50% {top:32px;-webkit-transform:rotate(0deg);}
    100% {top:40px;-webkit-transform:rotate(0deg);}
}

/* 右侧菜单 */
/*#menu {display:none; position:fixed; top:0; right:0; z-index:1; width:72%; height:100%; background:#232323 url(../img/logo_menu.png) no-repeat -29px 70px; background-size:58.58% auto; overflow:hidden; -webkit-transition:background-position-x 300ms;}
#menu .links {margin:120px 0 0 -29px; -webkit-transition:margin-left 300ms;}*/
#menu {position:fixed; top:0; right:0; z-index:1; width:72%; height:100%; background:#232323; -webkit-opacity:0; overflow:hidden;}
#menu .links {margin:70px 0 0 -29px; -webkit-transition:margin-left 300ms;}
#menu .links a {display:block; position:relative; z-index:2; font-size:19px; line-height:42px; color:#a7a7a7;}
/*#menu .ad-block {display:none; position:absolute; z-index:2; left:29px; top:440px; width:48.69%; -webkit-transform:scale(0,0); -webkit-transition:-webkit-transform 500ms;}*/
#menu .ad-block {display:none;}
/*
#menu .bg-elements img {position:absolute; z-index:1;}
#menu .bg-elements img.anim-scale {-webkit-transform:scale(0,0); -webkit-transition:-webkit-transform 300ms;}
#menu .bg-elements img:nth-child(1) {right:0; bottom:160px; width:43.65%;}
#menu .bg-elements img:nth-child(2) {right:111px; bottom:25px; width:43.65%;}
#menu .bg-elements img:nth-child(3) {right:50px; bottom:90px; width:17.53%;}
#menu .bg-elements img:nth-child(4) {right:15px; bottom:15px; width:31.15%;}
*/
#menu .bg-elements img {position:absolute; z-index:1;}
#menu .bg-elements img.anim-scale {-webkit-transform:scale(0,0); -webkit-transition:-webkit-transform 1000ms;}
#menu .bg-elements img:nth-child(1) {right:0; top:100px; width:43.65%;}
#menu .bg-elements img:nth-child(2) {right:111px; top:380px; width:43.65%;}
#menu .bg-elements img:nth-child(3) {right:40px; top:295px; width:17.53%;}
#menu .bg-elements img:nth-child(4) {right:15px; top:400px; width:31.15%;}




















/*网站*/




.web_tit{ float:left; width:100%; margin:40px 0; text-align:center; }
.bxo{ float:left; width:100%; height:40px;}
.web_shop{}
.web_shop .one{ float:left; width:100%; }
.web_shop .one li{ float:left; width:48.5%; margin:0px 0.7% 15px 0.8%; line-height:75px;height:75px; overflow:hidden }
.web_shop .one li b{ float:left;width:12%; font-size:35px; font-weight:400;  display:block; background:#d2d2d2; color:#fff; text-align:center;}
.web_shop .one li span{ float:left; display:block; width:88%; padding:0 7px;border-left:1px solid #fff; background:#f0f0f0; color:#707070; font-size:13px;}

.web_shop .two{ float:left;width:100%;}
.web_shop .two p{ font-size:12px; color:#626262;margin:0 0 20px 0}
.web_shop .two .box{ width:100%;}
.web_shop .two .box li{ float:left; width:33.3%;}
.web_shop .two .box img{ margin:auto; display:block}

.web_shop .three{ float:left; width:100%; margin-top:50px;}
.web_shop .three li{ float:left; width:48.5%; margin:0 0.7% 25px 0.8%; padding:10px; background:#f0f0f0; }
.web_shop .three li h3{color:#333; font-size:20px;margin-bottom:5px;}
.web_shop .three li p{ color:#666; font-size:12px; height:50px; margin:0px;}

.web_trade .one{ }
.web_trade .one .left{ float:left;  width:44%;}
.web_trade .one ul{ float:left;padding-left:10px;width:56%;}
.web_trade .one ul li{ float:left; width:100%; line-height:89px; background:#f3f3f3;margin:0 0 15px 0}
.web_trade .one ul li b{ float:left; width:13%; color:#959595; text-align:center; font-size:40px; font-weight:400;}
.web_trade .one ul li span{ float:left; width:87%; border-left:solid #fff 1px; padding:0 15px; color:#666; font-size:18px;}
.web_trade .one ul li span img{vertical-align: middle;}


.web_trade .two{ float:left; padding:10px 0 50px 0; margin-top:50px; width:100%; background:#f7f7f7}
.web_trade .two p{ color:#646464; font-size:13px; margin:0 0 10px 0;}
.web_trade .two .box{margin-top:20px;}
.web_trade .two .box li{ float:left; width:33.3%;}

.web_trade .two .box img{ margin:auto; display:block;}

.web_trade .three{ }
.web_trade .three li{ float:left; width:50%;  margin:0 0 20px 0}
.web_trade .three li img{ float:left; width:16%}
.web_trade .three li span{ float:left; height:86px; padding:0 10px;width:81%; border-left:solid #fff 1px;background:#eeeeee; color:#626262; font-size:14px;}
.web_trade .three li span h3{ color:#333; font-size:20px; margin:5px 0 5px 0;}

.web_company{}
.web_company .one{ margin-bottom:50px;}
.web_company .one img{ margin:0 10px;}
.web_company .one .box{}
.web_company .one .box li{ float:left; width:33.3%;}
.web_company .one .box li img{ display:block; margin:auto;}
.web_company .two{ float:left;width:100%; background:#f7f7f7;} 
.web_company .two .box img{ float:left; width:38%;}
.web_company .two .box ul{ float:left; width:60%; margin-left:2%;}
.web_company .two .box ul li{ border-bottom:1px #ddd dashed;padding:0 0 20px 0;margin:0 0 10px 0}
.web_company .two .box ul li h3{ font-size:18px; color:#434343;}
.web_company .two .box ul li p{ font-size:12px; color:#626262;margin:0px;}
.web_company .two .box ul li span{ display:block;margin:10px 0; }
 
 
 
.web_company .three{ }
.web_company .three li{ float:left; width:50%;  margin:0 0 20px 0}
.web_company .three li img{ float:left; width:16%}
.web_company .three li span{ float:left; height:86px; padding:0 10px;width:81%; border-left:solid #fff 1px;background:#eeeeee; color:#626262; font-size:14px;}
.web_company .three li span h3{ color:#333; font-size:20px; margin:5px 0 5px 0;}

 
 @media (max-width:760px){
.web_tit{margin:25px 0}
.web_tit img{ width:120px;}
.web_shop .one li{ width:100%; margin:0 0 15px 0; line-height:inherit; vertical-align:middle}	 
.web_shop .one li b{ height:100%; padding-top:25px; font-size:18px;}
.web_shop .one li span{ height:100%; padding-top:20px;}

.web_shop .two .box li{width:100%; margin:10px 0;}	
.web_shop .two .box img{width:100%;}	

.web_shop .three li{ width:100%; margin:0 0 10px 0;} 
.web_shop .three{ margin-top:20px;}	 
.web_shop .three li p{height:inherit;padding-bottom:10px;}

.web_trade .one ul li{ line-height:inherit; height:60px;}
.web_trade .one ul li b{ width:15%; font-size:19px;height:100%; padding-top:15px;}
 
.web_trade .one ul li span{width:85%; font-size:13px; height:100%; padding:13px 5px 0 5px;}

.web_trade .one .left{ width:100%;}
.web_trade .one ul{ width:100%; padding-left:0px; margin-top:20px}

.web_trade .two{ margin-top:20px;}

.web_trade .two .box li{ width:100%; margin:10px 0}
.web_trade .two .box li img{ width:100%;}

.web_trade .three .web_tit img{width:270px;}
.web_trade .three li{ width:100%; background:#eee}
.web_trade .three li img{ margin-top:7px;padding-left:7px;}
.web_trade .three li span h3{ font-size:14px;}
.web_trade .three li span{ font-size:12px; height:inherit;padding-bottom:10px;border:none;}

.web_company .three .web_tit img{width:270px;}
.web_company .three li{ width:100%; background:#eee}
.web_company .three li img{margin-top:7px;padding-left:7px;}
.web_company .three li span h3{ font-size:14px;}
.web_company .three li span{ font-size:12px; height:inherit;padding-bottom:10px;border:none;}

.web_company .one .box li{ width:100%; margin:0px 0 15px 0}
.web_company .one .box li img{ width:100%;}	 
.web_company .one{ margin-bottom:30px;}

.web_company .two .box img{ width:100%;}
.web_company .two .box ul{ width:100%;}

	 }