@charset "utf-8";
*{margin:0;padding:0;font-weight:normal}
@font-face {font-family: myfirfont1;src: url(../font/DINNextLTPro-Medium.otf);}
@font-face {font-family: myfirfont2;src: url(../font/DINNextLTPro-MediumCond.otf);}
@font-face {font-family: myfirfont3;src: url(../font/DINNextLTPro-MediumItalic.otf);}
@font-face {font-family: myfirfont4;src: url(../font/DINNextRoundedLTPro-Medium.otf);}
@font-face {font-family: myfirfont5;src: url(../font/DINPro-Medium.otf);}
@font-face {font-family: myfirfont6;src: url(../font/DINPro-Medium_0.otf);} 

@font-face {font-family: myfirfont7;src: url(../font/DINPro-Black_0.otf);}
@font-face {font-family: myfirfont8;src: url(../font/DINPro-Bold_0.otf);} 
@font-face {font-family: myfirfont9;src: url(../font/DINPro-Light_0.otf);} 
@font-face {font-family: myfirfont10;src: url(../font/DINPro-Medium_0 2.otf);} 
@font-face {font-family: myfirfont11;src: url(../font/DINPro-Regular_0.otf);} 

@font-face {font-family: mysecfont1;src: url(../font/HYQiHei-35S.otf);} 
@font-face {font-family: mysecfont2;src: url(../font/HYQiHei-40S.otf);} 
@font-face {font-family: mysecfont3;src: url(../font/HYQiHei-45S.otf);} 
@font-face {font-family: mysecfont4;src: url(../font/HYQiHei-50S.otf);} 
@font-face {font-family: mysecfont5;src: url(../font/HYQiHei-55S.otf);} 
@font-face {font-family: mysecfont6;src: url(../font/HYQiHei-60S.otf);} 
@font-face {font-family: mysecfont7;src: url(../font/HYQiHei-65S.otf);} 
@font-face {font-family: mysecfont8;src: url(../font/HYQiHei-70S.otf);} 
@font-face {font-family: mysecfont9;src: url(../font/HYQiHei-75W.otf);} 
@font-face {font-family: mysecfont10;src: url(../font/HYQiHei-80W.otf);} 
@font-face {font-family: mysecfont11;src: url(../font/HYQiHei-85S.otf);} 
@font-face {font-family: mysecfont12;src: url(../font/HYQiHei-90W.otf);} 
@font-face {font-family: mysecfont13;src: url(../font/HYQiHei-95W.otf);} 
@font-face {font-family: mysecfont14;src: url(../font/HYQiHei-105JF.otf);} 
@font-face {font-family: mysecfont15;src: url(../font/HYQiHei-25JF.otf);} 
ol,ul,li,dd,dl,dt{list-style:none;}
*:focus{outline:0;}
em,i{font-style:normal;}
body{color:#232121;background:#fff;font-size:12px;font-family: "Microsoft YaHei";}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;}
img,fieldset{border:0; vertical-align:middle}
table{ border-collapse:collapse}
input,textarea,select{font-family: "Microsoft YaHei";appearance:none;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;outline:0;border:0; padding:0; margin:0; background:#fff;}
select{ width:100%; font-size:14px}
input:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-input-placeholder{color:#333;}
::-moz-placeholder{color:#333;}
a{cursor:pointer;text-decoration:none;color:#232121;}
a:hover,a:active{text-decoration:none;/*background:#e95513;color:#fff*/}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.fl{float:left;}
.fr{float:right}
.mycolor1{color:#eb6100}
.mycolor2{color:#e82431}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:22px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt60{margin-top:60px;}
.mb15{margin-bottom:15px;}
.mb60{margin-bottom:60px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.bb{border-bottom:1px solid #c6c5c5;}
.bg{ background:#fff}
.boxflex{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.noborder{border-bottom:none}
.general{width:95%;margin:0 auto;}

 
/*work*/
.nav{height:80px;transition:height 0.3s ease;position:fixed;top:0;left:0; width:95%;z-index:100; padding:0 2.5%;}
.nav dd,.nav dt{float:left;line-height:80px;transition:line-height 0.3s ease;} 
.nav dt{width:100%;}
.nav dt li{width:20%;float:left;}
.nav dt li img{ width:83px}
.nav dt  a{font-size:30px;color:#fff;width:100%;float:left;text-align:center;position:relative;transition:all 0.5s ease;}
.nav dt .myli a::before {content: '';position:absolute;top:0;left:0;width:100%;height:100%;background:#001eff;z-index: -1;opacity: 0;	-webkit-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.nav dt .myli a:hover::before {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); color:#fff}
.nav dt .myli a:hover,.black_nav dt .myli a:hover{ color:#fff}
.nav dt .myli a span{display:block;font-family:myfirfont5;}
.nav dt .myli a p{font-family:mysecfont5;display:none;}
.nav dt .myli .active a span,.nav dt .myli a:hover span{display:none;}
.nav dt .myli .active a p{background:#001eff;color:#fff; display:block;}
.nav dt .myli a:hover p{display:block}
.nav dt .myli a:hover{background:#001eff;}
.black_nav dt a{color:#232121}
.mobile_nav,.mobile_logo{display:none;}
.nav_bg{display:none;}
.fixnav{ background:rgba(255,255,255,0.85); }
.fixnav{height:80px;}
.fixnav dd,.fixnav dt{line-height:80px;} 
.fixnav dt a{color:#232121}
.public_center{margin-top:250px; text-align:center; color:#fff}
.public_center .center_font1{font-family:myfirfont1; font-size:12px; letter-spacing:1px}
.public_center .center_font2{font-family:mysecfont1; font-size:70px;margin-top:50px;}
.public_center .center_font3{font-family:mysecfont1; font-size:40px;margin-top:7px;}
.public_center hr{width:90px;display:inline-block;color:#fff; margin-top:50px;}
/*.index_banner{background:url(../img/work_bg.jpg) no-repeat; background-size:cover;}
.about_banner{background:url(../img/about_bg.jpg) no-repeat; background-size:cover;}
.blog_banner{background:#efefef; background-size:cover;}
.contact_banner{background:url(../img/contact_bg.jpg) no-repeat; background-size:cover;}*/
.index_center{background:url(../img/word_font.png) no-repeat center; }
.public_bt{width:340px;margin:0 auto;text-align:center}
.nexta a{width:263px; height:64px; background:rgba(0,30,255,0.9);line-height:64px; color:#fff; font-size:18px; text-align:left; margin-top:50px; position:relative;border:3px solid rgba(0,30,255,0.8); letter-spacing:1px; transition:all 0.5s ease; font-family:myfirfont1; z-index:1; display:inline-block}
.nexta a em{ margin-left:45px; letter-spacing:2px}
.nexta a span{ background:url(../img/arrow_1.png) no-repeat; background-size:9px auto; width:12px; height:15px; position:absolute;top:25px;right:45px; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;-webkit-transition-property: transform; transition-property: transform;}
.nexta a:hover{ background:none;  }
.nexta a:hover span{background:url(../img/arrow_11.png) no-repeat;background-size:9px auto;-webkit-transform: translateX(10px); transform: translateX(10px);}
.myarrow{ background:url(../img/arrow_2.png) no-repeat;background-size:22px auto; width:32px; height:25px; position:absolute;left:50%; margin-left:-16px; bottom:7%; z-index:1;-webkit-animation: arrowUp 2s infinite;animation: arrowUp 2s infinite;}
@-webkit-keyframes arrowUp {
	0% {
		-webkit-transform:translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform:translate(0, 20px);
		opacity: 0;
	}
}
@keyframes arrowUp {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform:translate(0, 20px);
		opacity: 0;
	}
}

.footer{height:350px;border-top:1px solid #f0f0f0;box-shadow:0 -2px 1px rgba(244,244,244,1);background:#fff}
.footer dd{width:33.3%;float:left;font-size:18px;}
.footer dd .f_font1{margin-top:70px;font-family: mysecfont3;}
.footer dd .f_font2{color:#999899;margin-top:20px;line-height:35px;font-family: mysecfont1;}
.f_tb{width:26px;float:right;margin:27px 5px 0 32px;position:relative}
.f_tb a{ width:27px; height:30px; background:url(../img/foot.png) no-repeat; float:left; text-indent:-9999px;}
.f_wb a{ background-position:0 0;}
.f_qq a{ background-position:-66px 0;}
.f_wx a{ background-position:-133px 0;}
.f_tb img{ display:none; width:120px; position:absolute;top:30px;right:-50px;}
.footer dt{ width:100%; float:left; font-size:12px; color:#999899; margin-top:100px;font-family: myfirfont9; letter-spacing:1px;}

.gotop{ background:url(../img/gotop.png) no-repeat 0 -22px; width:25px; height:22px; position:fixed; z-index:1000; right:5%; bottom:30px; transition:all 0.2s ease; cursor:pointer; display:none; z-index:5;}
.gotop:hover{ background-position:0 0;}

.work_list{margin-top:160px; width:100%}
.work_list li{ width:50%; float:left;}
.work_list li a{width:100%; float:left; position:relative;max-height: 600px;overflow: hidden;}
.work_list li .w_l_img img{ width:100%; float:left;}
.work_list li .w_l_font{  height:100%; position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,0.8); display:none;text-align:center;padding:0 10%;}
.work_list li .w_l_font .w_l_font_c{width:100%; height:100%;display:-moz-box;-moz-box-pack:center;-moz-box-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;display:box;box-pack:center;box-align:center;}
.work_list li .w_l_font p{ font-size:50px; font-family:mysecfont1; }
.work_list li .w_l_font p span{ font-size:30px; display:block; margin-top:6px}
.work_list li .w_l_font p em{ font-size:16px; display:block; color:#001eff; margin-top:25px;font-family:mysecfont3}
.work_load li{width:50%; float:left; height:300px;margin-top:100px;background:url(../img/arrow_2.png) no-repeat center;-webkit-animation: arrowUp 2s infinite;animation: arrowUp 2s infinite;}

.w_d_left span{font-size:50px;font-family: mysecfont1;}
.w_d_left p{font-size:22px; margin-top:10px;font-family: mysecfont1;}
.w_d_right{width:48%;float:right; font-size:18px; line-height:32px; text-align:justify; position:relative;font-family: mysecfont1;}
.w_d_right img{max-width:100%}
.w_d_show{max-height:320px;overflow: hidden;}
.w_d_hide{ display:none}
.w_d_bt{ height:45px; background:url(../img/open.png) no-repeat left center; width:30px; float:right; cursor:pointer; position:absolute;bottom:-45px;left:0}
.new_w_d_bt{ background:url(../img/close.png) no-repeat left center}

.w_d_bottom{ height:200px; background:#efefef}

.w_d_bottom .nexta a{/*background:#001eff;border:3px solid #001eff; */margin-top:55px;}
.w_d_bottom .nexta a:hover{/*background:#091cab;border:3px solid #091cab;color:#232121;*/}
.font_img img{ width:100%}
/*about*/
.about_center{background:url(../img/about_font.png) no-repeat center 20%; }
.a_d_tit{color:#fff; margin-top:220px; height:300px;font-family: mysecfont1;}
.a_d_tit p{font-size:65px;}
.a_d_tit span{font-size:26px;display:block;margin-top:10px;}

.a_d_font{ margin-top:160px; margin-bottom:160px}
.a_d_f_left{width:48%; float:left; font-size:35px;font-family: mysecfont5;}
.a_d_f_left em{font-family: myfirfont5;}
.a_d_f_right{width:48%; float:right; font-size:22px; line-height:44px; text-align:justify; position:relative;font-family: mysecfont1;}
.a_d_f_right img{ max-width:100%}
.about_list li{ position:relative}
.about_list li .a_d_arrow{ position:absolute;top:30%;left:-39px; width:39px; height:50px;}
.about_list li .a_d_arrow1{ background:url(../temp/work_arrow1.png) no-repeat}
.about_list li .a_d_arrow2{ background:url(../temp/work_arrow2.png) no-repeat;left:0px;}

.about_list li .video{ width:100%; height:100%; position:absolute;top:0;left:0}
 

.swiper-container {position:relative;overflow:hidden;z-index:1; margin-top:160px;}
.swiper-container-no-flexbox .swiper-slide {float: left;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative; overflow:hidden}
.swiper-pagination {position: absolute;text-align: right;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 12;}
  
.swiper-container .swiper-slide  img {width:100%;display:block;}
.personbt{width:41px;height:64px; position:absolute;top:30%;background:url(../img/page_bt.png) no-repeat; z-index:1000; cursor:pointer; transition:all 0.3s ease-in-out;}
.swiper-button-prev{left:10px; background-position:0 0;}
.swiper-button-next{right:10px;background-position:-41px 0;}
.swiper-button-prev:hover{background-position:0 -64px;}
.swiper-button-next:hover{background-position:-41px -64px;}

.person_list{background:#232121; color:#fff;}
.person_list2{background:#393737; }
.person_list:nth-child(2n){background:#393737; }
.person_list p{font-size:26px; margin-top:40px;font-family: mysecfont3;/*margin-left:24%;*/text-align:center}
.person_list p em{ font-family:mysecfont1}
.person_list span{font-size:14px; padding-bottom:40px; margin-top:15px; display:block;/*margin-left:24%;*/text-align:center}

.index_swiper{ margin-top:0; width:100%; height:100%; position:absolute;top:0;left:0; z-index:1}
/*blog*/
.section3{background:#efefef }
.blog_center{height:200px; padding-top:200px; font-size:65px; font-family:mysecfont1;}
.blog_center span{font-size:26px; display:block; margin-top:10px; letter-spacing:1px}
.blog_index{margin-top:30px}
.blog_index li{width:47%; float:left; padding:50px 0 50px 3%;}
.blog_index li.li1{ background:rgba(255,255,255,0.9)}
.blog_index li.li2{ /*background:rgba(35,33,33,0.5)*/ background:#f2f2f2}
.blog_index li .b_i_font1{ font-size:18px; color:#001eff;font-family: mysecfont3;margin-top:10px;}
.blog_index li .b_i_font1 span{color:#232121}
.blog_index li .b_i_font2{ font-size:35px; color:#232121; margin-top:20px;font-family: myfirfont5;line-height: 55px;height: 55px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.blog_index li .b_i_font3{ font-size:25px; color:#232121;margin-top:10px;font-family: mysecfont1;}

.myblog1{background:url(../img/blog_bg1.jpg) no-repeat; background-size:cover;}
.myblog2{background:url(../img/blog_bg2.jpg) no-repeat;background-size:cover;}
.myblog1 .blog_index li.li2{background:rgba(35,33,33,0.5);}
.myblog1 .blog_index li.li2 .b_i_font2,.myblog1 .blog_index li.li2 .b_i_font1 span,.myblog1 .blog_index li.li2 .b_i_font3{ color:#fff}
.myblog1 .blog_center,.myblog2 .blog_center{ color:#fff}
.myblog2 .blog_index li.li1{background:rgba(35,33,33,0.5);}
.myblog2 .blog_index li.li1 .b_i_font2,.myblog2 .blog_index li.li1 .b_i_font1 span,.myblog2 .blog_index li.li1 .b_i_font3{ color:#fff}

.blog_list li{background:#fff; margin-top:40px; padding:40px 2.5%;}
.blog_list li a{display:block}
.blog_list li .b_l_img{width:605px; float:left;max-height:300px;overflow: hidden;}
.blog_list li .b_l_img img{ width:100%;}
.blog_list li .b_l_font{margin-left:9%;margin-top:50px;float:left;width: 57%}
.blog_list li .b_l_font p{font-size:18px;font-family: myfirfont5;}
.blog_list li .b_l_font p i{color:#001eff}
.blog_list li .b_l_font span{display:block;font-size:41px;margin-top:30px;font-family: myfirfont5;line-height: 55px;height: 55px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.blog_list li .b_l_font em{display:block;font-size:24px;margin-top:20px;font-family: mysecfont1;line-height: 35px;max-height: 70px;overflow: hidden;}
.blog_list li:hover{background:#001eff}
.blog_list li:hover a,.blog_list li:hover .b_l_font p i{ color:#fff}
.blog_arrow{height:350px;background:#efefef ;}
.blog_arrow p{background:url(../img/arrow_2.png) no-repeat center;-webkit-animation: arrowUp 2s infinite;animation: arrowUp 2s infinite;height:100%; }

.b_d_left span{font-size:35px;font-family:myfirfont5;}
.b_d_left em a{color:#999899;font-size:18px;font-family: mysecfont3; margin-right:5px;}
.b_d_left em a:hover{color:#001eff;}

/*contact*/
.contact_center{background:url(../img/contact_font.png) no-repeat center; }
.c_d_tit span{/*font-size:50px*/}
.c_d_font1{font-size:30px;font-family: mysecfont5}
.c_d_font2{color:#999899; margin:20px 0;font-family: mysecfont1}
.mymap{width:100%;height:600px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.newfooter{height:auto}
.newfooter dt{margin-top:0; padding:30px 0}


.section{position:relative}
.section1{background:url(../img/work_bg.jpg) no-repeat; background-size:cover}
.section2{background:url(../img/about_bg.jpg) no-repeat; background-size:cover}

.section4{background:url(../img/contact_bg.jpg) no-repeat;background-size:cover}
.public_center{ padding-top:300px; margin-top:0}
.myblog .section3{background:url(../img/blog_bg.jpg) }
.myblog .black_mobile_nav{background:url(../img/mobile/nav_ico.png) no-repeat center center; background-size:18px auto;}
.linfont{font-family:mysecfont1; font-size:35px; margin:0 15px; position:relative;top:-4px;}
.a_d_f_left .englishfont,.englishfont{font-family:myfirfont11;}

@media all and (min-width: 900px) and (max-width: 1600px) {
	.mymap{height:400px;}
.public_center hr{ width:60px;}	
.nav{height:60px;}
.nav dd,.nav dt{line-height:60px;} 	
.nav dt a{ font-size:28px}
.nav dt li img{ width:70px}	
.public_center{ padding-top:170px}
.myarrow{background-size:20px auto;}
.public_center hr{margin-top:30px;}
.public_center .center_font1{ font-size:12px; margin-top:30px}
.public_center .center_font2{ font-size:50px;}
.public_center .center_font3{ font-size:20px;}
.public_bt{ width:260px;}
.nexta a{ width:180px; font-size:12px; line-height:54px; height:50px}
.nexta a span{ top:22px; right:30px; background-size:6px auto; }
.nexta a em{ margin-left:28px;}
.nexta a:hover span{background-size:6px auto;}
.w_d_bt{height:30px;background-size:14px auto;bottom:-30px;}

.work_list li .w_l_font p{ font-size:35px;}
.work_list li .w_l_font p span{ font-size:20px;}
.work_list li .w_l_font p em{ font-size:12px;}
.work_load li{ margin-top:0; background-size:22px auto;}

.blog_index li .b_i_font1{ font-size:16px;}
.blog_index li .b_i_font2{ font-size:24px;}
.blog_index li .b_i_font3{ font-size:18px;}
.blog_center{font-size:60px; height:150px;padding-top: 150px;}
.blog_center span{ font-size:30px}
.blog_index li{ padding:20px 0 20px 3% }
.a_d_tit p{ font-size:47px}
.a_d_tit span{ font-size:24px;}
.c_d_tit span{ font-size:20px}


.blog_list li .b_l_img{ width:405px;}
.blog_list li .b_l_font{ margin-left:5%}
.blog_list li .b_l_font p{ font-size:16px; }
.blog_list li .b_l_font span{ font-size:30px;margin-top:15px;}
.blog_list li .b_l_font em{ font-size:20px;margin-top:10px;}
.blog_arrow{ background-size:200px auto; height:200px}

.a_d_f_left{ font-size:30px}
.a_d_f_right{ font-size:18px; line-height:30px;}
.c_d_font1{ font-size:25px}
.c_d_font2{ margin:10px 0; line-height:30px}

.footer{height:220px;}
.footer dd{font-size:16px;}
.footer dt{font-size:10px; margin-top:50px; letter-spacing:0px;}
.footer dd .f_font1{margin-top:30px;}
.newfooter dt{ margin-top:0}
.newfooter{height:auto;}

.personbt{background:url(../img/page_bt.png) no-repeat; background-size:40px auto;height:32px; width:20px; }
.swiper-button-prev{left:10px; background-position:0 0;}
.swiper-button-next{right:10px;background-position:-21px 0;}
.swiper-button-prev:hover{background-position:0 -31px;}
.swiper-button-next:hover{background-position:-21px -31px;}

.gotop{ background:url(../img/gotop.png) no-repeat 0 -18px; width:20px; height:16px; background-size:20px auto;}
.gotop:hover{ background-position:0 0;}
.person_list p{ font-size:18px; margin-top:20px}
.person_list p em{font-size:14px;}
.person_list span{ font-size:10px; padding-bottom:20px; margin-top:5px;}
.linfont{ font-size:30px;}
.w_d_left span{font-size:40px;}
.w_d_left p{font-size:20px; line-height:30px;}

.a_d_tit span{ margin-top:10px;}
.footer dd .f_font2{ line-height:25px;}
.blog_arrow p{ background-size:22px auto;}

.w_d_bottom .nexta a{ margin-top:74px;}

.f_tb a{background-size:120px auto}
.f_qq a {background-position: -51px 0}
.f_wx a {background-position:-98px 2px}
.f_tb img{ width:100px;right: -30px;}
}
@media all and (min-width: 240px) and (max-width: 780px) {
.general{ width:100%}	
/*work*/
.work_index{background:url(../img/mobile/work_bg.jpg) no-repeat;background-size:cover;}
.nav{ height:20px;}
.nav dt .myli{ display:none}
.nav dd{ line-height:80px}
.nav dd img{width:55px; margin-left:16px; position:absolute;top:16px;left:0; z-index:101;}
.mobile_nav{display:block; position:fixed;top:10px;right:15px; background:url(../img/mobile/nav_ico.png) no-repeat center center; background-size:18px auto; width:30px; height:30px;z-index:101;}
.public_center{ background-size:auto 160px; padding-top:45%}
.public_bt{width:120px;}
.nexta a{width:120px; height:30px; line-height:32px;font-size:10px; }
.nexta a em{font-size:12px;transform:scale(0.8);  display:inline-block;margin-left:10px; letter-spacing:0px;}
.nexta a span{right:10px;top:12px; background-size:5px auto;}
.nexta a:hover span{background-size:5px auto;-webkit-transform: translateX(5px); transform: translateX(5px);}
.myarrow{background-size:18px auto; margin-left:-9px; bottom:30px}
.nav_bg{position:fixed;top:0;right:0;width:100%;height:100%;bottom:0;background:rgba(35,33,33,0.9); z-index:9}
.nav dt.hover{width:100%;z-index:20;line-height:80px; position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.nav dt.hover .myli{width:100%;display:block;}
.nav dt.hover a{font-size:22px;color:#fff;}
.nav dt .mylogo img{width:55px; margin-left:16px; position:absolute;top:16px;left:0; z-index:101;display:none}
.mobile_logo{margin-left:20px;position:fixed;top:16px;left:0; z-index:101; display:block}
.mobile_logo img{width:55px;} 
 
 
.nav dt a:hover span{ display:block}
.nav dt a:hover p{ display:none}
.nav dt a:hover{background:#001eff;}

.public_center hr{ margin-top:20px;width:60px;}
.public_center .center_font1{ font-size:12px;}
.public_center .center_font2{ font-size:28px; margin-top:40px}
.public_center .center_font3{ font-size:18px}
.black_mobile_nav{background:url(../img/mobile/black_nav_ico.png) no-repeat center center; background-size:18px auto;}
.work_list{margin-top:60px;}
.work_list li{width:100%;}
.work_list li .w_l_font p{font-size:20px;}
.work_list li .w_l_font p span{font-size:16px;}
.work_list li .w_l_font p em{font-size:12px;margin-top:10px;}
.work_load li{width:100%; margin-top:0;background-size:20px auto;height:150px}
.work_load li:first-child{ display:none;}

.footer{height:auto; padding-top:30px;}
.footer dd{ width:100%; text-align:center; font-size:14px;}
.footer dd .f_font1{ margin-top:20px}
.footer dd .f_font2{ line-height:20px}

.f_tb{ margin-left:20px}
.f_tb a{ background:url(../img/foot.png) no-repeat; background-size:120px auto; }
.f_wb a{ background-position:0 0;}
.f_qq a{ background-position:-46px 0;}
.f_wx a{ background-position:-96px 2px;}

.tr{ text-align:center}
.f_tb{ float:none; display:inline-block}
.footer dt{font-size:8px; width:90%; margin:0px 5% 30px 5%; text-align:center; letter-spacing:0px;}
.gotop{right:50%;margin-right:-13px;bottom:15px; background-size:20px auto; background-position:0 -18px;}
.gotop:hover{background-position:0 4px;}

.w_d_left span{font-size:22px;/* text-overflow: ellipsis; height:28px; overflow:hidden; white-space:nowrap; */display:block; line-height:28px}
.w_d_left p{font-size:16px;}
.w_d_left em a{ font-size:12px}
.w_d_right{width:100%; font-size:12px; line-height:20px; margin-top:30px;}
.w_d_bottom{height:150px;}
 /*about*/
.about_bg{background:url(../img/mobile/about_bg.jpg) no-repeat;background-size:cover;}
.about_center{background-size: auto 120px;}
.about_detail{background:url(../img/mobile/about_detail.jpg) no-repeat;background-size:auto 300px;}
.a_d_tit{margin-top:140px; margin-left:20px; height:160px;}
.a_d_tit p{font-size:30px; margin-right:10px}
.a_d_tit span{font-size:18px; margin-top:10px;}
.a_d_font{margin:60px 5%;}
.a_d_f_left{width:100%; font-size:20px;}
.a_d_f_right{width:100%; font-size:16px; line-height:23px; margin-top:25px;}
.w_d_bt{ height:30px; background-size:14px auto;bottom:-30px; background-position:left center;}

.person_list p{ font-size:14px;margin-top:10px;}
.person_list span{font-size:10px;padding-bottom:10px; margin-top:0px;}
.swiper-container{ margin-top:50px}
.personbt{ width:25px; height:33px;background-size:43px auto;}
.swiper-button-next{background-position: -22px 0;}
.swiper-button-prev{background-position: 4px 0;}
.swiper-button-next:hover{background-position:-22px -35px;}
.swiper-button-prev:hover{background-position:4px -35px;}
/*blog*/
.blog_center{ font-size:30px; margin:0px 0 30px 20px; height:auto; padding-top:70px;}
.blog_center span{ font-size:18px; margin-top:10px}
.blog_index{ margin:0 20px;}
.blog_index li{ width:97%;padding:20px 0 20px 3%; }
.blog_index li .b_i_font1{font-size:12px;}
.blog_index li .b_i_font2{font-size:18px; line-height:22px;height:22px; margin-top:10px;}
.blog_index li .b_i_font3{font-size:14px;line-height:20px;height:40px;}
.blog_index li.li2{ background:rgba(255,255,255,0.5)}
.blog_myarrow{position:inherit;left:inherit;margin-left:0;width:100%; height:100px; background-position:center;}

.blog_list li{padding:20px 5%;margin-top:20px;}
.blog_list li .b_l_img,.blog_list li .b_l_img img{width:100%; min-height:inherit;}
.blog_list li .b_l_font{ margin-left:0; margin-top:20px;width: 100%}
.blog_list li .b_l_font p{font-size:12px;}
.blog_list li .b_l_font span{font-size: 23px;margin-top: 0;}
.blog_list li .b_l_font em{font-size: 15px;margin-top: 0px;line-height: 20px;height: 40px;}
.blog_arrow{ height:150px; background-size:150px auto}
.b_d_left em{font-size:20px;}
.blog_arrow p{background-size:22px auto;}

/*contact*/
.contact_bg{background:url(../img/mobile/contact_bg.jpg) no-repeat;background-size:cover;}
.contact_center{background-size:auto 100px;}
.contact_detail{background:url(../img/mobile/contact_detail.jpg) no-repeat;background-size:auto 300px;}
.c_d_left{ display:none}
.c_d_right{ text-align:center; margin-top:20px}
.mymap{ height:350px;}
.c_d_font1{ font-size:20px}
.c_d_font2{font-size:14px}

.section1{background:url(../img/mobile/work_bg.jpg) no-repeat; background-size:cover }
.section2{background:url(../img/mobile/about_bg.jpg) no-repeat;background-size:cover}
.section3{background:#efefef}
.section4{background:url(../img/mobile/contact_bg.jpg) no-repeat;background-size:cover}
.new_mobile_nav{background:url(../img/mobile/nav_ico_on.png) no-repeat center center; background-size:18px auto;}
.linfont{ font-size:18px}
.newfooter dt{padding:0;}
}