@charset "utf-8";
/* 欧方源码 */
/* www.ofym.com */
/* 服务：建站 开发 设计 营销 企云 */
/* QQ：11696561 */

body{background:#fff;width: 100%;max-width: 1920px;margin:0 auto;}
.wrap{max-width:1800px; width:100%; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;  text-align: center;}
.over{overflow: hidden;}
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.displayT{width: 100%;height: 100%;display: table;}
.tableC{display: table-cell;}
.inlineB{display: inline-block;}
.displayB{display: block;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.show_tb{display: none!important;}
.show_tb{display: none!important;}
.show_pc{display: block!important;}
.show_mb{display: none!important;}
@font-face {
  font-family: 'iconfont';  /* project id 435344 */
  src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot');
  src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot') format('embedded-opentype'),
  url('../fonts/font_435344_pihqaadyt1d78pvi.woff') format('woff'),
  url('../fonts/font_435344_pihqaadyt1d78pvi.ttf') format('truetype'),
  url('../fonts/font_435344_pihqaadyt1d78pvi.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont";font-style:normal;vertical-align: middle;}
/*@font-face{font-family: 'fzltcxh';src: url(../fonts/2135752bf2cb48bcad107e46ffe6e340.ttf);}*/

.language {
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    position: absolute;
    right: 20px;
    top: 38px;
    font-size: 12px;
}

body{overflow-x: hidden;}

.w_detail{margin-bottom: 3%;}
.w_detail .rel{position: relative;border-bottom: 1px solid #f0f0f0;padding-bottom: 3%;}
.w_detail .rel .button{position: absolute;top: 0;height: 100%;}
.w_detail .rel .button .b{font-size: 14px;color: #999;position: fixed;top: 50%;}
.w_detail .rel .button .b span{display: inline-block;vertical-align: middle; width: 50px;height: 50px;}
.w_detail .rel .button.prev{left: 0;}
.w_detail .rel .button.prev .b span{background: url(../images/det1.png) no-repeat center;margin-right: 5px;}
.w_detail .rel .button.prev .b:hover span{background: url(../images/det1o.png) no-repeat center;}
.w_detail .rel .button.next{right: 6%;}
.w_detail .rel .button.next .b{}
.w_detail .rel .button.next .b span{background: url(../images/det2.png) no-repeat center;margin-left: 5px;}
.w_detail .rel .button.next .b:hover span{background: url(../images/det2o.png) no-repeat center;}
.w_detail .main{width: 1200px;}
.w_detail .title{font-size: 24px;color:#333;padding:3% 0 2%;text-align: center;}
.w_detail .data{}
.w_detail .data .fl{font-size: 14px;color: #999;}
.w_detail .data .fl:first-child{margin-right: 3%;}
.w_detail .content{padding:3% 0 0%;line-height: 180%;}
.w_detail .share{}

.recom{padding-bottom: 2%;}
.recom .tit{font-size: 24px;color: #333;border-bottom: 1px solid #f0f0f0;padding-bottom: 1%;margin-bottom: 2%;}
.iCase.recom .list .box{width: 22.7%;}
.iNews.recom .list .box{width: 22.8%;}

.banner a{display:inline-block;height:472px;width:100%;}

.header{position: fixed;width: 100%;background: #fff;left: 0;top: 0;z-index: 100;}
.header .ps{padding-top: 0.7%;/*margin-bottom: 1%;*/}
.header .ps .m_nav_button{color:#ff0000;font-size: 35px;display: none;cursor: pointer;margin-right:50px;}
.header .ps .hSearch{position: relative;z-index: 55;}
.header .ps .hSearch img{cursor: pointer;}
.header .ps .hSearch form input{position: absolute;top: 0;display: none;}
.topForm .text{border:1px solid #d9d9d9;border-radius: 100px;height: 38px;padding: 0 45px 0 0;font-size: 15px;color: #333;width: 140px;left: -147px;text-indent: 20px;}
.topForm form .sub{width: 40px;height: 40px;background: url(../images/hd1.png) no-repeat center;border:none;left: 0px;cursor: pointer;vertical-align: middle;}
.header .ps .hPhone{border:1px solid #e4e4e4;font-size: 16px;color: #ff0000;font-weight: bold;border-radius: 100px;padding:8px 20px;margin-left: 10px;vertical-align: middle;}
.header .logo{margin-bottom: 2%;}
.header .nav{position: relative;}
.header .nav .li{margin: 0 2.5%;}
.header .nav .li > a{border-bottom: 2px solid transparent;padding-bottom: 12px; padding-top:10px;font-size: 14px;color: #333;display: inline-block;vertical-align: middle;}
.header .nav .li > a.on{border-color: #ff0000;color: #ff0000;}
.header .nav .li > a:hover{border-color: #ff0000;color: #ff0000;}
.header .nav .li:hover .navBox{display: block;}
.header.headMini{padding:1% 0;box-shadow: 0 1px 2px #f3f3f3;}
.header.headMini .logo{width:21.94%; float: left;margin-bottom: 0;}
.header.headMini .nav{margin: 1% 22% 0;}
.header.headMini .ps{float: right;padding: 0;margin:1% 0 0;}
.fix_height{}
.header{}
.header .navBox{display: none;transition:all 3s;-webkit-transition:all 3s;position: absolute;width: 100%;top: 100%;left: 0;z-index: 90;background: url(../images/nav_bg.png);}
.header .navBox .a{padding:15px 0;}
.header .navBox .a a{font-size: 14px;color: #595757;padding:0 25px;border-left: 1px solid #595757;}
.header .navBox .a:first-child a{border:none;}
.header .navBox .a:hover a{color: #ff0000;}
.fadeInDown{animation: fadeInDown .5s both;-wekit-animation: fadeInDown .5s both;}
@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-37px);
		transform:translateY(-37px)
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-37px);
		-ms-transform:translateY(-37px);
		transform:translateY(-37px)}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}

#owl-banner{width: 100%;max-width: 1920px;text-align: center;margin:0 auto;}
#owl-banner .item{background: #fff no-repeat center;}
#owl-banner .owl-controls{margin-top: 0;}
#owl-banner .owl-controls .owl-page span{background: none;border: 2px solid #ccc;width: 8px;height: 8px;opacity: 1;}
#owl-banner .owl-controls .owl-page.active span{border-color: #ff0000;background: #ff0000;}
#owl-banner .owl-pagination{margin-top: 1%;position: absolute;left: 0;bottom: 4%;width: 100%;}
#owl-banner .owl-buttons{}
#owl-banner .owl-buttons div{display: none;}
#owl-banner .owl-buttons .owl-prev{left: 2%;background: url(../images/ib_l.png) no-repeat center;}
#owl-banner .owl-buttons .owl-next{right: 2%;background: url(../images/ib_r.png) no-repeat center;}



.index{}
.iTitle{text-align: center;padding:4% 0 3%;}
.iTitle .t1{font-size: 30px;color: #666;}
.iTitle span{display: inline-block;width: 33px;height: 3px;background: #ff0000;margin:.5% 0;}
.iTitle .t2{font-size: 20px;color: #333;}

.iCate{margin-bottom: 2%;text-align: center;}
.iCate a{font-size: 14px;color: #333;margin: 0 1%;}
.iCate a.on{color: #ff0000;}
.iCate a:hover{color: #ff0000;}

.index .iPage{text-align: center;padding-bottom: 3%;}
.index .iPage .prev{}
.index .iPage .next{}
.index .iPage .mid{margin:0 .5%;}

.index .maod_rel{position: relative;}
.index .maod_rel .maod{position: absolute;top:-20%;left: 0;}

.iCase .list{/*display: none;*/}
/*.iCase .list_box .list:first-child{display: block;}*/
.iCase .list .box{width: 31%; /*margin-left: 2.3%;*/ margin:0 1.15% 3%;}
.iCase .list .box .pic{background: url(../images/loading.gif) no-repeat center;}
.iCase .list .box .pic img{transition:all 1.2s;-webkit-transition:all 1.2s;}
.iCase .list .box .pic:hover img{}
/*.iCase .list .box.noml{margin-left: 0;}*/
.iCase .list .box .t{margin-top: 2%;width: 100%;}
.iCase .list .box .t a{font-size: 16px;color: #333;}
.iCase .list .box .t span{font-size: 14px;color: #999;}
#owl-iCase{width: 100%;max-width: 1920px;text-align: center;margin:0 auto;padding-bottom: 5%;}
#owl-iCase .item{background: #fff no-repeat center;}
#owl-iCase .owl-controls{margin-top: 0;}
#owl-iCase .owl-controls .owl-page span{display: none;}
#owl-iCase .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 5%;text-align: center;}
#owl-iCase .owl-buttons{background: url(../images/ip2.png) no-repeat center;;}
#owl-iCase .owl-buttons div{padding:0;margin: 0 51px;opacity: 1;width: 52px;height: 50px;border-radius: 0;text-indent: 999px;overflow: hidden;transition: all .5s;}
#owl-iCase .owl-buttons .owl-prev{background: #f1f1f1 url(../images/ipj1.png) no-repeat center;}
#owl-iCase .owl-buttons .owl-prev:hover{background: #ff0000 url(../images/ipj10.png) no-repeat center;}
#owl-iCase .owl-buttons .owl-next{background: #f1f1f1 url(../images/ipj2.png) no-repeat center;}
#owl-iCase .owl-buttons .owl-next:hover{background: #ff0000 url(../images/ipj20.png) no-repeat center;}

#owl-iNews{width: 100%;max-width: 1920px;margin:0 auto;padding-bottom: 5%;}
#owl-iNews .item{background: #fff no-repeat center;}
#owl-iNews .owl-controls{margin-top: 0;}
#owl-iNews .owl-controls .owl-page span{display: none;}
#owl-iNews .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 5%;text-align: center;}
#owl-iNews .owl-buttons{background: url(../images/ip2.png) no-repeat center;margin-top: 2%;}
#owl-iNews .owl-buttons div{padding:0;margin: 0 51px;opacity: 1;width: 52px;height: 50px;border-radius: 0;text-indent: 999px;overflow: hidden;transition: all .5s;}
#owl-iNews .owl-buttons .owl-prev{background: #f1f1f1 url(../images/ip1.png) no-repeat center;}
#owl-iNews .owl-buttons .owl-prev:hover{background: #ff0000 url(../images/ipj10.png) no-repeat center;}
#owl-iNews .owl-buttons .owl-next{background: #f1f1f1 url(../images/ip3.png) no-repeat center;}
#owl-iNews .owl-buttons .owl-next:hover{background: #ff0000 url(../images/ipj20.png) no-repeat center;}

.index .iAbout .wrap{position: relative;background: #f6f6f6;}
.index .iAbout .pic{width: 50%;position: relative;}
/*.index .iAbout .pic .visn{visibility: hidden;}*/
.index .iAbout .pic .ivdo{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.index .iAbout .pic .ivdo iframe{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.index .iAbout .pic .ivdo video{width:100%;background: #f6f6f6;}
.index .iAbout .pic .button{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;background: url(../images/iab2.png) no-repeat center;cursor: pointer;display: none;}
.index .iAbout .words{position: absolute;width: 50%;height: 100%;right: 0;top: 0;}
.index .iAbout .words .bf{width:85%;margin:0 auto;font-size: 14px;color: #666;line-height: 180%;}
.index .iAbout .words .m{margin-top: 5%;}
.index .iAbout .words .m a{display: inline-block;font-size: 14px;color: #333;padding:1.5% 4%;border:1px solid #999;}

.iNews{}
.iNews .list{margin-bottom: 1%;}
.iNews .list .box{position: relative;width:23%;margin:0 1%;border-bottom: 2px solid #ddd;cursor: pointer;}
/*.iNews .list .box.noml{margin-left: 2%;}*/
.iNews .list .box:after{width:0;height: 2px;background: #096ed6;transition:all .7s;-webkit-transition:all .7s;position: absolute;bottom: -2px;left: 0;content: "";}
.iNews .list .box .pic.img{background-size: auto!important;}
.iNews .list .box .t{margin:4% 0;}
.iNews .list .box .t a{font-size: 16px;color: #333;width: 95%;height: 22px;}
.iNews .list .box .bf{font-size: 14px;color: #777;line-height: 25px;word-break: break-all;text-align: left;height: 50px;overflow: hidden;}
.iNews .list .box .date{font-size: 14px;color: #999;padding:5% 0;text-align: left;}
.iNews .list .box .date img{margin-left: 3%;}
.iNews .list .box:hover .t a{color: #096ed6;}
.iNews .list .box:hover:after{width: 100%;} 

.foot{overflow: hidden;}
.foot .list{background: #333;padding:2% 0 3%;}
.foot .list .box{width:10%;margin-right: 10%;}
.foot .list .box .tt{}
.foot .list .box .tt a{font-size: 16px;color: #888;display:block;border-bottom: 1px solid #484848;padding-bottom: 15px;margin-bottom: 25px;}
.foot .list .box ul{}
.foot .list .box ul li{line-height: 200%;}
.foot .list .box ul li a{font-size: 14px;color: #ccc;}
.foot .list .box.last{width:37%;margin-right: 0;}
.foot .list .box.last .fContact{}
.foot .list .box.last .fContact .p{font-size: 25px;color: #ff0000;}
.foot .list .box.last .fContact .d{font-size: 14px;color: #666;padding:4% 0 20%;}
.foot .list .box.last .fContact .ol{background: #3f3f3f;border-radius: 6px;padding:4% 0;}
.foot .list .box.last .fContact .ol a{color: #fff;font-size: 17px;}
.foot .list .box.last .fContact .ol img{margin-right: 10px;}
.foot .list .box.last .ewm{}
.foot .list .box.last .ewm div{}
.foot .list .box.last .ewm .fl{/*margin-right: 20px;*/}

.foot .cpr{background: #222;padding:1% 0;}
.foot .cpr .w{font-size: 14px;color: #666;}
.foot .cpr .w a{font-size:14px; color:#666}
.foot .cpr .share{}
.foot .cpr .share a{padding:0 5px; font-size:14px; color:#666}

.position{}
.position .wrap{background: #f0f0f0;padding:1.5% 0;}
.position .loc{font-size: 14px;color: #999;margin-left: 3%;}
.position .loc a{font-size: 14px;color: #999;}
.position .loc a:last-child{color: #ff0000;}
.position .loc span{font-size: 14px;color: #999;}
.position .back{margin-right: 3%;}
.position .back a{font-size: 14px;color: #666;}

.case{padding-bottom: 5%;}
.case .sear{font-size: 24px;color: #333;text-indent: 20px;margin-bottom: 2%;}

.news{}
.news .list .box{width: 23%;}
.iNews.news .list .box{margin-bottom: 1%;}
.iNews.news .list .box .pic{background: url(../images/loading.gif) no-repeat center;}
.img.noPic{background: url(../images/nopic.png) no-repeat center!important;background-size: 30% auto!important;}


.contact .main{max-width: 1500px; width:98%; margin: 0 auto;}
.contact .c_tit{height:32px; line-height:32px; text-align:center; font-size:18px; color:#757575;}
.contact .c_tit_en{height:16px; line-height:16px; font-size:12px; color:#757575; text-align:center;}
.contact .c_cup{margin-top:52px; padding-bottom:48px; border-bottom:1px solid #e5e5e5;}
.contact .c_cup .c_li{width:25%; background:url(../images/c_li.jpg) no-repeat left center; margin-bottom:50px;}
.contact .c_cup .bgn{background:none;}
.contact .c_cup .c_li .c_pic{height:70px; width:100%;}
.contact .c_cup .c_li .c1{background:url(../images/c1.jpg) no-repeat center top;}
.contact .c_cup .c_li .c2{background:url(../images/c2.jpg) no-repeat center top;}
.contact .c_cup .c_li .c3{background:url(../images/c3.jpg) no-repeat center top;}
.contact .c_cup .c_li .c4{background:url(../images/c4.jpg) no-repeat center top;}
.contact .c_cup .c_li .one{line-height:24px; text-align:center; color:#757575; font-size:14px;}
.contact .form{padding:0 0 5%;}
.contact .c_row{width:32%; margin-left:2%; margin-bottom:30px;}
.contact .c_row.noml{margin-left: 0;}
.contact .c_row .user{width:100%; border:1px solid #e3e3e3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; padding:0 18px; height:48px; line-height:48px; color:#999; font-size:14px;}
.contact .m_row{margin-bottom:30px;}
.contact .m_row .mess{border-radius:5px; padding:14px 18px; line-height:28px; font-size:14px; color:#999; width:100%; border:1px solid #e3e3e3; min-height:200px;}
.contact .c_submit{width:150px; height:50px; background:#ff9c0b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(../images/pie.htc); position:relative; margin:0 auto;}
.contact .c_submit .mit{height:50px; width:150px; border:none; background:none; line-height:50px; font-size:16px; color:#fff; cursor:pointer;}

/*.rm_outer{position: fixed;z-index: 90;width: 100%;top: 38%;left: 0;}
.rm_outer .rm_inter{position: relative;}
.right_menu{position: absolute;right: 0;top:0;}*/
.right_menu{position: fixed;right: -80px;top:38%;z-index: 90;}
.right_menu.show{right: 0;}
.right_menu .relat{position: relative;}
.right_menu .relat .button{position: absolute;bottom:44%;right: 100%;background: url(../images/rp_bg.png);cursor: pointer;width: 20px;padding: 5px 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.right_menu.show .relat .button{}
.right_menu.show .relat .button img{transform: rotate(180deg);}
.right_menu.right{position: fixed;right: 0;top: 25%;}
.right_menu .box{width: 80px;padding:10px 0;margin-bottom: 1px;background: url(../images/rp_bg.png);cursor: pointer;font-size: 12px;color: #fff;}
/*.right_menu .box .img{width: 40%;margin: 0 auto;}*/
.right_menu .box img{margin-bottom: 5px;width: 25px;}
.right_menu .box a{font-size: 12px;color: #fff;}
.right_menu .box.call{position: relative;}
.right_menu .box.call .op0{}
.right_menu .box.call:hover .op0{opacity: 0;visibility: hidden;}
.right_menu .box.call:hover .form{width: 330px;}
.right_menu .box.hide{background: none;}
.right_menu .box.hide .op0{opacity: 0;visibility: hidden;}
.right_menu .box.call .form{position: absolute;top: 0;right: 0;height: 100%;background: url(../images/rp_bg.png);width: 0;}
.right_menu .box.call .form.open{width: 330px;}
.right_menu .box.call .form .width{width: 300px;margin-left: 15px;padding-top: 10px;}
.right_menu .box.call .form .close{font-size: 12px;color: #fff;display: none;}
.right_menu .box.call .form .w{font-size: 14px;color: #fff;margin-bottom: 5px;}
.right_menu .box.call .form .text{width: 207px;height: 28px;background: #fff;color: #ff9c0b;text-indent: 10px;border:none;margin-right: 1px;}
.right_menu .box.call .form .sub{color: #fff;background: #ff9c0b;width: 86px;height: 28px;border:none;}


.mb_nav{position: fixed;left: -300px;top: 0;background: #fff; z-index: 95;width: 300px;height: 100%;transition: left .5s;}
.mb_nav .li{display: block;margin:0;border-bottom: 1px solid #efefef;}
.mb_nav .li > a{margin-bottom: 0;display: block;font-size: 18px;padding: 7% 0;}
.mb_nav .li > a.on{border-color: transparent;color: #ff0000;}
.mb_nav .li > a:hover{border-color: #ff0000;color: #ff0000;}
.mb_nav .navBox{display: none!important;}

.mask{background: url(../images/mask.png);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 90;visibility: hidden;opacity: 0;transition:all .5s;-webkit-transition:all .5s;}
.mask.mask_visible{visibility: visible;opacity: 1;}

.mbiCate{text-align: center;margin-bottom: 3%;}
.mbiCate select{border: solid 1px #d8d8d8;text-align: center;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/arrow.png") no-repeat scroll 95% center transparent;padding: 5px 25px 5px 15px;color: #565656;border-radius: 4px;}
.mbiCate select::-ms-expand { display: none; }


.pub_turn_page{margin: 21px 0;font-size:0;text-align:center;}
.pub_turn_page a,.pub_turn_page font,.pub_turn_page select{display:inline-block;margin: 5px;padding:10px 14px;font-size:14px;border:1px solid #e3e3e3;border-radius:5px;outline:0;background: white;}
.pub_turn_page .page-num-current{color:#fff;background:#ff0000;border-color:#ff0000;}


@media only screen and (max-width: 1800px){
	.header .ps .hPhone{margin-right:40px;}
	
	/*.foot .list .box:first-child{margin-left:10px;}
	.foot .list .box.last{margin-right:10px;}
	.foot .list .box.last .ewm{width:48.3%;}
	.foot .list .box.last .ewm div{width:46.9%;}
	.foot .list .box.last .ewm div:first-child{margin-right:3%;}
	.foot .cpr .w{margin-left:10px;}
	.foot .cpr .share{margin-right:10px;}*/
	
	.w_detail .main,.wrap{width:97%;}
}

@media only screen and (max-width: 1680px){
	.foot .list .box.last .ewm div{width: 49%;margin:0 .5%;}
}
@media only screen and (max-width: 1440px){
	.foot .list .box.last .fContact .d{padding-bottom: 20px;}
	.right_menu{top:20%;}
	.header .nav .li{margin: 0 1.5%;}
	.foot .list .box.last .ewm{width: 50%;}
}

@media only screen and (max-width: 1280px){
	.foot .list .box.last .fContact .p{font-size:24px;}
	.right_menu{display:none;}
	.header .ps .hSearch form .text{width: 100px;left: -107px;}
	.header .nav .li{margin: 0 1%;}
}

@media only screen and (max-width: 1024px){
	.header .logo{float: left;margin-bottom: 0;}
	.header .ps{float: right;padding: 0;margin-top: 1%;}
	.header .ps .hPhone{display:none;}
	.header .ps .hSearch{margin-right:10px;}
	.header .nav{display:none;}
	.header .ps .m_nav_button{display: inline-block;}
	.header.trans .logo{width: 300px;}
	
	.mb_nav.show{left: 0;}
	
	.foot .list .box{width: 32%;margin-right: 1%;}
	.foot .list .box.last{width: 100%;}
	.clear1024{clear: both;}
	
	.foot .list .box ul{display:none;}
	.foot .list .box.last{display:block; width:98%; margin:0 auto; float:none;}
	.foot .list .box .tt{text-align: center;}
	.foot .list .box.last .tt{}
	.foot .cpr .w{width:100%; margin:0 auto; float:none; text-align:center;}
	.foot .cpr .share{width:100%; margin:3px 0; float:none; text-align:center;}
}


@media only screen and (max-width: 992px){
	.show_pc{display: none!important;}
	.show_tb{display: block!important;}
	.w_detail .content img{width: auto!important;height: auto!important;max-width: 100%;max-height: 100%;}
	.clear992{clear: both;}
	.contact .c_cup .c_li{width:50%;}
	.iCase.recom .list .box{width:47.7%;}
	.iCate{display:none;}
	
	
	.header.trans{padding:2% 0;}
	
	.index .iAbout .pic{width: 100%;float: none;text-align: center;overflow: hidden;}
	.index .iAbout .words{position: unset;width: 100%;padding:0% 0 6%;}
	
	.iNews.recom .list .box,.iNews .list .box{width: 48%;}
	
	.w_detail .rel .button{display: none;}
	
	.iCase .list .box{width: 47%;}
}
@media only screen and (max-width: 768px){
	.contact .c_row{width:100%; float:none;margin-left: 0;}
	.iTitle .t1{font-size: 23px;}
	.iTitle .t2{font-size: 16px;}
	#maximg img{ max-width:100%; height:auto !important}
}

@media only screen and (max-width: 640px){
	.show_tb{display: none!important;}
	.show_mb{display: block!important;}
	.clear640{clear: both;}
	.contact .c_cup .c_li{width:100%; background:none;}
	.header.trans{padding:4% 0;}
	.header .ps .hSearch{display: none;}
	.header.trans .logo{float: left;margin-bottom: 0;width: 300px;}
	.header .ps{float: right;padding:0;margin: 1% 0 0;}
	.iCase .list .box .t a{font-size: 14px;}
	.iCase .list .box .t span{font-size: 12px;}
	.foot .list .box.last .fContact{float: none;text-align: center;margin-bottom: 4%;}
	.foot .list .box.last .ewm{float: none;text-align: center;width: 100%;}
	.foot .list .box.last .ewm .fl,.foot .list .box.last .ewm .fr{display: inline-block;float: none;margin:0;width: 48%;}
	.foot .list{padding:6% 0;}
	.foot .cpr{padding:3% 0;}
	.iTitle{padding: 6% 0;}
	.index .iAbout .words .bf{font-size: 13px;}
	.iNews .list .box .bf{font-size: 12px;}
	.w_detail .title{font-size: 20px;}
	.w_detail .data{text-align: center;}
	.w_detail .data .fl{float: none;display: inline-block;}
}
@media only screen and (max-width: 450px){
	.header.trans .logo{width: 250px;}
}
@media only screen and (max-width: 375px){
/*	.header.trans .logo{width: 210px;}*/
}


    /* list_history 样式*/
    #column-timeline {
        margin-left:15px;
        margin-right:15px;
        position:relative;
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        -ms-transition:all .4s ease;
        transition:all .4s ease
    }
    #column-timeline:before {
        content:"";
        width:3px;
        height:100%;
        background:#ccc;
        left:50%;
        top:0;
        position:absolute
    }
    #column-timeline:after {
        content:"";
        clear:both;
        display:table;
        width:100%
    }
    #metismenu {
        display:block;
        float:left;
        width:100%;
        border-bottom:1px solid #eee;
        border-right:1px solid #eee;
        background-image:-webkit-linear-gradient(left,color-stop(#eee 10px),color-stop(#fff 10px));
        background-image:linear-gradient(to right,#eee 10px,#fff 10px);
        background-repeat:repeat-x
    }
    #metismenu ul {
        padding:0;
        margin:0;
        list-style:none
    }
    #metismenu a,#metismenu a:active,#metismenu a:focus,#metismenu a:hover {
        outline:0
    }
    #metismenu ul a,#metismenu ul li {
        display:block
    }
    #metismenu ul a {
        padding:10px 20px;
        color:#333;
        border-top:1px solid #eee
    }
    #metismenu ul a:active,#metismenu ul a:focus,#metismenu ul a:hover {
        color:#fff;
        text-decoration:none;
        background-color:#ccc
    }
    #metismenu ul ul a {
        padding:10px 30px
    }
    #metismenu ul ul a:active,#metismenu ul ul a:focus,#metismenu ul ul a:hover {
        background-color:#ccc
    }
    #metismenu-item {
        padding-left:5px
    }
    #metismenu-item-icon {
        padding-right:5px
    }
    #column-timeline .column-timeline-item:after,#column-timeline .column-timeline-item:before {
        content:'';
        display:block;
        width:100%;
        clear:both
    }
    #column-timeline .column-timeline-item {
        margin-bottom:50px;
        position:relative
    }
    #column-timeline .column-timeline-item .column-timeline-icon {
        background:#ccc;
        width:50px;
        height:50px;
        position:absolute;
        top:0;
        left:50%;
        overflow:hidden;
        margin-left:-23px;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -ms-border-radius:50%;
        border-radius:50%
    }
    #column-timeline .column-timeline-item .column-timeline-icon img {
        position:relative;
        top:14px;
        left:14px
    }
    #column-timeline .column-timeline-item .column-timeline-icon span.glyphicon {
        margin:13px 0 0 15px;
        font-size:20px;
        color:#fff
    }
    #column-timeline .column-timeline-item .column-timeline-content {
        width:45%;
        background:#fff;
        padding:20px;
        border:1px solid #ccc;
        -webkit-box-shadow:0 3px 0 #ccc;
        -moz-box-shadow:0 3px 0 #ccc;
        -ms-box-shadow:0 3px 0 #ccc;
        box-shadow:0 3px 0 #ccc;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        border-radius:5px;
        -webkit-transition:all .3s ease;
        -moz-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease
    }
    #column-timeline .column-timeline-item .column-timeline-content h2 {
        padding:15px;
        background:#ccc;
        color:#fff;
        margin:-20px -20px 20px -20px;
        font-size:1.2em;
        -webkit-border-radius:3px 3px 0 0;
        -moz-border-radius:3px 3px 0 0;
        -ms-border-radius:3px 3px 0 0;
        border-radius:3px 3px 0 0
    }
    #column-timeline .column-timeline-item .column-timeline-content:before {
        content:'';
        position:absolute;
        left:45%;
        top:20px;
        width:0;
        height:0;
        border-top:7px solid transparent;
        border-bottom:7px solid transparent;
        border-left:7px solid #ccc
    }
    #column-timeline .column-timeline-item .column-timeline-content.right {
        float:right
    }
    #column-timeline .column-timeline-item .column-timeline-content.right:before {
        content:'';
        right:45% ;
        left:inherit;
        border-left:0;
        border-right:7px solid #ccc
    }
    #column-timeline .column-timeline-item .btn {
        padding:5px 15px;
        text-decoration:none;
        background:0 0;
        border:2px solid #ccc;
        color:#ccc;
        display:inline-block;
        position:relative;
        text-transform:uppercase;
        font-size:12px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        border-radius:5px;
        -webkit-transition:background .3s ease;
        -moz-transition:background .3s ease;
        -ms-transition:background .3s ease;
        transition:background .3s ease;
        -webkit-box-shadow:2px 2px 0 #ccc;
        -moz-box-shadow:2px 2px 0 #ccc;
        -ms-box-shadow:2px 2px 0 #ccc;
        box-shadow:2px 2px 0 #ccc
    }
    #column-timeline .column-timeline-item .btn:hover {
        box-shadow:none;
        top:2px;
        left:2px;
        -webkit-box-shadow:2px 2px 0 transparent;
        -moz-box-shadow:2px 2px 0 transparent;
        -ms-box-shadow:2px 2px 0 transparent;
        box-shadow:2px 2px 0 transparent;
    }
}
    @media screen and (max-width:768px) {
        #column-timeline {
            margin:30px;
            padding:0
        }
        #column-timeline:before {
            left:0
        }
        #column-timeline .column-timeline-item .column-timeline-content {
            width:90%;
            float:right
        }
        #column-timeline .column-timeline-item .column-timeline-content.right:before, #column-timeline .column-timeline-item .column-timeline-content:before {
            left:10%;
            margin-left:-6px;
            border-left:0;
            border-right:7px solid #ccc
        }
        #column-timeline .column-timeline-item .column-timeline-icon {
            left:0
        }
        .column-timeline-content p {
            font-size:12px
        }
    }