@charset "utf-8";
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,legend,li,menu,ol,p,pre,textarea,ul {margin: 0;padding: 0;border: 0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;margin: auto}
body {font-size: 14px;color: ##313131;font-family:"Microsoft Yahei"}
li,ol,ul {list-style-type: none}
img {border: 0;vertical-align: middle}
h1,h2,h3,h4,h5,h6 {font-weight: 400}
b {display: block}
samp {font-family:"Microsoft Yahei"}
a:link {text-decoration: none;font-size: 14px;color: #313131}
a:visited {text-decoration: none;font-size: 14px;color: #313131}
a:hover {text-decoration: none;font-size: 14px;color: #313131}
a:active {text-decoration: none;font-size: 14px;color: #313131}
.clearfix:before,.clearfix:after {content: "";display: table; }
.clearfix:after {clear: both; }
.fix:after {clear: both;content: "";display: table}

html{overflow-y: scroll;height:100%;}
html,body{min-width:1300px;}
.w1200{ width: 1200px; margin:0 auto; }


.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clear{ clear: both; }

.layout{ width: 1200px; display: block; padding: 40px 0; margin:0 auto ; position: relative; overflow: hidden; }
.layout2{ width: 1200px; margin:0 auto; }
.layout3{ width: 1300px; margin:0 auto; }

.topp{ width: 100%; height: 40px; background: #f1f1f1; display: block; color: #000; line-height:40px;  padding:0;font-size:14px;}
.head{width:1300px; height:120px; margin: 0 auto;}
.top{ width:100%;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.top .logo { height: 80px;}
.top .logo img {height: 100%;}
.nav{ float: right; }
.nav ul li{ color: #000;  float: left; margin-left: 5px; display: block; position: relative;  }
.nav ul li a{ color: #000; padding: 5px 15px; font-size:18px; }
.nav ul li a:hover,.nav ul li a.current{ background: #0578bc; color: #fff }
.nav ul li:after{display: block;content: ' ';width:1px;height:15px;/*border-right: 1px solid #333;*/position: absolute;top:4px;left: 100%;}
.nav ul li:nth-child(6):after{ display: none; }

.slides-box{width:100%;height:600px;margin:auto;overflow:hidden; position: relative;}
.slides{position:relative;height:100%;width:100%;margin:auto;float:left}
.slides li{position:absolute;width:100%;height:100%}
.slides li img{display:block;width:100%;margin:auto} 
.slides-box h2{font-size:34px; width: 100%; position: absolute; left:22%; top:50%;margin-top:-40px; line-height: 70px; text-align: left;  color: #5f5f5f} 
.prev,.next{position:absolute;z-index:99;top:50%;margin-top:-24px;height:48px;width:48px;color:#fff;cursor:pointer;background-image: url(../images/side_icon.png);}
.prev{left: 10%;background-position-x:0;background-position-y: 0;}
.next{right:10%;background-position-x:48px;background-position-y: 0;}
.prev:hover{background-position-x:0;background-position-y: 48px}
.next:hover{background-position-x:48px;background-position-y: 48px;/*opacity:.6*/} 

.pagination{position:absolute;bottom:40px;z-index:99}
.pagination li{padding:8px;float:left}
.pagination li a{display:block;width:44px;height:9px; background: rgba(0,0,0,.6) none repeat scroll 0 0!important;filter: Alpha(opacity=60);}
.pagination .active{background: rgba(255,20,20,.6) none repeat scroll 0 0!important;filter: Alpha(opacity=60);}

.paiky-direction{
    background: url("../images/index-img02.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 484px;
}
.paiky-direction-box{
    width: 1260px;
    margin: 0 auto;
    padding-top: 100px;
}
.paiky-direction-box ul{
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*-webkit-justify-content: space-between;*/
    /*-webkit-align-items: center;*/
}
.paiky-direction-box li{
    border-right: 1px solid #EAEAEA;
    padding: 0 45px 20px;
    text-align: center;
    float: left;
    width: 315px;
    box-sizing: border-box;
}

.paiky-direction-box li:first-child{
    border-left: 1px solid #EAEAEA;
}
.paiky-direction-box li dd h1{
    font-size: 19px;
    color: #363636;
    margin: 20px 0 5px;
}
.paiky-direction-box li dd h2{
    font-size: 19px;
    color: #363636;
    margin: 20px 0 5px;
}
.paiky-direction-box li dd span{
    text-transform: capitalize;
}
.paiky-direction-box li dd span,
.paiky-direction-box li dd p{
    font-size: 13px;
    color: #7B7B7B;
}
.paiky-direction-box li dd p{
    line-height: 20px;
    margin-top: 5px;
}
.paiky-direction-box .text{
    text-align: center;
    margin-top: 70px;
}
.paiky-direction-box .text h1{
    font-size: 24px;
    color: #363636;
    margin-bottom: 10px;
}
.paiky-direction-box .text h3{
    font-size: 24px;
    color: #363636;
    margin-bottom: 10px;
    font-weight: bold;
}
.paiky-direction-box .text p{
    font-size: 16px;
    font-weight: 600;
}

.latest-case{
    background: url("../images/indg2.jpg");
    padding: 80px 0 60px;
}
.latest-case .text-content{
    text-align: center;
    color: #ffffff;
}
.latest-case .text-content h1{
    font-size: 35px;
    margin-bottom: 3px;
    font-weight: normal;
}
.latest-case .text-content h2{
    font-size: 35px;
    margin-bottom: 3px;
    font-weight: normal;
}
.latest-case .text-content p{
    font-size: 13px;
    line-height: 20px;
}
.latest-case .tabs{
    margin: 35px 0 60px;
    height: 33px;
    position: relative;
}
.latest-case .tabs-box{
    /*margin: 35px 0 60px;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*justify-content: center;*/
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);     /* IE 9 */
    -moz-transform:translateX(-50%);    /* Firefox */
    -webkit-transform:translateX(-50%); /* Safari 和 Chrome */
    -o-transform:translateX(-50%);
}
.latest-case .tabs-box li{
    float: left;
}
.latest-case .tabs-box li+li{
    margin-left: 65px;
}
.latest-case .tabs-box li a{
    display: block;
    padding: 6px 0;
    border: 0;
    font-size: 16px;
    color: #ffffff;
}
.latest-case .tabs-box li:hover a{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0;
}
.latest-case .tabs-box li a.cur{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0;
}
.img-box12-box{
    width: 1260px; 
    margin: 0 auto;
    display: none;
}

.img-box13{
    border-right: 1px solid #000;
}

.img-box13 .bot-border{
    border-bottom: 1px solid #000;
}
.img-box13 .border{
    border-right: 1px solid #000;
}

.img-box12-box ul li{width:414px; float: left; margin-right:9px; margin-bottom: 9px; display:block;  }
.img-box12-box ul li:nth-child(3n){ margin-right: 0; }
.img-box12-box .mask-box{
    position: relative;
    overflow: hidden; 
}

.img-box12-box .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height:60px;
    background-color: rgba(0,0,0,.8);
    padding: 25px 50px 25px 30px;
    color: #ffffff;
    display: none;
}
.img-box12-box .mask .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.img-box12-box .mask .text{
    font-size: 12px;
    line-height: 16px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.img-box12-box .mask-box:hover .mask{
    display: block;
}
.img-box12-box .mask-box>img{
    transition: transform 0.8s ease-in-out;
    width: 414px;
}
.img-box12-box .mask-box:hover>img{
    transform: scale(1.1);
}



/*更具深度的品牌 - 互联网化形象设计*/
.brand-design{
    background: url("../images/index-img11.jpg") no-repeat;
    height: 733px;
    width:100%;
    background-size: cover;
    padding-top: 80px;
    text-align: center;
}
.brand-design .text h2{
    font-size: 30px;
    color: #363636;
}
.brand-design .text h3{
    font-size: 18px;
    color: #7D7D7D;
    margin: 30px 0 12px;
}
.brand-design .text p{
    font-size: 16px;
    color: #888888;
    line-height: 24px;
}
.brand-design .img-box14{
    width:700px;
    margin: 70px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display:-webkit-flex;
}
.brand-design .img-box14 .left-img-box{
	/*display:-webkit-flex;
    -webkit-flex-direction:column;
    display: flex;
    flex-direction: column;
    align-items: flex-end;*/
    height:280px;
    /*justify-content: space-between;*/
    text-align: right; 
    position: relative;
    width: 27%;
}
.brand-design .img-box14 .right-img-box{
    /*display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    display:-webkit-flex;
    -webkit-flex-direction:column;*/
   	height:280px;
   	text-align: left;
   	position: relative;
   	width: 27%;
}
.brand-design .img-box14 .left-img-box p:first-child{
	position: absolute;
	top: 0;
	right: 0;	
}
.brand-design .img-box14 .left-img-box p:last-child{
	position: absolute;
	bottom: 0;
	right: 0;	
}
.brand-design .img-box14 .right-img-box p:first-child{
	position: absolute;
	top: 0;
	left: 0;	
}
.brand-design .img-box14 .right-img-box p:last-child{
	position: absolute;
	bottom: 0;
	left: 0;	
}


.new{ background: url(../images/new.png) center bottom no-repeat; width: 100%; padding: 50px 0; position: relative;}
.N_Menu {font-size: 14px;text-align: center} 
.N_Menu ul {padding:20px 0;margin: 0 auto;width: 1200px;text-align: center;overflow:hidden}
.N_Menu ul li {width: 150px;display: inline;padding: 0;margin: 0 8px}
.N_Menu ul li a {text-align: center;display: inline;width: 150px;height: 40px;line-height: 40px;border-radius: 2px;background: #dadada;padding: 11px 50px; color:#333;}
.N_Menu ul li a.on,.N_Menu ul li a:hover {text-align: center;display: inline;background: #0578bc;width: 150px;height: 40px;line-height: 40px;color: #fff}

.plnew{width:1200px; margin:40px auto 0;} 
.plnew ul li{ width:560px; margin-right: 80px; float: left; margin-bottom:15px;overflow: hidden; }  
.plnew ul li:nth-child(2n){ margin-right: 0 }
.plnew ul li .date{ display: block; float: left; width:85px;} 
.plnew ul li .date .day{ display: block; font-size:26px; line-height:40px;  font-weight: bold; color: #464544; text-align: right;} 
.plnew ul li .date .month{ display: block; font-size:16px; color: #999; text-align: right; margin-top:10px;}
.plnew ul li .ctent{ padding-bottom:5px; width:430px; float: right; overflow: hidden; border-bottom:1px dotted #d5d5d5; }
.plnew ul li .ctent h4{ display: block;  height:40px; line-height:40px; overflow: hidden; font-size:20px; color: #222; font-weight: normal; } 
.plnew ul li .ctent p{ display: block; line-height:22px; height:44px; margin-top:5px;   font-size:14px; overflow: hidden;color: #999;   transition: all .3s ease; }
.plnew ul li .ctent i{ background: url(../images/jt.png) no-repeat left center; display: block; width: 100%; height:35px;}
.plnew ul li:hover .ctent h4{color: #0578bc; }





.footer { background: url(../images/botbg.jpg) no-repeat center top; color:#fff; }
.footer a { color:#fff; } 
 
.m-network { padding:58px 0; }
.m-network .fr { float:right; width:573px; height:285px; padding:20px 0 20px 27px; background:#333; }
.m-network .fl { position:relative; }
.m-network .fl i { position:absolute; top:10px; left:4px; display:block; width:1px; height:255px; background:#0d4a92; }
.m-network .fl li { position:relative; }
.m-network .fl li i { position:absolute; left:0; top:50%; display:block; width:9px; height:9px; margin-top:-6px; border-radius:100%; background:#0d4a92; display:none}
.m-network .u-n1 { margin-bottom:20px; }
.m-network .u-n2 { font-size:18px; line-height:28px; margin-bottom:5px; }
.m-network .u-n3 { font-size:26px; line-height:38px; margin-bottom:5px; }
.m-network .u-n4 {  font-size:13px; line-height:35px; margin-bottom:15px;}
.m-network .u-n4s {  margin:0 0 25px}
.m-network .u-n4s a{display:inline-block;*display:inline;zoom:1;/*background:#0d4a92;*/color:#f60;line-height:34px;/*padding:0 15px;*/}
.m-network .u-n4s a:hover{/*background:#0076c4*/}
.m-network .u-n5 p { float:left; width:100px; margin-right:31px; background:#333; line-height:34px; text-align:center; }
.m-network .u-n5 p s { display:block; width:100px; height:100px; }
.m-qa h2 { visibility:hidden; color:#f60; font-size:18px; line-height:5px; font-weight:normal; }
.m-qa h3 { margin-bottom:5px; font-size:14px; line-height:30px; font-weight:normal; }
.m-qa .m-ipt { height:40px; margin-bottom:17px; }
.m-qa .m-ipt .ipt { width:150px; height:40px; margin-right:10px; padding:0 10px; border:0; background:#fff; }
.m-qa ul { margin-bottom:24px; }
.m-qa ul li { float:left; width:252px; line-height:28px; }
.m-qa ul li input { margin:8px 6px 0 0; padding:0; border:0; vertical-align:top; }
.m-qa .btn { float: left; width:268px; height:48px; margin:0; padding:0; border:0; background:#0076c4; color:#fff; font-size:18px; cursor:pointer; }
.m-qa .btn:hover { background:#0366a7; }
.m-qa a.btn { float: right; margin:0 28px 0 0; background:#f60; line-height: 48px; text-align: center; }
.m-qa a.btn:hover { background:#e75c00; color:#fff; }

.copyright { background:#111; padding:25px 0; font-size: 13px; color: #fff; line-height: 25px} 


.ourcus_ico{ width:1196px; margin:0 auto 40px; position: relative; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.ourcus_ico ul li{ width: 238px; height: 121px; line-height: 120px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; float: left; display: block; text-align: center;vertical-align: middle; overflow: hidden;} 
.ourcus_ico ul li img{max-width: 230px; max-height: 120px; vertical-align: middle; margin:auto; text-align: center; display: inline-block;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear}
.ourcus_ico ul li img:hover {opacity: .6;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)}


.twzg{ width:740px; margin:0 auto; display:block;  text-align:center; font-size:30px; font-weight:bold; color:#333333; line-height:100px;}
.twzg span{width:740px; margin:0 auto 0; height:1px; background:#ccc; display:block;}
.twzg em{ width:70px; height:3px; display:block; margin:-3px auto 0; background:#0578bc;}
.twzg p{ color:#646464; font-size:14px; line-height:60px; font-weight:normal; display:block;}

.twzga{ width:740px; margin:0 auto; display:block;  text-align:center; font-size:30px; font-weight:bold; color:#fff; line-height:100px;}
.twzga span{width:740px; margin:0 auto 0; height:1px; background:#999; display:block;}
.twzga em{ width:70px; height:3px; display:block; margin:-3px auto 0; background:#fff;}
.twzga p{ color:#fff; font-size:14px; line-height:60px; font-weight:normal; display:block;}




/*
    动效属性
*/
.animate01{
    opacity: 0;
    transform: translateY(100px);
    -ms-transform:translateY(100px);     /* IE 9 */
    -moz-transform:translateY(100px);  /* Firefox */
    -webkit-transform:translateY(100px); /* Safari 和 Chrome */
    -o-transform:translateY(100px);
}
.animate07{
    opacity: 0;
    transform: translateY(-100px);
    -ms-transform:translateY(-100px);     /* IE 9 */
    -moz-transform:translateY(-100px);  /* Firefox */
    -webkit-transform:translateY(-100px); /* Safari 和 Chrome */
    -o-transform:translateY(-100px);
}
.noneAnimate{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateY(0);
    -ms-transform:translateY(0);     /* IE 9 */
    -moz-transform:translateY(0);  /* Firefox */
    -webkit-transform:translateY(0); /* Safari 和 Chrome */
    -o-transform:translateY(0);
}

.brand-design .animate01 .center-img-box {
    transform: rotate(200deg);
    -ms-transform:rotate(200deg);     /* IE 9 */
    -moz-transform:rotate(200deg);  /* Firefox */
    -webkit-transform:rotate(200deg); /* Safari 和 Chrome */
    -o-transform:rotate(200deg);
}
.brand-design .noneAnimate .center-img-box{
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: rotate(0deg);
    -ms-transform:rotate(0deg);     /* IE 9 */
    -moz-transform:rotate(0deg);  /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);
}

/*.noneAnimate07{*/
    /*opacity:1;*/
    /*transition: all .8s;*/
    /*-webkit-transition:all .8s;*/
    /*-moz-transition:all .8s;*/
    /*-o-transition:all .8s;*/

    /*transform: translateY(0);*/
    /*-ms-transform:translateY(0);     !* IE 9 *!*/
    /*-moz-transform:translateY(0);  !* Firefox *!*/
    /*-webkit-transform:translateY(0); !* Safari 和 Chrome *!*/
    /*-o-transform:translateY(0);*/
/*}*/



.animate02{
    opacity:0;
    transform: translateX(-350px);
    -ms-transform:translateX(-350px);     /* IE 9 */
    -moz-transform:translateX(-350px);  /* Firefox */
    -webkit-transform:translateX(-350px); /* Safari 和 Chrome */
    -o-transform:translateX(-350px);
}
.animate04{
    opacity:0;
    transform: translateX(350px);
    -ms-transform:translateX(350px);     /* IE 9 */
    -moz-transform:translateX(350px);  /* Firefox */
    -webkit-transform:translateX(350px); /* Safari 和 Chrome */
    -o-transform:translateX(350px);
}
.noneAnimate02{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateX(0);
    -ms-transform:translateX(0);     /* IE 9 */
    -moz-transform:translateX(0);  /* Firefox */
    -webkit-transform:translateX(0); /* Safari 和 Chrome */
    -o-transform:translateX(0);
}
.animate03{
    opacity:0;
    /*perspective: 666px;*/
    transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);

}
.noneAnimate03{
    opacity:1;
    transition: all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;

    transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
}
.animate06{
    opacity:0;
}
.noneAnimate06{
    opacity:1;
    transition: all 3s ease-in-out;
    -webkit-transition:all 3s ease-in-out;
    -moz-transition:all 3s ease-in-out;
    -o-transition:all 3s ease-in-out;
}

.banner { width:100%; height:auto; margin:0 auto 0 auto;}
.banner img{ width:100%; height:auto; margin:0 auto; display:block; }


.nav_box{ width: 100%; position: relative; border-bottom: 1px solid #e6e6e6; padding:25px 0 40px; display: block;   }
.nav_box ul{width: 1200px; margin: 0 auto; text-align: center; }
.nav_box ul li{ display: inline-block; margin-top:15px; }
.nav_box ul li a{ height: 40px; padding: 0 35px; display:block; border: 1px solid #000; line-height: 40px; margin: 0 10px; font-size: 16px;   }
.nav_box ul li a:hover,.nav_box ul li a.current{ background: #0578bc; color: #fff; border: 1px solid #0578bc; position: relative;  }
.nav_box ul li a.current:before{content: "";
    position: absolute;
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-top:10px solid #0578bc; 
    top:40px;
    left:45%; }



.news_li{ width: 1200px; margin:30px auto; position: relative; display: block; }
.news_li ul{overflow: hidden;}
.news_li ul li{ width: 100%; padding: 30px 0; display: block; float: left; }
.news_li ul li .news_img{ width: 400px; float: left; overflow: hidden;  }
.news_li ul li .news_img img{ width: 400px; transition: all 0.3s;}
.news_li ul li:hover .news_img img{transition: all 0.3s; transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;}
.news_li ul li .news_fr{ width: 720px; float: right; }
.news_li ul li .news_fr h2{ font-size: 26px; line-height: 1; display: block; position: relative; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.news_li ul li .news_fr p{ font-size: 14px; line-height: 28px; padding: 30px 0; display: block; position: relative; color: #5f5f5f }
.news_li ul li:hover .news_fr h2{padding-left: 20px; color: #0578bc }
 
.news_me{ width: 100%; position: relative; height: 30px; display: block; font-size: 16px; line-height: 30px;color: #5f5f5f }
.news_me .a17{ float: right; width: 115px; height: 30px;border: 1px solid #5f5f5f; text-align: center; color: #0578bc }
.news_me a.a16{ color: #fff; background: #5f5f5f;}
 
.news_me .t { background-position: 0 1px; }
.news_me .w { background-position: 0 -17px; }
.news_me .c { background-position: 0 -34px; }
.news_me .col {margin-right: 30px;padding-left: 25px;height: 17px;font-size: 12px;vertical-align: bottom; background-image:url(../images/icon_artl.jpg); background-repeat: no-repeat;} 


.dede_pages { margin:20px auto 40px;padding:0; text-align:center;}
.dede_pages ul li { font-size:16px; padding:10px 20px; margin-right:6px; color: #000;  display:inline-block; background:#eeeeef}
.dede_pages ul li a{ color:#000;  }
.dede_pages ul li a:hover { color:#0578bc; text-decoration: underline;}
.dede_pages ul li.thisclass { color:#fff; background:#0578bc; }

.arale{ padding:30px 0; width: 1200px; margin: 0 auto; box-sizing: border-box;}
.ert{ text-align:center; font-size:24px; font-weight:400; color:#333; margin-top:20px; }
.wr{text-align:center; border-bottom:#ececec 1px solid; padding-bottom:15px; line-height:35px; color: #666; }
.wr span{ margin: 0 8px; }
.aoaer{line-height:30px; color:#555; margin-top:20px; font-size:16px; }
.aoaer img,.dy-text img{ max-width:100%; margin:0 auto;}
.aoaer a{ color:#F83300;}


.main_r_nav{ width: 100%; box-sizing: border-box; padding:0 10px;  height:30px; margin:20px auto; background:#f2f2f2; display: block; position: relative;}
.main_r_nav ul li{color:#2d2a3d;font-size:13px; font-weight:600; line-height:30px;font-family:"microsoft yahei"; width:40%; float:left; height:30px; overflow:hidden; }
.main_r_nav ul li a{color:#2d2a3d; line-height:30px; font-weight:normal; }
.main_r_nav ul li a:hover{color:#0578bc;}


.store_lst{ padding: 40px 0 0; width:1200px; margin:0 auto; overflow: hidden;}
.store_lst dl{width:380px; height: 310px; margin-right:30px; margin-bottom:25px; float: left; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2); position: relative; z-index: 11; }
.store_lst dl:nth-child(3n){ margin-right:0px;}
.store_lst dl dt{ width: 100%; display: block; height: 260px; overflow: hidden; }
.store_lst dl dt img{height: 260px; width: 380px;}
.store_lst dl dd{ width: 100%; background: #fff; padding:20px 15px; box-sizing: border-box;display: flex;justify-content: space-between;align-items: center; }
.store_lst dl dd .stxt{ font-size: 20px; font-weight: bold; }
.store_lst dl dd .add{ font-size: 14px; color: #999; vertical-align: middle; background: url(../images/store_add.png) no-repeat left center; padding-left: 20px; }
 


.newspicbo {
    height: 380px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.newspicbo .webtit {
    padding-top: 130px;
} 
.hideshow.on {
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
    opacity: 1;
} 
.hideshow {
    -webkit-transition: -webkit-transform .6s,opacity 1.8s;
    transition: transform .6s,opacity 1.8s;
    -webkit-transform: translate3d(0,10%,0) scale(.9);
    transform: translate3d(0,10%,0) scale(.9);
    opacity: 0;
} 
.webtit {
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
}
.newspicbo {
    height: 380px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.newspicbo .webtit em, .newspicbo .webtit span {
    color: #fff;
} 
.webtit em {
    display: block;
    line-height: 70px;
    position: relative;
    font-size: 42px;
    color: #3f3f3f;
    font-style: normal;
} 
.enfont {
    font-family: 华文细黑;
    letter-spacing: .06em;
    transform: scale(1,1.1);
    text-transform: uppercase;
}
.webtit em i {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 26px;
    height: 2px;
    margin-left: -13px;
    background: #1ec0ff;
    font-style: normal;
}
.webtit span {
    line-height: 66px;
    font-size: 24px;
    color: #292828;
    font-style: normal;
} 


.abtseg{ width:520px; margin: 0 auto; display: block; position: relative; overflow: hidden; text-align: center; padding-top: 50px; }
.abtseg h2{ font-size: 28px; color: #000; font-weight: bold;  }
.abtseg span{ display: block; font-size: 16px; color: #777; line-height: 28px; }

.ind_four{ width: 100%; margin: 0 auto; position: relative; padding:20px 0; overflow: hidden; }
.ind_four dl{ width:260px; display: block; float: left; padding:20px 60px; text-align: center; position: relative; }
.ind_four dl dt{ width: 260px; height:60px; display: table-cell; vertical-align: middle; text-align: center; }
.ind_four dl dt img{ max-height:60px; max-width: 260px; display: inline-block; text-align: center; margin: auto; }
.ind_four dl dd h2{font-size:18px; text-align: center; line-height:60px; color: #555; font-weight: bold;} 
.ind_four dl dd span{font-size: 14px; color: #555; line-height:25px;}

.ind_four dl:after{display: block;content: ' ';width:1px;height:80px; background: #eaeaea; position: absolute;top:100px;left: 100%;}
.ind_four dl:nth-child(3n):after{ display: none; }