@charset "gb2312";
@import url(anim.css);
* {margin: 0px;padding: 0px; font-family:"微软雅黑";}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{ color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{ font-size:12px;}
p{ color:#686868;}
ul{ list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{ text-decoration:none; color:#686868;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
.gy2{ width:1440px; margin:0 auto; overflow:hidden;}
a:hover{ text-decoration:none; color:#f3782a;}
.top01{ width:100%; height:38px; line-height:38px; background:#f67524; /*color:#f5f5f5;*/ color:#fff; overflow:hidden;}
.top01 .l{ font-size:14px;}
.top01_center{ text-align:left;/* width:362px; *//*padding-left:840px; margin:0 auto;*/ float:right; font-size:14px;}
.top01_center img{ vertical-align:sub; display:inline-block; margin-right:8px;}
.top01_center div{ font-size:14px; height:38px; overflow:hidden; display:block; text-align:right;}
.top01_center div.div1{transition:all 0.3s;}
.top01_center:hover div.div1{ margin-top:-38px;}
.top02{ height:86px; width:100%; min-width:1200px;}
.top02 .top02_center{width:1440px; min-width:1200px;margin:0 auto;}
.logo{ width:344px; float:left; padding-top:13px;}
.logo img{ float:left;}
.logo .logo-year{ margin-top:17px; height:20px; line-height:20px; width:38px; text-align:center; font-size:12px; color:#fff; background:#f67524; border-radius:4px; overflow:hidden; font-size:14px; color:#fff; }
.logo .logo-text{ margin-top:5px; height:18px; color:#656565;line-height:18px; overflow:hidden;}
.nav{/* width:770px; */float:right;}
/*.nav ul{ width:780px;}*/
.nav li.m{ width:86px; padding-right:22px;  margin:0 22px 0 0;float:left; text-align:center;/* position:relative;*/ }
.nav li:last-child{ background:none; padding-right:0; margin-right:0;}
.nav a.mmm{ width:86px;  height:46px; padding-top:40px; display:block; font-size:16px; color:#333; /*overflow:hidden; */}
.nav a:hover{ /*border-bottom:3px solid #f3782a;*/}
.nav .m.on a.mmm{color:#f3782a;}
.nav a#sel{/*border-bottom:3px solid #f3782a;*//*color:#f3782a;*/}
/*.nav a#sel:hover:after{opacity: 0;}*/

#top_bg{background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; display:none;}
.service_top05{ width:440px; margin:0 auto; height:50px;color:#2c2c2c;}
.service_top05_left{ width:290px; float:left; font-size:36px; text-align:center;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.service_top05_right{ width:138px; float:right; text-align:left; font-size:30px;}
.service_top05 span{color:#f3782a; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.service_top05_a{ text-align:center; margin-top:10px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;}
.service_top05_a a{ display:inline-block; font-size:16px; color:#000000;  line-height:38px; margin-left:5px; margin-right:5px; width:140px; border-radius:20px;}
.service_top05_a a h2{ font-size:16px;}
.service_top05_a a .h22{ font-size:16px;}
.service_top05_a a:hover{ color:#fff; background-color:#f67524;}
.service_top05_a a.two_sel{color:#fff; background-color:#f67524;}

.case{ width:100%; clear:both; padding-top:60px;}

.customer_button{ width:198px; margin:0 auto; padding-top:30px; clear:both; height:5px;}
.customer_button img{ margin:0 2px;}
.new_list li{ width:580px; height:130px; float:left; padding:10px; margin:0 0 25px 0;}
.new_List_date{ width:60px; float:left; text-align:center; }
.new_List_date h1{ color:#f3782a; font-size:30px;line-height:45px;}
.new_List_date h2{ font-weight:normal; color:#686868; line-height:30px;}
.new_list_pic{ width:124px; float:left; margin:0 10px;}
.new_list_pic img{ width:124px; height:124px;}
.new_list_text{ width:350px; float:left; margin-left:20px; text-align:left;}
.new_list_text h1{ color:#f3782a; font-size:14px; height:35px; overflow:hidden; line-height:35px; border-bottom:1px solid #d7d7d7;}
.new_list_text p{ margin-top:5px; line-height:22px; height:66px; overflow:hidden;}
.new_list li:hover{ background:#f5f5f5;}
.new_list_text span{ width:83px; float:right;}


.new_list_button{ clear:both; width:120px; height:15px; padding:10px 0 30px 0; margin:0 auto;}
.new_list_button img{ margin:0 12px;}

/* ?ҳ-APP */
.app-banner{position:relative}
.app-banner img{width:100%;min-width:1200px;}
.app-banner .text{position:absolute;left:0;right:0;margin:0 auto;top:50%;margin-top:-100px;}

.app-banner h1{font-size:72px;color:#fff;text-align:center;}
.app-banner h1 span{font-size:30px;display:block;margin-top:10px;}
.app-banner .seo-banner-btm{text-align:center;margin-top:30px;}
.app-banner .seo-banner-btm a{font-size:18px;display:inline-block;color:#fff;width:127px;height:43px;line-height:43px;text-align:center;background:#005CAD;-webkit-border-radius:3px;
	-moz-border-radius:3px;border-radius:3px;margin-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #015DAD;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.app-banner .seo-banner-btm a:hover{color:#fff;background:none;border:1px solid #fff}	

.app-develop-in{width:1400px;margin:0 auto}
.app-develop-in .title{font-size:48px;color:#fff;text-align:center;font-weight:bold;position:relative;z-index:2;top:-35px;}
.app-develop-box{overflow:hidden;margin-top:100px; z-index:2; }
.app-develop-lt{float:left;width:50%;padding:0 162px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.app-develop-rt{float:right;width:50%;padding:0 0 0 162px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.app-develop-box dl dt{margin:0 auto;margin-bottom:30px !important}
.app-develop-box dl dd h1{font-size:30px;color:#fff;text-align:center}
.app-develop-box dl dd p{font-size:18px;color:#fff;text-align:center;line-height:30px;margin-top:30px;}
.app-develop-box>div{
	position:relative;
	z-index:2;
	}
.app-project{width:1200px;margin:0 auto;padding-top:90px;padding-bottom:110px;}
.app-project h1{font-size:48px;color:#333;text-align:center}
.app-project p{font-size:16px;color:#333;text-align:center;line-height:30px;width:610px;margin:0 auto;margin-top:15px !important}
.app-project-in{overflow:hidden;margin-top:70px;}
.app-project-in dl{float:left;width:218px;margin:0 10px}
.app-project-in dl:hover{box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;-webkit-box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;-moz-box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;}
.app-project-in dl dt img{width:218px;height:233px;}
.app-project-in dl dd{font-size:18px;color:#fff;background:#000000;height:60px;line-height:60px;text-align:center}
.app-project-in dl:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}

.app-refer{width:100%;min-width:1200px;background-size:cover;padding-top:100px;padding-bottom:65px;}
.app-refer-in{width:1100px;margin:0 auto}
.app-refer-in h1{font-size:48px;color:#333;text-align:center}
.app-refer-in p{font-size:16px;color:#333;text-align:center;line-height:30px;margin-top:15px !important}
.app-refer-add{overflow:hidden;margin-top:90px;}
.app-refer-add dl{float:left;margin:0 25px;}
.app-refer-add dl dd{font-size:30px;text-align:center;font-weight:bold;color:#333;margin-top:25px;}
.app-refer-add div{float:left;margin:0 25px;}
.app-refer-add div.add{width:37px;height:37px;margin-top:30px;}
.app-refer-add div.equal-to{width:37px;height:23px;margin-top:35px;}
.app-refer-add dl dt{margin:0 auto;height:93px;}
.app-refer-add dl.one dt{width:44px;background-size:44px 78px}
.app-refer-add dl.two dt{width:94px;background-size:94px 62px}
.app-refer-add dl.three dt{width:93px;background-size:93px 71px}
.app-refer-add dl.fore dt{width:76px;background-size:76px 93px}

.app-refer .message a{display:block;font-size:30px;color:#fff;font-weight:bold;width:244px;height:75px;line-height:75px;padding-left:95px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 auto;margin-top:65px !important;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;border:1px solid #005CAD}
.app-refer .message a:hover{color:#005CAD;}


.app_phone{
	position:absolute;
	left:50%;
	top:59%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1;
	}
.left_content p{
	color:#ffffff !important;
	}
.right_content p{
	color:#ffffff !important;
	}