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




#map{height:450px;}


.peb{ display:none;}







body .list-text.list-underline{padding-left:0px;}





.if_five .idex_box b{float:left;display: block;font-weight:400}

.if_five .idex_box span{float:left;display: block;}





.con_box{ float:left; width:100%; margin:20px 0}

.con_box h3{ color:#535353; font-size:16px;margin-bottom:15px}

.con_box li{float:left; width:50%;padding-left:30px;color:#626262; font-size:13px; line-height:35px; margin:5px 0;}



.con_box .iadd{background: url(../images/add_contact_ico.png) no-repeat left; }

.con_box .itel{background: url(../images/tel_contact_ico.png) no-repeat left;}

.con_box .ifax{background: url(../images/fax_contact_ico.png) no-repeat left;}

.con_box .imail{background: url(../images/mail_contact_ico.png) no-repeat left;}

.con_box .ibus{background: url(../images/bus_contact_ico.png) no-repeat left;}

.con_box .iweb{background: url(../images/web_contact_ico.png) no-repeat left;}



.ix_pt{}



.news_wor h3,.news_wor h3,.news_wor h4,.news_wor h5{ color:#222}



.news_left{ float:left;  }

.news_right{ float:right;  margin-top:15px;padding:15px; background:#f5f5f5;border: solid 1px #ddd;}

.news_right h2{ font-size:18px; color:#333;}

.news_right li{padding:15px 0 10px 0; border-bottom: dotted 1px #C8C8C8;}

.news_right li a h3{ font-size:15px; color:#666;}

.news_right li a p{font-size:12px; color:#999; margin:5px 0}

.news_right li span{font-size:12px; color:#c5c0c0;}

.news_right li a:hover h3{ color:#c52058}



div.ix_nine{padding:20px 0 50px 0}



.ix_nine ul{margin:0 -15px;}

.ix_nine ul li .two{display: none}




.ix_nine ul li{ float:left;display: block; width:33%;}



.ix_nine ul a{ float:left;display: block;text-align: center;  border: 1px solid #ddd;padding:10px 10px 20px 10px; margin:0 15px;}



.ix_nine ul a img{ width:100%;height:180px;}



.ix_nine ul a h3{display: block;text-align: center;padding:15px 0; font-size:15px; color:#333 }



.ix_nine ul a p{display: block;text-align:left;  font-size:12px; color:#999;margin:0 0 20px 0 }



.ix_nine ul a span{font-size:13px;border: 1px solid #ddd; background:#eee;   color:#666;padding:5px 15px; margin:auto;}







.ix_nine ul a:hover{border: 1px solid #9C051D;}



.ix_nine ul a:hover h3{color:#9C051D;}



.ix_nine ul a:hover span{color:#fff; background:#9C051D}























.if_five .idex_qq{ clear:both;width:100%; margin:10px 0}



.if_five .idex_qq a{ background: url(../images/ico_qq.png) no-repeat left; padding-left:25px;}



.if_five .idex_qq a span{ background:#959595; color:#fff; }



.if_five .idex_qq a:hover span{ background:#b4293f}



.if_five .idex_qq img{ float:left; margin-right:10px; }



.if_five .idex_box{line-height:23px;}















.bdshare-button-style0-16{ float:right;}







.bdshare-button-style0-16 a{margin:0px 6px 0px 0px}







.xhr{border-bottom: dashed 1px #ddd}











#youqinglianjie_nav{display:none;}











/*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:45%; left:20px;}















.banner_box .pager-next{ display:none; position:absolute;top:45%; 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%;}















.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; }






.kefu{width:130px; z-index:99999; background:#fff; border:solid 1px #999;position:absolute;right:-130px;  }


.kefu h3{ color:#333; text-align:center; font-weight:400; background:#eee; border-bottom:1px solid #ddd; line-height:30px; font-size:15px;}

.kefu hr{background: #ddd;color: #ddd;clear: both;float: none;width: 100%;height: 1px;margin: 10px 0;border: none;-moz-box-sizing: content-box;box-sizing: content-box;}

.kefu div{ float:left; padding:12px 10px;}

.kefu div a{ float:left; width:100%; display:block;  margin:3px 0;}

.kefu div a.qq{  /*background:url(../images/qq.png) no-repeat left;padding-left:25px; */color:#888; font-size:15px;}

.kefu div a.qq:hover{ color:#BA323d}

.kefu div span{ text-align:center; display:block;width:100%; margin:3px 0; font-size:12px; font-weight:400}

.kefu div h5{ float:left; width:100%; display:block; font-size:13px; color:#333; margin:5px 0;}

.kefu div h6{ text-align:center; font-size:12px; font-weight:400; }

.kefu div img{ margin:auto; display:block;}

.kefu .kefux{cursor: pointer; position: absolute; top:-21px; right:0; line-height:10px;padding:5px 12px;  color:#fff; font-size:15px;}



.kefubox .xxl{  z-index:999;cursor: pointer; padding:0px; background:#9C051D; width:31px;line-height:20px;  text-align:center;color:#fff;border-radius:0px;  font-size:13px; position:absolute;left:-32px; top:0px;}



.kefubox{position:fixed; right:0; top:20%; z-index:999}























/*����ҳ��*/















.ix_x{}















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















.ix_x_img img{width:100%; height:100%;}















.ix_x .ix_rx{ position:absolute; width:100%;}















.ix_x .ix_rx .grid-big{width:1000px; margin:auto} 































.ix_x .ix_rx .logo{ clear:both; padding:0 10px;margin-bottom:15px;display:block;width:100%; }















.ix_x .ix_rx .logo img{}















.ix_x .ix_rx .grid-big li a{ position:relative; display:block;}































.ix_x .ix_rx .grid-big .left{ float:left;width:48%;}















.ix_x .ix_rx .grid-big .right{ float:left;width:52%;}/**/















.ix_x .ix_rx .grid-big li a h3{ position:absolute; font-size:16px;padding:5px 10px;width:100%; background:url(../images/red.png);bottom:0; text-align:right; color:#fff;}















.ix_x .ix_rx .grid-big li a:hover .hv{ display:block}































.ix_x .ix_rx .grid-big li a:hover h3{ display:none}















.ix_x .ix_rx .grid-big .hv{ position:absolute; display:none; width:100%;height:100%;  top:0;background:url(../images/ixr_red.png); text-align:center;}















.ix_x .ix_rx .grid-big .va{padding-top:250px;}















.ix_x .ix_rx .grid-big .vb{padding-top:100px;}































.ix_x .ix_rx .grid-big .hv h2{ font-size:40px; color:#fff}















.ix_x .ix_rx .grid-big .hv span{ font-size:22px; color:#dcdcdc}















.ix_x .ix_rx .grid-big .ix_03{margin-top:20px;}































































.ix_rox{width:500px; margin:auto; /*padding-top:15%;*/}















.ix_rox{}































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















.ix_rox .down{margin:auto; width:220px;}















.ix_rox .down a{ float:left; width:107px;height:40px;display:block; position:relative;}















.ix_rox .down a b{position:absolute;top:0; font-weight:400; color:#fff; line-height:40px; display:block;width:100%;}















.ix_rox .down a.ia b{ left:10px;}















.ix_rox .down a.ib b{ right:10px; text-align:right}















































.ix_rox .down a img{ position:absolute; top:0; left:0;}















.ix_rox .down .iv{ }















.ix_rox .down .ivs{ display: none;}















.ix_rox .down a:hover .ivs{ display:block;}































































/*����ҳЧ��*/















.index_content{ /*padding:15px 0; */ }















body .w1000 { padding:0px;}































#index_list{ height:600px;   position:relative; }















.index_i {    position:absolute; /*  width:325px;   height:200px;*/margin:0 0px 0px 0;   }















.index_i a{ z-index:0; display:block; width: 100%;   height: 100%; overflow:hidden; }















.index_i a img{  display:block;  height:100%; width:100%; border:0; }















#index_1 a{ height: 600px; width:470px; }















#index_1 div{ }















.index_i div h3{ position:absolute;padding:5px 10px; bottom:0; background:url(../images/ixr_red.png); width:100%;  color:#fff; text-align:right;}















.index_i div h3 span{ display:block; font-size:15px;}















.index_i:hover div h3{ display:none;}















.index_i b{ background:url(../images/bx_red.png)}















.index_i b h2{ position:absolute; display:none; width:100%;color:#fff; font-weight:400; font-size:40px; text-align:center; }















.index_i b img{ width:100%; height:100%;}















.index_i b h2 span{ display:block; font-size:25px;text-transform:uppercase;}















.index_i:hover h2{ display:block}















#index_1 a img{ /* height:600px;*/ }































.roxx{ position:absolute;z-index:-99; top:0;}































#index_1 b h2{top:240px;}















#index_2 b h2{top:130px;}















#index_3 b h2{top:130px;}















#index_2 b h2,#index_3 b h2{ font-size:25px;}















#index_2 b h2 span,#index_3 b h2 span{ font-size:16px;}































.index_info {  display: block;  position: absolute; top:0; left:0;  width:0px;    height: 200px; background: #eeeeee; z-index:999;   }















.index_info p{width:100%; padding:10px 20px;height:auto;line-height:24px; font-size:13px;color:#666;overflow:hidden; text-align:left;}















.index_info p strong{  display:block; font-size:16px; margin:10px 0 20px 0;}































#index_1{ margin-right:10px;/*width:45%;*/ }















#index_1_info{  left:100%; height:600px;   }















#index_1 img{ height:600px;}















#index_2{height:290px; right:0;top:0px;/* background:url(../images/ix_222.jpg) left center no-repeat;*/ }















#index_2_info{ left:325px;}















#index_3{height:290px; right:0; bottom:0;  /*background:url(../images/ix_333.jpg) left center no-repeat; */}















#index_3_info{ left:325px;}















#index_4{ left:670px; top:0px;  background:url(../images/4.png) left center no-repeat;}















#index_5 { left: 670px; top:210px;background:url(../images/5.png) left center no-repeat;  }































































































/*ͷ��*/















.tel{ position: absolute;right:0;bottom:0; font-size:14px;color:#c52058; background:url(../images/tel.png) no-repeat left; padding-left:40px;}















.tel span{ color:#c52058; font-size:20px;}















body .toper{padding:20px 10px 25px 10px;}















.top{ position:relative;height:60px;}















.gore{/* background:#f8fbed;/*background:url(../images/gore.jpg) repeat-x;*/*/}











.top .logo{padding-top:10px;display: block;}



.top .logo .gg{ margin-left:15px;}















body .nav-menu ul{min-width:100%;}































/*����*/















body .bg-naver{ background:#c52058; position: relative; z-index:999;}















#naver li a{ font-size:16px; padding:0 20px;border-right: solid 1px #df6681;  color:#fff; line-height:45px; font-weight:400}















#naver li .drop-menu{ background:url(../images/red.png); padding:0px; border:none;}















#naver li .drop-menu a{ color:#fff;line-height:40px;margin:0px;padding:0px; text-align:center; border-bottom:1px solid #ffc0c0; border-right:none; font-size:14px; background:none; }































body #naver li a:hover{ background:#d74061}































































































/*�Ų�*/















body .footer{padding:0px; border:none; }































body .footer .up{padding:20px 0 0 0; background:#313131;}















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















body .footer .up a{color:#898989; font-size:12px}















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















body .footer .up h3{margin-bottom:7px; color:#fff; font-size:16px;}















body .footer .up .if_one{padding-right:20px; }















body .footer .up .if_two a{ clear:both; display:block; line-height:25px;}















body .footer .up .if_two{ }















body .footer .up .if_three a{ float:left;/*margin-right:5px;*/ display:block; line-height:25px;}















body .footer .up .if_four{ text-align:right;}















body .footer .up .if_four h5{margin:10px 0px 0 0; font-size:13px; }















body .footer .down{ background:#000;padding:15px 0;  font-size:12px; text-align:center; color:#707070; line-height:22px;}















body .footer .down a{color:#707070; margin:-5px 5px 0 5px;}















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















































/* ��ҳbanner */















.banner-box{min-width:100%;/*height:100%;*/position:relative;overflow:hidden;}















.banner-box .bd{ width:100% !important;}















.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}















.banner-box .bd li{width:100% !important;height:100%;}















.banner-box .bd li a{display:block;background-size:auto;}















.banner-box .bd li a img{width:100%;  display:block;}































.banner-box:hover a.prev,.banner-box:hover a.next{ display:block}































.banner-btn{}















.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}















.banner-btn a.prev{ position:absolute;left:20px;top:40%} 















.banner-btn a.next{ position:absolute;right:20px;top:40%}































.banner-btn a.prev,.banner-btn a.next{ display:none;font-size:80px;padding:0;color:#ddd;width:50px;height:50px;line-height:45px;text-align:center;cursor:pointer;}















































.banner-box .hd {position:absolute;bottom:10px; left:50%;}















.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:11px;background:#ccc;float:left;cursor:pointer;}















.banner-box .hd ul li.on{background:#DA324D;}































































































/*����*//*ix_one*/















body .ix_one{ padding-top:20px; }















.rollBox .Cont{ }















.rollBox .LeftBotton{ left:20px;}















.rollBox .RightBotton{right:20px;}































.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:45px;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; position:relative;width:253px; overflow:hidden;text-align:center;}















.rollBox .pl a img{width:100%;  border:solid 1px #ddd; height:140px;}















.rollBox .pl a img:hover{opacity: 0.7;}















































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















.rollBox .pl a h5{ position:absolute;/*margin:1px 2px 1px 1px; */bottom:0;color:#666; text-align:center; color:#fff; width:100%; background:url(../images/red.png);clear:both;font-weight: 100;font-size:13px;line-height:30px;}















.rollBox .pl a{ margin:0 5px;}















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















.rollBox .pl a:hover h5{  }/**/















.rollBox .pl a:hover span{}















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















.rollBox .pl a:hover{}















.rollBox .pl a:hover h5{ }















































































/*ix_two*/















body .ix_two{padding:40px 10px 50px 10px;}















.ix_two li a{ position: relative; display:block; height:161px; }















.ix_two li a:hover div{ background:#b4293f;}















.ix_two li a:hover{ border:solid 1px #b4293f}















.ix_two li a:hover p{color:#b4293f }















.ix_two li a:hover div h3{ color:#fff;}















.ix_two li div{ float:left;height:100%;width:32%; text-align:center; padding:30px 0; background:#94d8fb}































.ix_two li p{ float:left;width:68%; display:block; padding:10px 30px 10px 20px;font-size:13px; color:#434343;margin:0px;}















.ix_two li div h3{height:100%;  font-size:20px; margin-top:10px;}































.integrity a{border:solid 1px #81cffa}















.ix_two .integrity a div{ background:#81cffa;}















.ix_two .integrity a div h3{ color:#fff;}































.fixture a{border:solid 1px #ffa135}















.ix_two .fixture a div{ background:#ffa135;}















.ix_two .fixture a div h3{ color:#fff;}































.material a{border:solid 1px #e56783}















.ix_two .material a div{ background:#e56783;}















.ix_two .material a div h3{ color:#fff}































.bice a{border:solid 1px #8eb74e}















.ix_two .bice a div{ background:#8eb74e;}















.ix_two .bice a div h3{ color:#fff}















































/*ix_three*/















body .ix_three{/* background:#f6f6f6  url(../images/honor_bg.jpg) no-repeat;*/padding:15px 0px 50px 0px; }
body .ix_three .grid-big{ float:left;}






























/* body .ix_three li a{padding:13px; background:#fff; border:solid 1px #ddd; display:block;} */















body .ix_three li a img{width:100%;}















honor li a:hover img{opacity: 0.7;}















/* body .ix_three li a:hover{ border:solid 1px #B4293F; } */















































/*ix_four*/















body .ix_four{padding-top:25px; padding-bottom:30px;}































/*ix_five*/















body .ix_five{padding:20px 10px 70px 10px}















.ix_five .link a{ float:left;width:18%; display:block; border:1px #eee solid}















.ix_five .link a img{width:100%; height:60px;}















.ix_five .link a:hover{ border:solid 1px #B4293F}































.ix_five .link a:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }















.ix_five .link a:hover{ background:#fff}















.ix_five .link a img{ float:left;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}















































































/*ix_six*/















.ix_six{/*background:#f6f6f6  url(../images/operation_bg.jpg) no-repeat;*/margin-top:10px;padding:30px 0px 30px 0px;}































.ix_six .operation{margin:0 0 30px 0;}















.ix_six .operation img{margin: auto;















display: block;}















.ix_six .operation img{}















































/*��Ʒ����*/















.case_ntop{padding-top:30px;}















.case_nav{ margin-top:10px;border-bottom:1px #f8d1dd dashed; height:30px; }















.case_nav h4{ float:left; font-size:15px;color:#000;}















.case_nav div{ float:left;}















.case_nav div a{ display:inline-block; color:#626262; font-size:14px; margin:0 3px;padding:0px 10px;}















.case_nav div a:hover{ background:#b4293f; color:#fff; }















.case_nav div a.hover{ background:#b4293f; color:#fff; }































div.case_show{padding-bottom:30px;}















.case_show .right{}















.case_show .right .gore{ float:left; width:100%;margin:0px 0 5px 0; clear: both; background:none;}















.case_show .right .gore img{ float:left;width:40%}















.case_show .right .gore div{ float:left;padding-left:10px; width:60%; font-size:13px; color:#666; line-height:25px;}















.case_show .right .xcl{ clear:both; margin-top:10px;font-size:13px; color:#000;padding:10px 0 20px 0;line-height:22px; border-top: dashed 1px #eee; border-bottom: dashed 1px #eee}















.case_show .right .xcl b,.case_show .right .gore div b{color:#888;    font-weight: 400;}















.case_show .right .xbox{margin-top:0px;}



.case_show .right .xbox ul{ float:left;margin:0px 0px 5px 0;}



.case_show .right .xbox ul li{ padding:11px 10px 0px 10px;}



.case_show .right .xbox ul li a{ position:relative; display:block;}



.case_show .right .xbox ul li h3{ position:absolute; bottom:0; left:0; width:100%; background:url(../images/black.png); padding:4px 0; color:#fff;}







.case_show .right .xbox h4{margin:0px 0 5px 0; line-height:30px; font-size:14px; background:#dbdbdb; text-align:center; color:#666}















.case_show .right .xbox img{ margin-bottom:5px;}















.case_show .right .xbox h3,.case_show .right .xbox span{ margin-top:2px;display:block;width:100%; text-align:center; color:#666; font-size:12px;}















.case_show .right .xbox a:hover h3,.case_show .right .xbox a:hover span{ color:#eee}















.case_show .right .xbox a:hover img{opacity: 0.7;}















































.case_show .left .banner .pointer{ display:none}































.case_show .banner .pager-next{ bottom:0;top:inherit; display:block;}















.case_show .banner .pager-prev{ bottom:0;top:inherit; display:block;}































.case_show .xwor h2{color:#000; font-size:14px;}















.case_show .xwor span b{ color:#888;font-weight:400}















.case_show .xwor span{ float:left;margin:0 25px 0 5px;}















.case_show .xwor p{}































.case_show .left .banner{ position:relative; border:solid 1px #cfcfcf; padding:5px;}































/*���չʾ*/















.style{ padding-top:20px;}











/*



.style ul li div{ }







.style ul .space{ padding:5px; position:relative;}







.style ul .space a{ display:block; position:relative;}



.style ul .space a h3{ background:url(../images/black.png); font-size:17px; color:#fff; line-height:30px;}







.style ul li:hover h3,.style ul li:hover span{ color:#B4293F}







div.style ul li img{ height: auto}







.style ul li:hover img{opacity: 0.7;}















.style ul li img{width:100%;height:270px;}















.style ul li div{  position:absolute;bottom:0; left:0; width:100%;}















.style ul li div h3{ text-align:center; font-size:20px; color:#000; }















.style ul li div span{ color:#7d7d7d; line-height:30px;font-size:13px; text-align:center; width:100%; display:block;}







*/























body .style_show{padding-bottom:50px}















.style_show .banner{margin-top:20px; width:100%; border:1px solid #999;}















.style_show .banner .v_show{}















.style_show .show h2{  line-height:24px;color:#000; font-size:14px;}















.style_show .show span{margin:0 5px;}















.style_show .show .wor{}















































/*������Ѷ*/















.news{}















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































.news ul.list-text li{list-style:none; border-bottom:dashed 1px #eee}















.news .list-text .date{color:#ddd}















.news ul li a{color:#373737; font-size:13px; background: url(../images/arrow.png) no-repeat left;padding-left:10px;}















.news ul li a:hover{color:#B4293F}















.news .news_ik{ height:150px;}















.news .news_ik a{ background:none;padding:0px;}















.news .news_ik a:hover h3{color:#B4293F }















.news .news_ik h3{ color:#000; font-size:14px;}















.news .news_ik p{color:#6e6e6e; font-size:12px;}















.news .news_ik span{ font-size:13px; color:#c4c4c4;} 















.news .news_ik img{ float:left;width:20%; }















.news .news_ik div{ float:left;padding-left:20px;width:80%; }































/*��ҫ����*/















.honor{}















/* .honor li a{padding:13px; background:#f6f6f6; border:solid 1px #ddd; display:block;} */















.honor li a img{width:100%;height:135px; /**/}















.honor li a:hover img{opacity: 0.7;}






























































/*ѯ��*/















div.sin{padding-bottom:20px;padding-top:20px;}















.sin .left{ background:#f6f6f6;padding:20px 30px 15px 30px;}















.sin .left h2{ color:#b4293f; font-size:20px; text-align:center}















.sin .left input{color:#707070; font-size:15px;}















.sin .left .box{margin:10px 0;}















.sin .left .box img{ float:left}















.sin .left .box p{ float:left;margin:20px 0 0 10px;width:150px;}















.sin .left .xqq{ clear:both; margin-top:20px;}















.sin .left .xqq a{ float:left; background-zise:100%;margin-right:10px;/*background:url(../images/qq.jpg) no-repeat;*/height:35px; display:block}















.sin .right{ }















.sin .right h2{ text-align:center; padding:5px 0;font-size:29px; color:#b4293f}















.sin .right { }















.sin .right .sr_box{margin-left:20px;background:#f6f6f6;padding:5px;color:#7d7d7d; font-size:13px;}















.sin .right img{width:100%;}















.sin .xm8{/*width:62%*/}















































































































/*banner*/















.v_out{width:100%;margin:0px auto;overflow:hidden;}















.v_show{width:100%;overflow:hidden;position:relative;height:370px;float:left}















.v_cont{ width:100%;position:absolute;left:0px;top:0px;}















.v_cont ul{float:left;text-align:center;line-height:50px;}















.v_cont ul li{width:100%;background:#f8f8f8;float:left;margin-top:3px;}































/*---ԲȦ---*/















.v_out_p{overflow:visible}















.xco{ float:left; position:relative;margin:10px 0;padding:10px;background:#e9e9e9;width:100%;}















.circle{ position:relative;padding:0 30px;}















.circle li{width:129px;float:left;margin:0 5px;background:#ccc;cursor: pointer;}















.circle .circle-cur{background:#f00; border:solid 1px #f60}































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















/*.prev,.next{float:left;padding:105px 9px 0}*/















.prev{ position:absolute;left:5px;top:27px;}















.next{ position:absolute; right:5px; top:27px;}















.prev a{ background:url(../images/scroll-left.png) no-repeat;cursor: pointer;}















.prev .ico_1{ background:url(../images/scroll-left.png) no-repeat 0 -3757px;}































.next a{background:url(../images/scroll-right.png) no-repeat;cursor: pointer; }















.next .ico_2{background:url(../images/scroll-right.png) no-repeat right -3757px;}















.prev,.prev a,.next,.next a{width:23px;height:45px; display:block}















































































































































/*��ҳ����*/































/*��һ���޸�















#subnav{padding-top:20px;padding-bottom:10px;}















#subnav li{ float:left; background:#d2d2d2;margin:5px 5px;}















#subnav li a{ border:none; font-size:15px; line-height:30px; padding:0 26px;border-radius:0px; margin:0px; }















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















#subnav .active{background:#b4293f; color:#fff;}*/































#subnav{margin-top:20px;margin-bottom:10px; background:#EAEAEA}















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















#subnav li a{ border:none; font-size:15px;  color:#000;line-height:48px; padding:0 26px;border-radius:0px; margin:0px; }















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















#subnav li:hover span{ display:block;}















#subnav .active a{background:#d74061; color:#fff; font-weight:400;}















#subnav .active span{ display:block;}















#subnav span{ display:none; margin:auto; margin-bottom:-7px; background:url(../images/sujx.png) no-repeat center; width:20px; height:7px;}































































/*����*/















.box_ban{ text-align: center;margin:auto; padding:20px 10px 30px 10px; display:block;}















































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















body .detail ul li a{}















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















/*���л�ɫ*/















#rack .right .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 .right .stripe li {background: #FFF;padding:0 10px;border-bottom:1px solid #eee;}































/*��ҳ--*/































body .ubox{width:100%;padding:20px 0px 20px 0px;}















.















#rack .case{padding-top:30px; padding-bottom:30px;}















/*#rack{padding:20px 10px;}















#rack .left{padding-right:10px;}















#rack ul{ list-style:none;padding:0px}*/































body .detail h1, .detail h2, .detail h3, .detail h4, .detail h5, .detail h6{ color:#333; line-height:35px;margin-bottom:0em;}































body .detail h2, body .detail h3{ line-height:35px; margin-bottom:0em;}















.detail h1{ font-size:20px;}















.detail h2{ font-size:18px;}















.detail h3{ font-size:16px;}















.detail h4{ font-size:14px;}















.detail h5{ font-size:12px;}















.detail h6{ font-size:10px;}















/*��ҳbanner*/















.pages_banner{ position:relative;}















.pages_banner img{width:100%; clear:both}















/*��ϸҳͷ*/















.pe_top{ float:left;width:100%;margin:25px 0 10px 0;}















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















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



.pe_top span b{font-weight: 400; margin:0 7px;}











/*site*/















#rack .right h2{ font-size:18px;border-bottom:1px solid #eee;color:#0F6CB6}















#rack .right .bread a{}















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















/*��ҳ���*/















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:#B4293F;border-color: #B4293F;}















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















.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: #B4293F;}















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:#B4293F; }















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;line-height:24px; color:#666; font-size:13px;}















/*body .detail h3{margin-bottom: 0em;}















body .detail h3{ line-height:35px; color:#666; font-size:16px;}*/















/*��ҳ��ҳ*/














.pd3{border-top: dashed 1px #ddd;float:left;width:100%;position:relative; border-top: dashed 1px #ddd; }
.flip{ float:left;height:35px;width:100%;  color:#626262;position:relative;margin:20px 0 20px 0;}
.back{display: block;width: 80px;height: 36px;line-height: 36px;overflow: hidden;border: 1px solid #DDD;color: #c52058;font-size: 16px;margin: 0 auto;text-align: center;cursor: pointer;background: #FFF;position: absolute;right: 0;}
.back:hover {color: #FFF;border-color: #c52058;background: #c52058;}















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















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















.flip .tone{ float:left;}















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















.flip .list{  display:block;text-align:center; }















.flip .down{ float:left; margin-left:30px; }















.flip a{color:#626262}















.flip .bdsharebuttonbox{ position:absolute;right:0;}
.flip .bdsharebuttonbox.box2{ position:absolute;left:0;}































/*��ҳ*/















#pages{ float:left;width:100%;margin:30px 0 50px 0;}















#pages .a1{ display:none;}















#selectreadpage{ display:none;}















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















#pages a:hover{ background:#eee}















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















































/*����--*/















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















body .form-x .form-group{margin-bottom:5px;}















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















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















body .form-x .form-group .field input{width:100%; background:none}















body .form-x .form-button { width:100%;margin:0px;}















body .form-x .form-button .button{ width:100%;line-height:27px; background:#b4293f; color:#fff; font-size:20px;}































/*��Ʒ--*/















/*.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:#B4293F;}















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































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















.pt_sw{ margin-top:20px;}















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















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















































/*.pt_sw .pointer{ display:none;}*/















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















































/*����--*/















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















.site{ float:left;width:100%; border-bottom:solid 1px #ddd; margin-bottom:10px;}















body .bread{ color:#ddd;padding: 35px 15px 5px 0px; margin:0px;}















body .bread a{ color:#898989; font-size:14px;}















body .bread a:hover{color:#b4293f}















.wor{padding:10px 0px;line-height:24px; font-size:13px; color:#707070;}















.page_v{margin:20px 0 0 0;}







































body .ix_seven{ margin-top:20px;}







.ix_seven .left{ float:left;}







.ix_seven .left a{ float:left; width:100%; /*display:none;*/  position:relative; }







.ix_seven .left .ax1,.ix_seven .left .ax2,.ix_seven .left .ax3,.ix_seven .left .ax4{ display:block}







.ix_seven .left a img{ width:100%; height:160px;}







.ix_seven .left a h3{ position:absolute; bottom:0; width:100; width:100%; line-height:40px; text-align:center; font-size:18px; color:#fff; background:url(../images/black.png) }







.ix_seven .left a:hover img{opacity: 0.7;} 















.ix_seven .right{ float:right; height:340px;}







.ix_seven .right a{ float:left; display:block; position:relative;}







.ix_seven .right a img{ width:100%;height:447px;}







.ix_seven .right a h3{ position:absolute; bottom:0; width:100; width:100%; line-height:40px; text-align:center; font-size:20px; color:#fff; background:url(../images/black.png) }







.ix_seven .right a:hover img{opacity: 0.7;} 







.ix_seven .right iframe{  width:100%; height:320px;z-index:-999;}







.ix_seven .right .banner{ height:100%; background:#eee}







.ix_seven .right .pager-prev{ display:block; z-index:999; }







.ix_seven .right .pager-next{ display:block; }







.ix_seven .right .pointer{padding:0px;}







.ix_seven .right .pointer li{ width:50px;border-radius:0px; border:solid #b4293f 1px}















.ix_seven .right .pointer .active{ background:#b4293f}















.ix_seven .left li{/*display:none;*/}







































@media (min-width:760px){/*�ʼDZ�*/

.business .box ul.items li .lf{ width:45%;}
.business .box ul.items li .rg{width:55%;}
div.business .box ul.items li strong{margin-top:0px;}
.if_five .idex_qq a span{padding:1px 5px; font-size:12px;}
.if_five .idex_box b{width:25%;}
.if_five .idex_box span{width:75%;}

.news_left{ width:100%;}























.ix_seven .left{width:100%;}







.ix_seven .right{ width:100%}















.ix_seven .left li{ float:left;padding:0 10px 20px 10px; width:50%}







.ix_seven .left li a{ }







































.ix_six .operation img{ width:100%}















.footer .up .if_three a{ width:auto;}















#subnav li{  padding:0 0 7px 0;}















#subnav li a{padding:0 22px;}















.ix_five .link a{width:20%;}















body .ix_x .ix_rx{top:30%;}















body .ix_x .ix_rx .logo{margin-bottom:35px;}































body #index_1_info{height:470px;}















body .index_info p{padding:0 10px;  font-size:12px;}















body #index_list{ height:470px;}















body #index_2,body #index_3{width:370px;height:225px;}















body .index_i .xb-b img{margin-top:83px;}































body #index_1 a{width:370px;height:470px;}















body .index_i .xb-a img{margin-top:130px;}















body #index_1 img{height:470px;}































body #index_1 b h2{top:200px;}















































.case_show .right .xbox img{height:215px;}















body .footer .up .if_two{padding-left:20px;}















.case_show .banner .v_show{height:419px;}































.flip span{ display:block; clear:both;width:100%; margin-left:0px;}















.flip .down{margin-left:0px}















.case_show .left{margin-top:10px;}















.case_show .right{margin-top:10px;}















.case_show .right .cr_box{margin-left:0px;margin-top:0px; border:solid 1px #d9d7d7;padding:0px 10px; background:#eee}















.sin .left .xqq a{width:44%; background-size:100%;}















.sin .left .xqq a img{/*width:100%;*/}















.rollBox .Cont{width:505px;}















.rollBox .LeftBotton{left:10%}















.rollBox .RightBotton{ right:10%;}















body #ix_one_con{padding:20px 3px 0 3px;}















/*body .ix_three li a img{height:100px;}*/















body .case .swiper-container.items .swiper-slide .shade{height:205px;margin-top: -205px;}















.case .swiper-container.items .swiper-slide img{height:205px;}































.sin .left .box img{ float:inherit;margin:auto; display:block}















.sin .left .box p{width:inherit; text-align:center;}































}































































@media (min-width:1020px){/*��ͨ����*/







.news_left{ width:70%;}

.news_right{ width:27%;}















.ix_seven .left{width:60%;}







.ix_seven .right{ width:40%}















.ix_seven .left li{ float:left;padding:0 20px 20px 0; width:50%}







.ix_seven .left li a{ }































.panorama{height:870px;}















.panorama iframe{ height:580px;}















































.ix_six .operation img{ width:inherit}































.footer .up .if_three a{width:75px;}















#subnav li{  padding:0 0 0px 0;}















#subnav li a{padding:0 26px;}































































.ix_five .link a{width:20%;}















body .ix_x .ix_rx{top:35%;}















body .ix_x .ix_rx .logo{margin-bottom:15px;}















































body #index_1_info{height:600px;}















body .index_info p{width:133%; background:#eee; padding:10px 20px; font-size:13px; height:100%;}















body #index_list{ height:600px;}















body #index_2{width:514px;height:290px;}















body #index_3{width:514px;height:290px;}















body .index_i .xb-b img{margin-top: inherit;}















body .index_i .xb-a img{margin-top: inherit;}















body #index_1 a{width:470px;height:600px;}















body #index_1 img{height:600px;}















body #index_1 b h2{top:214px;}















.case_show .right .xbox img{height:84px;}















body .footer .up .if_two{padding-left:20px;}















.case_show .banner .v_show{height:370px;}















/*.v_show{height:275px;}















.circle li{width:89px}*/















.case_show .right .cr_box{margin-left:20px; border:solid 1px #d9d7d7;padding:0px;}































.sin .left .xqq a{width:46%; background-size:100%}















.sin .left .xqq a img{}















.sin .left .box img{ float:left}















.sin .left .box p{ float:left;margin:20px 0 0 10px;width:150px;}















body .case .swiper-container.items .swiper-slide .shade{height:205px;margin-top: -275px;}















body .case .swiper-container.items .swiper-slide .shade{height:205px;}















body #ix_one_con{  width:1080px;}















.rollBox .Cont{width:1010px;}















.rollBox .LeftBotton{left:0}















.rollBox .RightBotton{ right:0;}















.case_show .xb4{/*width:31%*/}















/*body .ix_three li a img{height:130px;}*/















}















































@media (min-width:1200px){/*��������*/















































.footer .up .if_three a{ width:75px;}















.rollBox .Cont{width:1010px;}















body #ix_one_con{  width:1080px;}















body .container{width:1020px;}















}































@media (max-width:760px){/*�ֻ�*/



div.business .box{ float:left; margin-top:0px;  }

div.business{margin:0px;}

div.business .box ul.items{margin:0px;}

div.business .box ul.items li{ float:left;padding:10px 10px; border-bottom:2px #fff solid; margin:0px; height:auto; width:100%; background:#999;}

div.business .box ul.items li.one,div.business .box ul.items li.two,div.business .box ul.items li.three,div.business .box ul.items li.four{background-image:none;background:#eee}

div.business .box ul.items li.one:hover{ background:#666}

div.business .box ul.items li.two:hover{ background:#666}

div.business .box ul.items li.three:hover{ background:#666}

div.business .box ul.items li.four:hover{ background:#666}

div.business .box ul.items li.four i{width:84px;}



.con_box li{width:100%;}



.news_left{ width:100%;}





.business.active .box ul.items li u.cl{ display:none} 

.business.active .box ul.items li u.cr{display:none}

div.business .box ul.items li strong{ float:left; margin:0px; text-align:left; width:50%;}

div.business .box ul.items li p{ float:left; width:60%; margin:5px 0 0 0}

div.business .box ul.items li i{ float:left; width:84px; margin:0px 20px 0 0; }





div.ix_nine{ margin:0 10px;}

.ix_nine ul a img{ height:auto}

.ix_nine ul li{ margin-bottom:15px;}



div.pt_nav a{ width:23.2%; margin:3px 3px; font-size:12px;}



ul.honor li a img{ height:auto}





#naver li#jiazhuangtaocan_nav{ width:66.6%;}



.ix_seven .left a img{height:100px;}



body div.ix_seven{margin-top:0px; padding-top:10px; padding-bottom:0px;}



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



div.case_show .right .xbox img{height:80px;}



.bdshare-button-style0-16{ float:left;width:100%;}



.flip .bdshare-button-style0-16{ float:none;width:140px; margin:auto;position: inherit; }



div.business .box ul.items li{/*width:160px; margin:0px;*/}







div.business.active .box ul.items li u{margin-left:0px;}



.sin .left .xqq a img{width:100%;}















.ix_seven .left{width:100%;}







.ix_seven .right{ width:100%}















.ix_seven .left li{ float:left;padding:0 10px 20px 10px; width:50%}







.ix_seven .left li a{ }















.ix_seven li a{ float:left;width:100%; height:inherit;}















.ix_seven a div{ width:100%;}































.ix_six .operation img{ width:100%}















.ix_x .ix_rx{top:30%;}















body .ix_rox{ width:300px;}















.ix_rox .tone img{width:100%;}















.top .logo .gg{ float:right;height:20px; margin-top:7px;display: block;}































body .banner-btn a.prev{ position:absolute;left:20px;top:30%} 















body .banner-btn a.next{ position:absolute;right:20px;top:30%}































































body .index_i{ clear:both;margin:10px 10px; position:inherit}















body .index_i:hover{ opacity: 0.7;}















body #index_1 a{width:100%; }















body .index_i:hover div h3{ display:block;}















































.case_show .right .xbox img{height:100px;}















.v_show{height:190px;}















.circle li{width:19%;}















.prev, .prev a, .next, .next a{width:21px;}















.prev,.next{top:5px;}















































.box_ban{width:50%;}















.detail img{width:100%;}































.ix_two li a{ float:left;width:100%; height:inherit;}















.ix_two a div{ width:100%;}































body .footer .up .if_two{padding-left:0px;}















.case_show .right{margin-top:10px;}















.case_show .right .cr_box{margin-left:0px; border:solid 1px #d9d7d7;padding:10px;}















.sin .left .xqq a{width:40%; }































.sin .right .sr_box{margin:0px;}















.style ul li img{height:130px;}















.case_nav{ border:none; margin:10px 0 0 0;height:60px;}















.case_nav h4{ clear:both}















.case_nav div a{margin:3px 0px;}















.case_nav div{ clear:both; width:100%;margin-top:7px; padding-bottom:10px;border-bottom: dashed 1px #f8d1dd}















.flip{ }















.flip span{ display:block; clear:both;width:100%; margin-left:0px;}















.flip .down{margin-left:0px}































.news .news_ik div{width:100%;padding-left:0px;}















#subnav li{ width:21%; margin:5px 7px;}















#subnav li a{ text-align:center; font-size:13px; line-height:25px; padding:0 5px;}















body .footer .up .if_four{ text-align:center;}















.ix_five .link a{width:20%;}















.ix_five .link a img{height:25px}















body .case .swiper-container.items .swiper-slide .shade{height:145px;}















.case .swiper-container.items .swiper-slide .shade u{margin-top:50px;}















.case .swiper-container.items .swiper-slide img{/*height:150px;*/height:170px;}















.case .swiper-container.items .swiper-slide:hover .shade{ display:none;}















.case .swiper-container.items .swiper-slide p span{ display:none;}















.rollBox .Cont{width:253px;}















/*body .ix_three li a img{height:150px;}*/





.ix_nine ul li{width:100%;}















































.toper{}















.toper .top{height:40px;}















.toper .logo{top:0px;left:0px;}















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















body .bg-naver{width:100%;bottom:0; background:none;}















body .bg-naver .container{padding:0px;}















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















body #naver{ background:#c52058}































#naver{ padding:0px;  background:#cc0033  }















#naver li{float:left;width:33.3%;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; }















#naver .home{ width:33.4%; clear:both}















#naver .active a{ background:#fff;color:#b4293f; }































#naver li a{color:#fff;line-height:30px;text-align:center;text-indent: 0em; border:none;}































#naver li a:hover{ background:none; color:#b4293f}















body #naver li a:hover{ background:#fff}















#naver li .drop-menu{ width:100%;min-width:100%;margin-top:0px; left:0; background:none;}















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































#naver .drop-menu li{ width:inherit;}















#naver .drop-menu li a{ background:#fff; color:#666}















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















#naver .drop-menu li a{ text-align:center;padding:0px;}































}















































































































































































































































































































































































































































































































































































/*.obj-e{height:100%;height:100%}















.obj-e img{width:100%; height:100%;}































































body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:"Microsoft Yahei","΢���ź�",Tahoma,Arial,Helvetica,STHeiti;}















html,body{height:100%;}















img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 















ol,ul{list-style:none;} 















h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}















a:active, a:focus{outline:none;}















button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}















*html{ background-attachment:fixed;background-image:url(about:blank);}*/ /* ����IE6��bug */































/* slide */































/*















.slide-main{position:relative;}















.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}















.prev{left:70px;}















.next{right:70px;}















.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}















.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}















.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}















.item a.cur{background:#fff;}















.slide-box,.slide{display:block;width:100%;overflow:hidden;}















.slide-box{position:relative;}















.slide{display:none;height:100%;background:#ff6900;position:relative;position:absolute;z-index:8;}















#bgstylea{background:#ff6900;}















#bgstyleb{background:#193d85;}















#bgstylec{background:#000;}















.slide a{display:block;width:100%;height:490px;cursor:pointer;}















.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:0; width:100%;}















.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}















.obj-a{display:block;height:352px;top:100px;}















.obj-b{top:406px;height:100px;}















.obj-c{display:block;height:582px;top:0;margin-left:-540px;}















.obj-d{top:228px;height:164px;}















.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}















.obj-e{/*width:366px;height:170px;margin-left:-460px;top:223px;*//*z-index:12;}















.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}















.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}















@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }















@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }















@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }















.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}















@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }















@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }















@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }















.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}















@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }















@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }















@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }















.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}















@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }















@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }















@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }















.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}















@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }















@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }















@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }*/































































































/*focus















.focus {overflow:hidden;position:relative;background:#ccc;}















.focus_m ul { float:left;width:100%;height:390px;overflow:hidden;}















.focus_m li {width:100%;_float:left;}















.focus_m li.li_1 {background:url(../images/1.jpg) center 0 no-repeat #288cc0;}















.focus_m li.li_2 {background:url(../images/2.jpg) center 0 no-repeat #76b7d8;}















.focus_m li.li_3 {background:url(../images/3.jpg) center 0 no-repeat #bb3838;}















.focus_s {height:0;position:relative;margin:0 auto;z-index:2;width:1000px;}















.focus_s ul {height:12px;overflow:hidden;position:absolute;left:10px;top:360px;}















.focus_s li {float:left;cursor:pointer;height:12px;width:12px;overflow:hidden;margin-right:10px;}















.focus_s li b {display:block;text-indent:-999em;background:url(../images/circle.png) 0 0 no-repeat;width:12px;height:32px;overflow:hidden;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/circle.png');_background:none;}















.focus_s li.active b {margin-top:-20px;}















.focus_l,.focus_r {position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:150px;}















.focus_l {left:0;}















.focus_r {right:0;}















.focus_l b,.focus_r b {position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:#000;opacity:0.3;filter:alpha(opacity=30);cursor:pointer;}















.focus_l span,.focus_r span {display:block;position:relative;z-index:2;width:22px;height:33px;top:21px;cursor:pointer;}















.focus_l span {left:12px;background:url(../images/l.png) 0 0 no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/l.png');_background:none;}















.focus_r span {left:16px;background:url(../images/r.png) 0 0 no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/r.png');_background:none;}















.focus_l:hover,.focus_r:hover {*zoom:1;}















.focus_l:hover b,.focus_r:hover b {opacity:0.5;filter:alpha(opacity=50);}















































.index_box {margin-top:15px;}















.index_box h3 {height:30px;line-height:30px;overflow:hidden;font-size:14px;}































*/































































.panorama{ position:relative;  margin:10px 0;width:100%; }















.panorama .bg_xp{ position:absolute; top:0;left:0; width:100%; /**/}















.panorama .box{ padding:40px; width:100%; /*z-index:99; */ background:none; position:absolute}















.panorama iframe{   width:100%; height:100%; /*z-index:99; */ background:none;}































.pan{ margin:20px 0 10px 0;}































.pan p{color:#666; font-size:12px; line-height:24px;}















.pan p h3,.pan p h2,.pan p h4{ color:#000;}















.pan h2{ text-align:center; width:100%;}































@media (min-width:760px){/*��������*/















.panorama{height:600px;}















.panorama iframe{ height:350px;}















}















@media (min-width:1000px){/*��������*/

.business .box ul.items li .lf{width:33%}
.business .box ul.items li .rg{width:66%;}
div.business .box ul.items li strong{margin-top:20px;}

.if_five .idex_qq a span{ padding:1px 10px;font-size:13px;}
.if_five .idex_box b{width:17%}
.if_five .idex_box span{width:83%}











.panorama{height:870px;}















.panorama iframe{ height:500px;}































}















@media (min-width:1200px){/*��������*/































}































@media (max-width:760px){

body .toper{padding: 10px 10px 20px 10px;}

body div.ix_eight{padding:15px 10px 0 10px}
div.ix_eight .ban{margin:10px 0 15px 0}

div.pt_nav{margin-top:10px}


.con_box .iadd,.con_box .itel,.con_box .ifax,.con_box .imail,.con_box .ibus,.con_box .iweb{background-size: 15px; padding-left: 20px;}




.pe_top{margin: 5px 0 10px 0;}
.pe_top span{ display:none;}
.peb{ float:left; display:block; width:100%;border-top: solid 1px #f5f5f5; padding-top:5px;}
.peb b{ width:100%;font-weight:400; display:block;  line-height:20px;font-size: 12px;display: block;color: #888;}
.wor p{margin:0;}

.con_box li{ font-size:11px;margin:0px;}
.con_box h3{margin-bottom:10px;}
#subnav{padding:6px;margin-top: 15px; margin-bottom: 0px;}
#subnav .active span,#subnav span{ display:none;}
#subnav li{margin:0px;width:25%;}

#map{height:200px;}

#pages{margin: 20px 0 30px 0;}
ul.news_list{margin:5px 0 0px 0}
body .ubox{padding: 10px 0px 10px 0px;}

h2.ban span{   text-align: left;font-size:12px; margin:5px 0 0 0}
body .ix_three{padding: 15px 0px 30px 0px;}
body .ix_three .ban{margin: 10px 0 15px 0;}
body .ix_four{padding-top: 15px;padding-bottom: 20px;}
body .ix_four .ban{margin: 10px 0 15px 0;}
div.ix_nine{padding: 20px 0 30px 0;}
div.ix_nine .ban{margin: 5px 0 15px 0;}
div.ix_nine ul li a{padding:10px;}


.ix_nine ul li img{ float:left; width:30%}

.ix_nine ul li div{ float:left; padding-left:15px; width:70%}
.ix_nine ul li div h3{padding:0 0 5px 0;text-align:left;}
.ix_nine ul li div span{display:none}
.ix_nine ul li div p{margin:0px; line-height:20px;}
.ix_nine ul li div .one{ display:none;}
.ix_nine ul li div .two{ display:block}
.business .box{margin-top:0px;}

ul.news_list .two{ width:100%;}

ul.news_list .two div{ width:100%; padding:0px 0px 0 0;}
ul.news_list .two p{margin-top:5px; line-height:20px;}
ul.news_list .two span{margin:0px;}
ul.news_list .two p.boxone{ display:none}
ul.news_list .two p.boxtwo{ display:block}
ul.news_list .one p.boxone{display:none}
ul.news_list .one p.boxtwo{ display:block}


ul.news_list .one p{margin-top:5px; line-height:20px;}
ul.news_list .one span{margin:0px;}




ul.news_list .one{ width:100%;}

ul.news_list .one div{ width:100%; padding:0px;}

ul.news_list .one, ul.news_list .two{ height:auto}

ul.news_list b{ display: none;}





.panorama{height:300px;}















.panorama iframe{ height:150px;}	















	















}















.twoList{overflow:hidden;}



.twoList li img{ width:100%;}



.style ul.twoList .ixv{padding:0px;}



/*.style ul.twoList .ixv .one{padding-right:0px;}



.style ul.twoList .ixv .two{padding-right:0px;}



.style ul.twoList .ixv .three{padding-right:0px;}*/











/*ul.twoList .ixv li{margin-top:-5px;margin-right:-5px;}*/







ul.twoList .space{padding:5px;}



.twoList li .box{ float:left; width:100%;position:relative;overflow:hidden;/*float:left;text-align:center;display:inline;*/}



.twoList span{transition:all 0.5s ease;position:absolute;left:0;bottom:0px; text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;line-height:30px;width:100%;height:30px;color:#fff;}



.twoList a{transition:all 0.3s ease;text-align:left;width:100%;height:100%;position:absolute;top:-450px;left:0;z-index:2;/*padding:0 32px;*/font-size:16px;}



.twoList a p.b{padding-bottom:12px;text-align:center;font-size:24px;padding-top:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/*.twoList a img{ position:absolute; top:40%; d}*/



.twoList a h3{ position:absolute; top:37%; width:100%;text-align:center; color:#fff; font-size:20px; display:block; margin:auto;opacity:1;}



.twoList a h3 img{ display:block; margin:auto; width:auto;}







.colorOne{background:#000;opacity:0.7;filter:alpha(opacity=70);}



.bgOne{background:#000;opacity:0.7;filter:alpha(opacity=70);}



.colorTwo{background:#6190a9;opacity:0.9;filter:alpha(opacity=90);}



.bgTwo{background:#6190a9;opacity:0.9;filter:alpha(opacity=90);}



.colorThree{background:#e87464;opacity:0.9;filter:alpha(opacity=90);}



.bgThree{background:#e87464;opacity:0.9;filter:alpha(opacity=90);}



.colorFour{background:#89c79d;opacity:0.9;filter:alpha(opacity=90);}



.bgFour{background:#89c79d;opacity:0.9;filter:alpha(opacity=90);}



.colorFive{background:#89578b;opacity:0.9;filter:alpha(opacity=90);}



.bgFive{background:#89578b;opacity:0.9;filter:alpha(opacity=90);}



.colorSix{background:#5b8a8b;opacity:0.9;filter:alpha(opacity=90);}



.bgSix{background:#5b8a8b;opacity:0.9;filter:alpha(opacity=90);}



.colorSeven{background:#b74638;opacity:0.9;filter:alpha(opacity=90);}



.bgSeven{background:#b74638;opacity:0.9;filter:alpha(opacity=90);}



.colorEight{background:#925b72;opacity:0.9;filter:alpha(opacity=90);}



.bgEight{background:#925b72;opacity:0.9;filter:alpha(opacity=90);}



.twoList li:hover a{top:0;}



.twoList li:hover span{bottom:10px; display:none}











.ban{  }



.ban{ float:left; width:100%;padding:0 10px; color:#313131; font-size:26px; margin:10px 0 30px 0; text-align:center}



.ban span{ display:block;  color:#666; font-size:13px; margin:10px 0 0 0}



.ban b{ color:#b4293f; font-weight:400;}







.ix_seven_bg{ background:url(../images/ix_seven_bg.jpg) center no-repeat; margin-bottom:30px; }



body .ix_seven{padding-top:30px; padding-bottom:50px;}







.ix_four_bg{background:#f6f6f6  url(../images/operation_bg.jpg) no-repeat center top;}







.ix_five_bg{ background:#f7f7f7}







div.ix_eight{ padding:30px 0 20px 0px;}



.ix_eight{}











.cr_box_pt .gore{ padding:28px 10px 10px 10px;}



.case_show .right .cr_box_pt .xcl{padding:10px 10px 20px 10px}



.case_show .right .cr_box_pt .xbox h4{line-height:40px;}



.case_show .right .cr_box_pt .xbox ul li{padding:3px 7px 3px 7px;}



.case_show .right .cr_box_pt .xbox ul{margin:0px 0 5px 0;}































.news_list{ margin:0 0 50px 0;overflow:hidden}







.news_list b{ position:absolute;left:497px; display:block; width:2px; height:212px; margin:auto; background:#d8d8d8;z-index:-1;











}







.ac_h_h{ background:#000}







.news_list .one a,.news_list .two a{ float:left; width:100%; display:block}



.news_list .one,.news_list .two{ position:relative; margin:10px 0px; height:160px;background:#eee;}



.news_list .one{ float:right; padding:10px; width:469px}







.news_list .one .ig{ float:left; display:block; width:180px; height:140px;}



.news_list .one div{ float:left; padding-left:20px; width:265px; }



.news_list .one h3{ font-size:14px; color:#333}



.news_list .one p{ color:#707070; margin:10px 0 0 0; font-size:12px; }



.news_list .one span{ float:right; margin-top:10px; color:#a0a0a0; font-size:12px;} 







.news_list .one .jv,.news_list .one .jvs{ position:absolute;left:-46px;bottom:10px;}



.news_list .one .jv{z-index:1;}



.news_list .one .jv:hover{opacity:0 }











.news_list .one a:hover .jv,.news_list .two a:hover .jv{opacity:0 }







.news_list .one:hover,.news_list .two:hover{ background:#d74061}






.news_list .one a:hover h3,.news_list .one a:hover p,.news_list .one a:hover span{ color:#fff}



.news_list .two a:hover h3,.news_list .two a:hover p,.news_list .two a:hover span{ color:#fff}







.news_list .two .ig{ float:right; display:block; width:180px;height:140px;}



.news_list .two div{ float:right; padding-right:20px; width:265px; }



.news_list .two h3{ float:left; font-size:14px; color:#333}



.news_list .two p{ float:left; color:#707070; margin:10px 0 0 0; font-size:12px; }
.news_list .two p.boxtwo{ display:none}


.news_list .two span{ float:right; margin-top:10px; color:#a0a0a0; font-size:12px;} 







.news_list .two .jv,.news_list .two .jvs{ position:absolute;right:-46px;top:10px; }



.news_list .two .jv{z-index:1;}



.news_list .two .jv:hover{opacity:0 }







.news_list .two{ float:left; width:465px;padding:10px; }


.news_list .one p.boxone{ display:block}
.news_list .one p.boxtwo{ display:none}







.pt_nav{ float:left; width:101%; margin:30px -3px 5px -3px}



.pt_nav a{ float:left; background:#EAEAEA; padding:5px 0px; width:11.9%;text-align: center;margin:0 3px; line-height:30px;display: inline-block;}



.pt_nav a:hover,.pt_nav a.hover{ background:#d74061;color:#fff}



@media (max-width:500px){
.case .swiper-container.items .swiper-slide img{ height:130px;}
}



div.business .box ul.items li{width:49%; margin:0px;height:155px;}
div.business .box ul.items li strong{ text-align: left}
.business .box ul.items li .rg{ float:right;padding:0 20px 0 0}

.business .box ul.items li .lf{ float:left; }
div.business .box ul.items li.one u,div.business .box ul.items li.three u{width:33%;margin-left:0px;}
div.business .box ul.items li p{margin-top:10px}

div.business .box ul.items li.one,div.business .box ul.items li.three{ background-size:160px;}
div.business .box ul.items li:hover strong{color:#333}
div.business .box ul.items li:hover p{color:#666}

@media (max-width:760px){
div.business .box ul.items li{width:auto; margin:0px;height:auto;}
div.business .box ul.items li strong{margin-top:0px; text-align: auto}
.business .box ul.items li .rg{ float:inherit;width:auto;padding:0 0px 0 0}

.business .box ul.items li .lf{ float:inherit; width:auto;}
div.business .box ul.items li.one u,div.business .box ul.items li.three u{width:auto;margin-left:0px;}
div.business .box ul.items li p{margin-top:10px}

div.business .box ul.items li.one,div.business .box ul.items li.three{ background-size:160px;}
div.business .box ul.items li:hover strong{color:#333}
div.business .box ul.items li:hover p{color:#666}
}