.wrap{border: 0;padding:0;width:1260px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}

.head_m{ background:#313131; width:100%; min-width:1260px; height:35px;}
.head_m .zi{ line-height:35px; font-size:12px; color:#fff;}
.head_m .lang{ line-height:35px; font-size:12px; color:#fff;}
.head_m .lang a{ margin:0px 10px;color:#fff;display: inline-block;}
.head_m .lang .ai{ margin-top:5px;}

.head_logo{ height:100px; line-height:100px;}
.head_logo .logo{ margin-top:10px;}
.head_logo .phone{ margin-top:35px;}


.nav_m{ float:right; position:relative;z-index: 9;}
.nav{ width:100%;}
.nav li{ display:inline-block; *display:inline; zoom:1; height:100px; position:relative; vertical-align:top;}
.nav li a{ font-size:15px; width:110px; margin-left:-20px; height:100px; text-align:center; line-height:100px; color:#333333;display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.nav li.now a,.nav li:hover a{ color:#FFF; background:url(../images/nav_bg.png) no-repeat;}

.nav li:hover .er{ display:block;}
.nav li .er{ width:90px; position:absolute; left:-20px; top:100px; z-index:999; display:none;}
.nav li .er .er_m{ width:100%; position:relative;}
.nav li .er .er_m  ul{ width:100%; height:auto; background:rgba(0, 140, 214, 0.7);}
.nav li .er .er_m  ul li{ width:100%; height:40px; line-height:40px; text-align:center; margin-left:0;}
.nav li .er .er_m  ul li a{ width:100%; font-size:12px; height:40px; line-height:40px;margin-top:0; margin-left:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.nav li:hover .er .er_m  ul li a{ background:none; color:#fff;}
.nav li .er .er_m  ul li a:hover{ color:#313131;}


.nav li:nth-child(3) .er{width: 150px;position:absolute;left: -50px;top:100px;z-index:999;display:none;}
.nav li:nth-child(3):hover .er{ display:block;}
/****热门搜索****/
.iphone_bg{ background:url(../images/iphone_bg.jpg) center center no-repeat; width:100%; min-width:1260px; height:65px;}
.iphone_bg .iphone{ width:1260px; margin:0 auto; overflow:hidden;}

.t_news{ width:800px;text-align:left;float:left;}
.t_news b{ line-height:65px; color:#fff; font-weight:normal; display:inline-block; font-size:18px;  background:url(../images/hot_icon.png) center left no-repeat ; padding-left:60px; }
.t_news a{color:#fff; margin:0 6px;}
.t_news a:hover{color:#016D9E;}

.iphone .rf{ width:420px;}
.iphone .rf img{ vertical-align:middle; margin-top:10px;}

.so-tik{text-align:center; overflow:hidden; padding:45px 0px;}
.so-ticn{ width:1260px; margin:0px auto; position:relative;font-size:36px; color:#008cd6; padding-bottom:8px;margin-bottom:5px; background:url(../images/b_line.jpg) center bottom no-repeat;}
.so-ticn span{ display:block; width:152px; height:50px; line-height:50px; overflow:hidden; position:relative; z-index:3; text-align:center; margin:0 auto;}
.so-ticn span b{ display:block; font-weight:normal; position:relative; top:0; }
.so-ticn span b{transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;}
.jjk:hover .so-ticn span b{ top:-100%;}
.so-tik p{ color:#626262; font-size:14px;}

/*-----------产品中心-------------*/
.pro_bg{ background:#fff; width:100%; min-width:1260px; overflow:hidden; padding-bottom:40px;}

.box_m{ width:1260px; margin:0px auto; overflow:hidden;}
.slidegrid {float: left;position: relative;	overflow: hidden;}
.slideitems {width: 200000em;position: absolute;}
.slideitems li {float: left;}
.slideGroup{ width:1260px;}
.slideGroup .parHd{text-align: center;background:url(../images/line.jpg) center center no-repeat;}
.slideGroup .parHd ul{float:left;position:absolute;top:-1px; }
.slideGroup .parHd li { font-size:13px;background: #fff; border:1px solid #313131;height:35px;line-height:35px; padding:0px 20px;border-radius:20px;display: inline-table;cursor:pointer;}
.slideGroup .parHd li.on{background:#008cd6; color:#fff;border:1px solid #008cd6;}

.slideGroup .parBd{padding: 50px 0px 0px; height:288px; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; }
.slideGroup .sPrev{ display:none; width:40px; height:76px; float:left;  margin-top:90px; background: url(../images/left.png) center center no-repeat rgba(255, 255, 255, 0.4); position:absolute; margin-left:5px; z-index: 99;}
.slideGroup .sNext{display:none;width: 40px; height:76px; float:right; margin-top:-200px; background: url(../images/right.png) center center no-repeat rgba(255, 255, 255, 0.4); margin-right:5px;z-index: 999; position: relative;}
.slideGroup:hover .sPrev{display:block;}
.slideGroup:hover .sNext{display:block;}

.slideGroup .parBd .tempWrap{ float:left;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .parBd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; width:305px;   }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:305px; height:229px; display:block; border:1px solid #ccc;}
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:40px; color:#fff;background:#2f2f2f; font-size:14px;}
.slideGroup .parBd ul li:hover .title { color:#fff;background:#008cd6;}

/*----------关于我们-----------*/
.about_bg{ background:#f1f1f1;width:100%; min-width:1260px; overflow:hidden; padding:0px 0px 40px;}
.about_bg .about{width:1260px; margin:0px auto;}

.ab-lf{ width:528px; height:auto; float: left; position:relative; background:url(../images/about_banner_bg.png) no-repeat;}

.mainPhoto {width:calc(100% - 28px); margin-left:28px;position: relative;overflow: hidden}
.mainPhoto span.goleft, .mainPhoto span.goright {display:none;width:36px;height:74px;position: absolute;top:250px;z-index:99;}
.mainPhoto span.goleft {left:0px;}
.mainPhoto span.goright {right:0px}
.mainPhoto:hover .goright{display:block;}
.mainPhoto:hover .goleft{display:block;}
.mainPhoto .go {width:500px;height:640px;position: relative;overflow: hidden;}
.mainPhoto .go li {width:500px;overflow: hidden;position:relative;}
.mainPhoto .go li img {width:100%;vertical-align:top; border-bottom:none;}

.mainPhoto .go li:hover{-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;}

.slidegrid {float: left;position: relative;	overflow: hidden;}
.slideitems {width: 20000em;position: absolute;}
.slideitems li {float: left;}



.ab-rf{ width:690px; float:right; position:relative;}
.ab-rf h3{color:#2F2F2F; font-size:26px; margin-bottom:10px;}

.line1 {width: 65px;height: 2px;
    background: #008cd6;
    -webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    -moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    -o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
}
.ab-rf:hover .line1{ width:80%;}
.ab-js{padding:25px 0px;}
.ab-js p{ text-indent:2em; color:#363636; font-size:16px; line-height:2;}

.sik0{ overflow:hidden;width:100%;}
.sik{ display:block; width:100%}
.sik li{ width:120px; height:140px; margin:0px 3%; float:left; border-radius:5px; position:relative; overflow:hidden;}
.sik1{ position:relative; z-index:3;}
.sibg{ position:absolute; width:100%; height:100%; top:100%; left:0; background:rgba(0,102,204,.2);}
.sik li:hover .sibg{ top:0;}

.simk{ margin:0 auto; width:120px; height:90px; position:relative;}
.sik li:hover .simk{ background:url(yuan2.png) center center no-repeat;}
.simk a{ display:block; position:absolute; width:100%; height:100%;}
.sim1{ background:url(../images/si1.png) center center no-repeat;}
.sik li:hover .sim1{ background:url(../images/si11.png) center center no-repeat;}
.sim2{ background:url(../images/si2.png) center center no-repeat;}
.sik li:hover .sim2{ background:url(../images/si22.png) center center no-repeat;}
.sim3{ background:url(../images/si3.png) center center no-repeat;}
.sik li:hover .sim3{ background:url(../images/si33.png) center center no-repeat;}
.sim4{ background:url(../images/si4.png) center center no-repeat;}
.sik li:hover .sim4{ background:url(../images/si44.png) center center no-repeat;}

.sik li:hover .simk a{
transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
.simkm{ display:block; height:40px;text-align:center; font-weight:bold; position:relative; z-index:3; font-size:14px; line-height:40px; color:#999;}
.sik li:hover .simkm{ color:rgba(0,102,204,1);}

.sik li, .simk a, .simkm, .simk,.sibg{transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;}


/*-----------综合案例------------*/
.lingyu_bg{ width:100%; min-width:1260px; padding:0px 0px 40px;background: #028cd7;}
.lingyu_bg .so-ticn{ color:#fff;}
.lingyu_bg .so-tik p {color: #fff;font-size: 14px;}

.hb_zhan_list {overflow: hidden;}
.hb_zhan_list li { width: 50%;float: left;}
.hb_zhan_list .zhal_list_img,.hb_zhan_list .zhal_list_jsk {width: 50%;position: relative;}
.hb_zhan_list .zhal_list_img img {width: 100%;height: auto;}
.hb_zhan_list li .zhal_list_img b {
    background: url(../images/zhal_h.png) center center no-repeat;
    transform: scale(0);
}
.hb_zhan_list li:hover .zhal_list_img b {
    background: url(../images/zhal_h.png) center center no-repeat;
    background-size: 100% 100%;
    transform: scale(1);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
}

.hb_zhan_list .zhal_list_jsk { position: relative;}
.zhal_list_jsk_xk {border-left: 1px solid #d9d9d9;padding-left:15px; position: absolute;top:108px; left: 15px;}
.hb_zhan_list li .zhal_list_jsk_title {transition: all 1s ease;font-size:15px;}
.hb_zhan_list li:hover .zhal_list_jsk_title {color: #ff8000;}
.hb_zhan_list li:hover .zhal_list_jsk_title { transform: translateX(10px)}

.zhal_list_jsk_nr { font-size: 14px;color: #909090; display: block;line-height: 35px;padding-right: 30px;}

.hb_zhan_list li:nth-child(1) .zhal_list_img{ float:left;}
.hb_zhan_list li:nth-child(2) .zhal_list_img{ float:left;}
.hb_zhan_list li:nth-child(1) .zhal_list_jsk{ float:right;}
.hb_zhan_list li:nth-child(2) .zhal_list_jsk{ float:right;}

.hb_zhan_list li:nth-child(3) .zhal_list_img{ float:right;}
.hb_zhan_list li:nth-child(4) .zhal_list_img{ float:right;}
.hb_zhan_list li:nth-child(3) .zhal_list_jsk{ float:left;}
.hb_zhan_list li:nth-child(4) .zhal_list_jsk{ float:left;}

/*------------新闻中心--------------*/
.news_bg{width:100%; min-width:1260px; background:#f7f7f7; overflow:hidden;padding:0px 0px 40px;}

.new_cont{width:1260px;overflow: hidden;}
.new_lf{ float:left; width:42%; background:#018cd6;}
.new_lf .new_img{ width:100%; overflow:hidden;height:240px;}
.new_lf .new_img img{width:100%;}

.new_lf .new_nr{width:100%; padding: 28px 20px; overflow:hidden; box-sizing:border-box;}
.new_lf .data{ float:left; width:60px;line-height:1.5;text-align:center;}
.new_lf .data .ri{font-size: 36px;font-weight: bold; color:#fff;letter-spacing: 1px; }
.new_lf .data .year{font-size:13px;color: rgba(255, 255, 255, .6);}
.new_lf .new_text{width:calc(100% - 80px);}
.new_lf h3{ color:#fff; font-size:16px; line-height:2; padding-bottom:10px; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid rgba(255, 255, 255, .2);}
.new_lf p{ color:rgba(255, 255, 255, .7); font-size:13px; line-height:26px; margin-top:20px;}



.new_rf .new_nr{width:100%; padding: 10px 0px; overflow:hidden; box-sizing:border-box;}
.new_rf .data{ width:60px;line-height:1.5;text-align:center;}
.new_rf .data .ri{font-size: 36px;font-weight: bold; color:#888;letter-spacing: 1px; transition: all 0.36s ease;}
.new_rf .data .year{font-size:13px;color:#868585;transition: all 0.36s ease;}
.new_rf .data .more{ display:inline-block; float:right; background:url(../images/icon_jt.png) left 30px center no-repeat; width:60px; height:40px;ransition: all 0.36s ease;}

.new_rf .new_text{width:calc(100% - 100px);}
.new_rf h3{ color:#333; font-size:16px; transition: all 0.36s ease; line-height:2; padding-bottom:10px; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid rgba(0, 0, 0, .1);}
.new_rf p{ color:#868585; font-size:13px; line-height:26px; margin-top:20px;}
.new_rf .new_nr:hover h3{ color:#018cd6; padding-left:10px;}
.new_rf .new_nr:hover .more{background:url(../images/icon_jt1.png) left 35px center no-repeat;}

.new_rf{ width:53%; float:right;}
.new_rf ul{ }
.new_rf ul li{ border-bottom:1px solid rgba(0, 0, 0, 0.1);line-height: 2;padding-bottom: 10px; margin-bottom:10px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.new_rf ul li a{color:#868585;font-size: 14px;transition: all 0.36s ease;}
.new_rf ul li span{color:#868585;font-size: 13px; float:right;transition: all 0.36s ease;}
.new_rf ul li:hover a{ color:#018cd6; padding-left:10px;}
.new_rf ul li:hover span{ color:#018cd6; padding-right:10px;}
	


/*------------联系我们--------------*/
.contact_bg{ width:100%; background:url(../images/contact_bg.jpg) top center no-repeat;height:621px;}

.cont_n{ margin-top:30px; overflow:hidden;}

.lixi{ width:880px;margin-top:45px;}
.con_mf{width:420px; float:left;}
.con_mf ul{}
.con_mf ul li{ color:#fff; line-height:45px; padding-left:45px; font-size:15px;}
.con_mf ul li.ad1{ background:url(../images/icon1.png) left center no-repeat;}
.con_mf ul li.ad2{ background:url(../images/icon2.png) left center no-repeat;}
.con_mf ul li.ad3{ background:url(../images/icon3.png) left center no-repeat;}
.con_mf ul li.ad4{ background:url(../images/icon4.png) left center no-repeat;}
.con_mf ul li.ad5{ background:url(../images/icon5.png) left center no-repeat;}
.con_mf ul li.ad6{ background:url(../images/icon6.png) left center no-repeat;}
.con_mf ul li.ad7{ background:url(../images/icon7.png) left center no-repeat;}
.con_ewm{ margin-top:25px;}
.con_ewm p{ text-align:center; color:#fff; margin-top:10px; font-size:14px;}

.index_massage h1{ color:#fff; font-size:20px; font-weight:normal; margin-bottom:10px;}
.index_massage .input{ outline:none; border:1px solid #fff; padding-left:5px; background:rgba(255, 255, 255, 0); border-radius:15px; width:200px; height:32px; line-height:32px; margin:5px 0px; color:#fff;}
.index_massage textarea{ color:#fff; outline:none; border:1px solid #fff;padding-left:5px; resize:none; background:rgba(255, 255, 255, 0); border-radius:15px; line-height:32px; margin:5px 0px;}
.index_massage .submit{ outline:none; border:1px solid #fff; background:rgba(255, 255, 255, 0); border-radius:15px; width:120px; height:38px; line-height:38px; color:#fff; cursor:pointer;}
.index_massage .submit:hover{ background:#a40000;border:1px solid #a40000;}
/*-----------底部-------------*/
.footer{ background:#232323; width:100%;min-width:1260px; padding:12px 0px;}
.footer .footer_n{ text-align:center;color:#fff; font-size:14px;line-height:1.5;}
.footer_n p{ text-align:center; color:#fff;line-height:1.5; font-size:14px;}