@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img,figure,figcaption {border: medium none; margin: 0; padding: 0;}

/** 设置默认字体 **/
html, body {-webkit-text-size-adjust: none;font-family: "Microsoft YaHei", Arial;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased; font-size:14px; color:#666;}

/** 设置表单元素**/
button, input, select, textarea {font-family: "Microsoft YaHei", Arial;-moz-appearance: none;-webkit-appearance: none;appearance: none;vertical-align: middle; outline:none;}

/** 重置图片元素 **/
img {border: 0px; vertical-align: middle; -ms-interpolation-mode: bicubic;}

/** 重置表格元素 **/
table {border-collapse: collapse;border-spacing: 0;}

/** 清除浮动 **/
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}

/** 重置列表元素 **/
ul, ol {list-style: none;}

/** 重置超链接元素 **/
a {text-decoration: none; color: #333; -o-transition: 0.35s;-webkit-transition: 0.35s;-moz-transition: 0.35s; -ms-transition: 0.35s; transition: 0.35s; }
a:hover {text-decoration:none; color:#666; will-change: transform;}
a:hover,a:active{outline:none;}
section{ max-width:1200px; margin:0 auto; padding:50px 0; overflow:hidden;}

/** 返回顶部 **/
.back_top{ width:40px; height:40px; position:fixed; right:5%; bottom:10%; display:none;  padding:2px; cursor:pointer;  overflow:hidden; background:#111; z-index:50;}
.back_top:hover { border-radius:25px; will-change: transform;}

/** 手机导航展开 **/
.bodybox,.menu,.back_top{transition: all ease-in .2s; -ms-transition: all ease-in .2s; -webkit-transition: all ease-in .2s; -moz-transition: all ease-in .2s; -ms-transition: all ease-in .2s; -o-transition: all ease-in .2s;}

.menu{ width:100%; position:absolute; right:0%; position:fixed; z-index:10; height:0%; top:65px; background:#222; overflow:hidden;}
.open .menu{ height:100%; overflow:auto;} 
.menu li{ line-height:48px;  border-bottom:1px dashed #505050;}
.menu li a{ display:block; padding:0 10%; color:#eee;}
.menu li a.on{ background:#669acc; color:#fff;}


/** loading **/
.loading{ width:100%; height:100%; background:#fff; position:fixed; z-index:100; text-align:center;}
.loading i{ display:block; width:140px; position:absolute; top:50%; left:50%; margin:-70px 0 0 -70px;}

/** 主题 **/
.top{ background:#f7f7f7; height:26px; border-bottom:1px solid #ddd; font-size:12px; line-height:26px; color:#888; }
.top h4{ font-weight:normal; float:left;}
.top span{ float:right; background:url(../images/icon_tel.png) no-repeat left center; padding-left:24px;}
.top span b{ color:#669acc; padding-left:4px;}
.logo{ float:left; height:80px; padding-top:10px;}

header section{padding:0;}
header{ position:fixed; top:0; width:100%; left:0; z-index:40; background:#fff; box-shadow:0 1px 2px #999;}

/*nav*/
header nav{ float:right;}
header nav li{ float:left; width:90px; text-align:center; line-height:24px;}
header nav li a{ display:block; height:55px; padding:35px 14px 0 14px;}
header nav li a span,header nav li a em{ display:block;}
header nav li a em{ font-style:normal; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; display:none; -o-transition: 0.3s; -ms--o-transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
header nav li a:hover,header nav li a.act{ background:#669acc; color:#fff; padding-top:25px; height:65px;}
header nav li a:hover span,header nav li a.act span{ border-bottom:1px dotted #fff;}
header nav li a:hover em,header nav li a.act em{ display:block;}
.hidebox{ overflow:hidden;}
main{ padding-top:117px;}

/*i_tit*/
.i_tit{ text-align:center; font-size:30px; color:#333; border-bottom:1px solid #ddd; padding-bottom:20px; line-height:45px; margin-bottom:15px; position:relative;}
.i_tit span{ display:block; width:120px; position:absolute; bottom:0px; height:4px; background:#a0c316; left:50%; margin-left:-60px;}
.i_tips{ text-align:center; padding-bottom:30px; color:#888;}

/*baner*/
.baner {width: 100%;position: relative;overflow: hidden; max-height:560px;}
.baner_box {width: 1000px;margin: 0 auto;}
.n_baner {width: 1920px; margin: 0 -460px;overflow: hidden;display: block;}
.atlas {width: 999999px;}
.atlas li {float: left;}
.atlas li img {display: block;}
.n_baner .num {position: absolute;width: 100%;height: 12px;bottom: 5%;left: 0;text-align: center;z-index: 5;}
.n_baner .num a {width: 12px;height: 12px; display: inline-block; background: #000;border-radius: 10px;margin: 0 5px;}
.n_baner .num a.on {background: #fff}

/*i_service*/
.i_service ul{ width:1240px;}
.i_service li{ float:left; width:278px; margin-right:30px; text-align:center; line-height:22px;}
.i_service li a{ background:#f7f7f7; overflow:hidden; display:block; padding:30px;}
.i_service li figcaption{ font-weight:bold; color:#333; padding:6px 0; -o-transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s;}
.i_service li p{ font-size:12px;}
.i_service li a,.i_service li a img{ -o-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
.i_service li a:hover{ background:#ffaa23; color:#fff;}
.i_service li a:hover figcaption{ color:#fff;}
.i_service li a:hover img{ -o-transform:scale(0.92);-webkit-transform:scale(0.92);-moz-transform:scale(0.92); -ms-transform:scale(0.92); transform:scale(0.92); will-change: transform;}

/*i_us*/
.i_us{ background:url(../images/bj_ius.jpg) no-repeat center; background-size:cover; color:#fff; padding:20px 0;}
.i_us .img{ float:left; width:44.2%;}
.i_us .img img{ width:100%; height:auto;}
.i_us .txt{ float:right; width:52%; line-height:30px;}
.i_us .txt .tit{ display:block; margin-bottom:30px;}
.i_us .txt .tit b{ line-height:70px; font-size:30px; border-bottom:4px solid #a1c314; display:inline-block;}
.i_us .txt a{ display:inline-block; border:1px solid #fff; color:#fff; padding:4px 20px;}
.i_us .txt a:hover{ background:#fff; color:#3861b1}
.i_us .txt p{ padding-bottom:10px;}

/*i_case*/
.i_case ul{ width:1240px;}
.i_case li{ float:left; width:285px; margin-right:20px; text-align:center; line-height:24px; margin-bottom:30px;}
.i_case li a{ display:block; overflow:hidden;}
.i_case li a img{ width:100%; height:auto; -o-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s; -ms-transition: 0.4s;}
.i_case li a .imgs{ border:1px solid #ddd;}
.i_case li a figure span{ display:block; margin:6px; overflow:hidden;}
.i_case li a figcaption{ height:24px; font-weight:bold; padding:15px 0 4px 0;}

.i_case li a p{height:24px; font-size:12px; color:#888;}
.i_case li a:hover img{ -o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); will-change: transform;}

/*i_packages*/
.tomore{ display:block; width:200px; margin:0 auto; height:50px; text-align:center; background:#669acc; color:#fff; position:relative; line-height:50px;}
.tomore i,.tomore span{ position:absolute; width:100%; height:50px;  left:0; top:0; z-index:2; -o-transition: 0.4s; -ms-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s}
.tomore i{z-index:1;background:#ffaa23; width:0;}
.tomore:hover i{ width:100%;}
.tomore:hover{ color:#fff;}

.i_service.i_packages .i_tit,.i_custmer .i_tit{ border-bottom-color:#eee;}
.i_service.i_packages{ background:url(../images/bj_i_packages.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}
.i_service.i_packages figcaption{ font-size:18px; color:#fff; padding-top:15px;}
.i_service.i_packages figure p{ padding:10px 0;}
.i_service.i_packages a{color:#fff;}
.i_service.i_packages .bjgreen a{ background:#a1c315;}
.i_service.i_packages .bjblue a{background:#3987d1;}
.i_service.i_packages .bjqblue a{background:#1fb9c5;}
.i_service.i_packages .bjyellow a{background:#ffaa23;}
.i_service.i_packages a:hover{ background:#555;}


/*i_process*/
.i_process .hidebox{border:1px solid #ddd; margin-top:20px;}
.i_process ul{overflow:hidden; width:1240px;}
.i_process li{ float:left; border-right:1px solid #ddd; width:171px; text-align:center; padding:25px 0; color:#333;}
.i_process li img{-o-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s; -ms-transition: 0.4s; margin-bottom:10px; }
.i_process li:hover img{ cursor:pointer; -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);  will-change: transform;}


/*i_custmer*/
.i_custmer{background:url(../images/bj_i_packages.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}
.i_custmer ul{ width:1240px; overflow:hidden;}
.i_custmer .hidebox{ margin-bottom:40px;}
.i_custmer li{ float:left; width:224px; height:96px; margin:0 20px 15px 0; text-align:center;}
.i_custmer li img{ -o-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; width:100%;}
.i_custmer li:hover img{-o-transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95); -ms-transform:scale(0.95); transform:scale(0.95);  will-change: transform;}

/*i_news*/
.i_news .list_bar{ width:1240px; overflow:hidden;}
.i_news .list{ float:left; border:1px solid #ddd; width:510px; margin-right:40px; padding:25px;}
.i_news .list h4{ height:20px; line-height:20px; border-left:2px solid #a0c316; padding-left:10px; margin-bottom:10px; color:#333;}
.i_news .list .img{ float:left; width:41%;}
.i_news .list .img img{ width:100%; height:auto;}
.i_news .list ul{ float:right; width:54%;}
.i_news .list ul span{ float:right;}
.i_news .list ul li{ overflow:hidden; line-height:25px; font-size:12px;}


/*footer*/
footer{ background:#18212a; color:#8c9093; font-size:12px; line-height:24px;}
footer a{ color:#8c9093;}
footer .bars { overflow:hidden; padding-bottom:30px;}
footer .bars .list{float:left;}
footer .bars .list h4{ color:#fff; font-size:16px; line-height:30px; padding-bottom:20px}
footer .bars .form{ width:25%; padding-right:5%}
footer .bars .form input{ width:80%; border:none; height:44px; padding:0 16% 0 4%; color:#666; line-height:44px;}
footer .bars .form input.name{ background:#fff url(../images/icon_inpu1.jpg) no-repeat 95% center;}
footer .bars .form input.tel{ background:#fff url(../images/icon_inpu2.jpg) no-repeat 95% center;}
footer .bars .form p{ padding-bottom:16px; overflow:hidden;}
footer .bars .form .sumit{ background:#669acc; color:#fff; cursor:pointer; width:100%;}
footer .bars .i_contact{ width:36%;}
footer .bars .i_contact p{ position:relative; padding-left:26px; padding-bottom:5px;}
footer .bars .i_contact p i{ width:24px; height:24px; display:block; position:absolute; left:0; top:0;}
footer .bars .fast{ width:11%; margin-right:5%; line-height:29px;}
footer .bars .fast a{ padding-right:16px;}
footer .bars .hotline{ float:right;}
footer .bars .hotline big{ font-size:24px; font-weight:bold; padding-bottom:15px; display:inline-block;}
footer .bars .hotline big a{ color:#669acc;}
footer address{ font-style:normal; border-top:1px solid #435163; display:block; padding:10px 0;}
footer .share{ padding:10px 0;}

/*动画*/
@media screen and (max-width:1920px)and (min-width:999px){
	.fadein,.fadeup,.fadeleft,.faderight{transition:1.2s; -moz-transition:1.2s; -ms-transition:1.2s; -o-transition:1.2s; -webkit-transition:1.2s; opacity:0;}
	.fadeup{transform:translateY(1500px); -moz-transform:translateY(1500px); -ms-transform:translateY(1500px); -o-transform:translateY(1500px); -webkit-transform:translateY(1500px);}
	.fadeleft{transform:translateX(1500px); -moz-transform:translateX(1500px); -ms-transform:translateX(1500px); -o-transform:translateX(1500px); -webkit-transform:translateX(1500px);}
	.faderight{transform:translateX(-1500px); -moz-transform:translateX(-1500px); -ms-transform:translateX(-1500px); -o-transform:translateX(-1500px); -webkit-transform:translateX(-1500px);}
	
	.active .fadein{ opacity:1;}
	.active .fadeleft,.active .faderight{opacity:1; transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0);}
	.active .fadeup{ opacity:1; transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0);}
}

/*inbaner*/
.inbaner{ background:#669acc; color:#fff;  width:100%; position:relative; overflow:hidden;}
.inbaner section{ width:1200px; margin:0 auto; padding:0; overflow:visible;}
.inbaner section p{ display:block; width:1920px; margin:0 -360px; overflow:hidden;}
/*.inbaner h3{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:60px; font-weight:normal;}
.inbaner h4{ font-size:45px; font-weight:normal; }
.inbaner p{ font-size:20px; padding:18px 0;}*/

/*crumbs*/
.crumbs{ background:#f7f7f7; height:40px; border-bottom:1px solid #ddd; line-height:40px; padding:10px 0;}
.n_crumbs{ max-width:1200px; margin:0 auto; color:#888;}
.n_crumbs .website{ background:url(../images/icon_home.jpg) no-repeat left center; padding-left:24px; float:left;}
.n_crumbs a{ color:#888;}
.n_crumbs .search{ float:right;}
.n_crumbs .search .key{ width:180px; height:38px; border:1px solid #ddd; padding:0 10px; font-size:14px; float:right;}
.n_crumbs .search .sumit{ width:60px; background:#fff url(../images/icon_sear.jpg) no-repeat center; height:40px; border:1px solid #ddd; border-left:none; float:right; cursor:pointer;}

/*hr*/
.publictxt{ line-height:26px;}
.publictxt p{ padding:10px 0;}
.publictxt img{ max-width:100%; height:auto; border:1px solid #ddd;}
.publictxt .visited{ height:34px; border:1px solid #6094c6; color:#6094c6; display:block; text-align:center; line-height:34px; margin-top:20px;}
.hr .name{ background:#f7f7f7; padding:10px 20px; color:#7a9803;}
.hr .detail{ padding:20px;}
.hr small{ font-weight:bold; font-size:14px; color:#d12c2c}
.obj-name{ font-size:16px; font-weight:bold; color:#669acc;}
.obj-name time{ float:right; font-size:14px; color:#888; font-weight:normal;}

.n-new{ text-align:center; border-bottom:1px solid #ddd; padding:20px; margin-bottom:20px; line-height:30px; color:#888;}
.n-new strong{ font-size:24px; color:#333; display:block; padding:10px 0;}

/*n_case*/
#n_case .sorts ul{ width:70%; padding:6px 15%; overflow:hidden;}
#n_case .sorts li{ width:20%; margin:0; padding:15px 0; text-align:center;}
#n_case .sorts li a{ border:1px solid #ddd; padding:10px 0; width:80%; margin:0 auto;}
#n_case .sorts li a:hover,#n_case .sorts li a.on{ border:1px solid #669acc; color:#669acc; background:#f5f5f5;}
.m_subnav{ display:none;}

/*turn_page*/
.turn_page{ text-align:center; padding:15px 0 0 0;}
.turn_page a{ display:inline-block; border:1px solid #ddd; padding:5px 10px;}
.turn_page a:hover{ background:#6094c6; color:#fff;}
.m_page {display: none}
.zoom_flip {width: 100%;height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 999; display:none;}
.i_zoom_flip {height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.i_zoom_flip li {height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 14px; padding: 0 5%;}
.i_zoom_flip li a {display: block;}

/*contact*/
.contact .left,.contact .right{ width:512px; float:left; background:#f5f5f5;}
.contact .right{ float:right;}
.contact .conus{ background:#f7f7f7; padding:35px; line-height:23px;}
.contact .left{ background:#f7f7f7 url(../images/conus1.png) no-repeat 96% 90%;}
.contact .bus{ background:#f7f7f7 url(../images/conus2.png) no-repeat 96% 80%;}
.contact .conus p,.contact .conus li{ padding:8px 0; overflow:hidden;}
.contact .conus li span{ width:50%; display:block; float:left;}
.contact .conus li label{ width:74px; display:block; float:left; line-height:40px;}
.contact .conus li input{ height:40px; border:1px solid #ddd; width:385px; padding:0 10px;}
.contact .conus li input.short{ width:130px;}
.contact .conus li.btn{ padding:20px 0 13px 74px;}
.contact .conus li.btn .sumit{ width:405px; cursor:pointer; background:#333; color:#fff; height:48px; font-size:16px;}
.contact .conus h4{ height:20px; border-left:2px solid #a0c316; padding-left:10px; margin-bottom:16px; font-size:14px; color:#333;}
.contact .box{ margin:35px 0;}

/*subnav*/
.subnavbox{ height:81px; overflow:hidden;}
.subnav{ background:#f9f9f9; height:80px; border-bottom:1px solid #ddd; line-height:80px; font-size:18px; overflow:hidden;}
.subnav.fixed{ width:100%; left:0; position:fixed; z-index:5;}
.subnav nav{ padding:0; max-width: 1200px;  margin: 0 auto; overflow: hidden; border-right:1px solid #ddd;}

.subnav nav li{ width:25%; float:left; text-align:center;}
.subnav nav li a{ display:block;  font-weight:bold; border-left:1px solid #ddd;}
.subnav nav li a:hover,.subnav nav li a.act{ border-bottom:2px solid #ce2424; background:#fff; line-height:78px;}
#fours  nav li{ width:33.3333%;}
/*desing*/
.desing .list{ padding:80px 0;}
.desing .list .names{ float:left; width:140px; height:140px; padding:65px; text-align:center; border:2px solid #000; border-radius:50%;}
.desing .list .names h4{ font-size:18px; padding-bottom:5px; color:#333;}
.desing .list .names .img{ padding-top:10px;}
.desing .list .biaos{ float:right; width:840px;}
.desing .list .biaos table{ table-layout:fixed;}
.desing .list .biaos table th,.desing .list .biaos table td{ line-height:22px; padding:8px; border-bottom:1px solid #ddd;}
.bjf7{ background:#f7f7f7;}

/*ncustmer*/
#ncustmer { background:none;}
#ncustmer li{ margin-bottom:24px;}
#ncustmer li span{display:block; padding:5px; border:1px solid #ddd;}

/*emails*/
.emails h1{ padding:20px 0;}
.emails table{ border-collapse:collapse;}
.emails table th,.emails table td{ line-height:22px; padding:10px; border:1px solid #ddd; text-align:center;}
.emails table th{ background:#f5f5f5; color:#ce2424;}

#foursbiao h1{ color:#ce2424; font-size:24px;}
#foursbiao a.yd{ display:inline-block; background:#ce2424; padding:10px 40px; color:#fff;}
#foursbiao strong{ color:#ce2424;}
#level4 p{ padding:5px 0; line-height:24px;}
#level4 strong{ color:#ce2424;}

.hallmark{ padding-top:30px;}
.hallmark h2{ color:#333; line-height:40px;}
.hallmark ul{ width:102%;}
.hallmark li{ float:left; width:48%; height:360px; background:#f5f5f5; margin:0 2% 15px 0; position:relative;}
.hallmark li em{  display:block; width:120px; height:120px; position:absolute; right:10%; top:30%;}
.hallmark li .padd{ padding:30px;}
.hallmark li h3{ color:#ce2424; font-size:16px; padding:15px 0;}

.solution ul{ width:104%;}
.solution li{ float:left; width:30%; margin-right:3.33333%; padding:30px 0;}
.solution li a{ display:block; line-height:24px; font-size:12px;}
.solution li .img{ overflow:hidden;}
.solution li .img img{ width:100%; height:auto; transition:1.2s; -moz-transition:1.2s; -ms-transition:1.2s; -o-transition:1.2s; -webkit-transition:1.2s;}
.solution li a:hover img{ transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); -webkit-transform:scale(0.9);}
.solution li .newname{ font-size:16px; padding:8px 0; border-bottom:1px solid #a0c316; margin-bottom:6px;}

.nnews .list{ background:#f7f7f7; overflow:hidden; margin-bottom:30px;}
.nnews .list time{ background:#0994d9; display:block; float:left; width:18%; height:180px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.nnews .list time b{ display:block; font-size:80px; padding-top:30px;}
.nnews .list .txt{ width:75%; float:right; padding:30px 3% 0 30px; line-height:24px;}
.nnews .list .txt a{ display:block;}
.nnews .list .txt h2{ padding:15px 0; font-size:18px;}
.nnews .list .txt p{ max-height:72px; overflow:hidden;}

/*baidu*/
.baidu{ background:url(../images/tgbj1.jpg) no-repeat right center; }
.baidu .txt{ width:60%;}
.baidu h1{ font-size:24px; color:#333; padding:10px 0;}
.baidu h1 span{ color:#ce2424;}
.baidu h2{ padding:10px 0;  color:#ce2424;}
.baidu p{ line-height:24px; padding:5px 0;}

.tgys h1{font-size:24px; color:#333; padding:10px 0;}
.tgys ul li{ width:42%; float:left; margin:15px 1%; padding:3%; line-height:26px; height:200px;}
.tgys ul li h4{ font-size:18px; color:#ce2424; padding:10px 0;}

.tgys ul li.tgbj1{ background:#f7f7f7 url(../images/tgbj2.jpg) no-repeat 95% center;}
.tgys ul li.tgbj2{ background:#f7f7f7 url(../images/tgbj3.jpg) no-repeat 95% center;}
.tgys ul li.tgbj3{ background:#f7f7f7 url(../images/tgbj4.jpg) no-repeat 95% center;}
.tgys ul li.tgbj4{ background:#f7f7f7 url(../images/tgbj5.jpg) no-repeat 95% center;}
.tgys ul li .txt{ width:70%;}

.bjf5{ background:#ededed;}
.should h1{ max-width: 1200px; margin: 0 auto; padding: 50px 0 30px 0; overflow: hidden; font-size:24px; color:#333;}
.should .line{ border-bottom:1px solid #d3d3d3; overflow:hidden;}
.should section{ padding:20px 0;}
.should section li{ float:left; width:50%; line-height:24px;}
.should section li .txt{ width:60%; float:left;}
.should section li h2{ font-size:14px; line-height:25px; margin-bottom:10px;}
.should section li h2 p{ font-size:20px;}
.should section li h2 span{ width:50px; height:50px; display:block; float:left; background:#ff7303; text-align:center; line-height:50px; font-size:30px; color:#fff; margin-right:10px;}

.should section li.do1{ background:url(../images/tgbj6.jpg) no-repeat 86% center;}
.should section li.do2{ background:url(../images/tgbj7.jpg) no-repeat 86% center;}
.should section li.do3{ background:url(../images/tgbj8.jpg) no-repeat 86% center;}
.should section li.do4{ background:url(../images/tgbj9.jpg) no-repeat 86% center;}
.should section li.do5{ background:url(../images/tgbj10.jpg) no-repeat 86% center;}
.should section li.do6{ background:url(../images/tgbj11.jpg) no-repeat 86% center;}

.should section li.do1 h2 p{ color:#ff7303;}
.should section li.do2 h2 p{ color:#e8443a;}
.should section li.do3 h2 p{ color:#729f17;}
.should section li.do4 h2 p{ color:#0c6db2;}
.should section li.do5 h2 p{ color:#179f6d;}
.should section li.do6 h2 p{ color:#ff7303;}

.should section li.do1 h2 span{ background:#ff7303;}
.should section li.do2 h2 span{ background:#e8443a;}
.should section li.do3 h2 spanp{ background:#729f17;}
.should section li.do4 h2 span{ background:#0c6db2;}
.should section li.do5 h2 span{ background:#179f6d;}
.should section li.do6 h2 span{ background:#ff7303;}

#n_service h1{ font-size:24px; color:#333;}
#n_service .tips{ color:#0795d7; font-weight:bold; padding:20px 0; font-size:20px;}

.details .left{ width:70%; float:left;}
.details .left .name{ font-size:24px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.details .left .name time{ font-size:12px;}
.details aside{ width:24%; float:right; background:#f5f5f5;}
.details aside .box{ padding:20px;}
.details aside h2{ padding:15px 0; color:#333;}
.details aside li{ border-bottom:1px dotted #aaa; padding:10px 0; line-height:24px;}
.details aside li .names{ font-weight:bold; padding-bottom:6px;}

.sousuo li{line-height:30px; padding:10px; border-bottom:1px solid #ddd; }
.sousuo li mark{ color:red; background:#eee; font-weight:bold;}
.sousuo li span{ float:right; color:#999;}

/*pay*/
#pay .list{ width:98%; margin:0 1%;}
.pay .list h2{ color:#ce2427; padding:15px 0; font-size:24px;}
.pay .list { float:left; width:48%; margin:15px 1%;}
.pay .list .box{ background:#f5f5f5; padding:30px; line-height:24px}
.pay .list .box img{ float:right;}

@media screen and (max-width:1199px){
	section{ width:100%; padding:30px 0;}
 	header nav li{ width:80px;}
	header nav li a{ padding-left:10px; padding-right:10px;}
	
	.i_service ul,.i_case ul,.i_process ul,.i_custmer ul,.i_news .list_bar{ width:100%;}
	.i_service li,.i_case li,.i_service.i_packages li{ width:25%; margin:0 0 20px 0;}
	.i_service li a,.i_case li a{ margin:0 8px;}
	.i_service li a{ padding:20px;}
	.i_service li a img{ max-width:75%;}
	
	.i_us .img img{ width:95%;}
	.i_us .txt{ line-height:26px; padding-right:20px; box-sizing:border-box;}
	
	.i_process .hidebox{ border-right:none;}
	.i_process li{ width:14.28571428%; box-sizing:border-box;}
	.i_process li img{ max-width:66px;}
	
	.i_custmer li{ width:20%; height:auto; margin:0;}
	 #ncustmer li{ margin:0;}
	.i_custmer li span{ display:block; padding:5px;}
	
	.i_news .list{ width:48%; margin:0 1%; box-sizing:border-box; padding:2%;}
	footer { padding:10px; box-sizing:border-box;}
	footer .bars .form{ padding-right:3%;}
	footer .bars .fast{ margin-right:3%; width:15%;}
	
	.contact .left,.contact .right{ width:44%; padding:2%; margin:0 1%;}
	
	.desing .list .names{ padding:50px;}
	.desing .list .biaos{ width:75%}
} 

@media screen and (max-width:1114px) and (min-width:1024px){
	.contact .conus li.btn{ padding-left:0;}
	.hallmark li em img{ width:100%; height:auto;}
	.hallmark li em{ width:80px; height:80px;}
}

@media screen and (max-width:1024px){
	.i_us .txt p:nth-child(2){ display:none;}
	.contact .left,.contact .right{ width:96%; padding:2%; margin:15px 0;}
	.contact .box{ margin-bottom:15px;}
	.contact .conus li.btn{ padding-left:74px;}
	.desing .list .names{ padding:40px;}
	.desing .list .names .img img{ padding:0; width:70%; margin:0 auto;}
	.desing .list .biaos{ width:70%}
	.hallmark li em{ display:none;}
	
	
	.should section li.do1,.should section li.do2,.should section li.do3,.should section li.do4,.should section li.do5,.should section li.do6{ background-size:20%;}
}

@media screen and (max-width:999px){
	header{ height:65px;}
	.top { display:none;}
	.logo{ width:95px; height:auto; padding:0;}
	.logo img{ width:100%; height:auto;}
	
	 header section{ padding:5px 10px; position:relative;}
	 header .top section{ padding:0 10px;}
	 section{ padding:30px 10px; box-sizing:border-box;}
	header nav{ display:none;}
	 
	.btn_menu{ width:34px; height:34px; height:4px; background:#444; display:block; position:absolute; right:10px; top:30px; cursor:pointer;}
	.btn_menu:before{ content:""; display:block; width:100%; height:4px; background:#444; position:absolute; top:-10px;  -o-transition: 0.4s; -ms-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
	.btn_menu:after{ content:""; display:block; width:100%; height:4px; background:#444; position:absolute; bottom:-10px;  -o-transition: 0.4s;  -ms-transition: 0.4s; -webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
	
	.open .btn_menu{ background:transparent;}
	.open .btn_menu:before{ transform:rotate(45deg) translateY(14px); -moz-transform:rotate(45deg) translateY(14px); -ms-transform:rotate(45deg) translateY(14px); -o-transform:rotate(45deg) translateY(14px); -webkit-transform:rotate(45deg) translateY(14px); transform-origin:50%;}
	.open .btn_menu:after{ transform:rotate(-45deg) translateY(-14px); -moz-transform:rotate(-45deg) translateY(-14px); -ms-transform:rotate(-45deg) translateY(-14px); -o-transform:rotate(-45deg) translateY(-14px); -webkit-transform:rotate(-45deg) translateY(-14px);  transform-origin:50%;}
	
	.banner {margin-bottom: 0;}
	.baner, .baner_box, .n_baner {width: 100%;padding: 0;margin: 0;}
	.n_baner .btn {display: none;}
	
	
	.i_us .txt p{ font-size:12px;}
	.i_service.i_packages li figcaption+p{ max-height:18px; overflow:hidden; text-overflow:ellipsis;}
	.i_service.i_packages li p:last-child{ max-height:40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;text-overflow:ellipsis;}
	.i_case li a figcaption{ padding:8px 0 4px 0;}
	
	.i_custmer .hidebox{ margin-bottom:20px;}
	
	.i_news .list .img{ width:35%;}
	.i_news .list ul{ width:60%;}
	.i_news .list ul li a{ display:block; overflow:hidden; height:30px; line-height:30px;}
	
	footer .bars{ padding-bottom:20px;}
	footer .bars .fast{ display:none;}
	footer .bars .form,footer .bars .i_contact{ width:50%; box-sizing:border-box;}
	footer .bars .hotline{ width:100%; text-align:center; padding:15px 0; background:#0f141a;}
	footer .bars .hotline big{ padding:0; margin:0; display:inline-block;}
	footer address{ text-align:center;}
	footer .share,footer .bars .hotline h4,footer .bars .hotline p,footer .links{ display:none;}
	footer section{ padding-bottom:0px;}
	
	.contact .conus li input.short{ width:200px;}
	
	.desing .list .names{ padding:30px;}
	.hallmark li{ height:auto;}
	
	.details .left{ width:100%;}
	
	.details aside{ display:none;}
	
	.inbaner section,.inbaner section p{ width:100%; margin:0;}
	.inbaner section img{ width:100%; height:auto;}
}

@media screen and (max-width:770px){
	.i_service li, .i_case li,.i_service.i_packages li{ width:50%; box-sizing:border-box;}
	.i_service li img{ max-width:50%;}
	
	.i_process li{ width:33.33333%; border-bottom:1px solid #ddd;}
	.i_process li:last-child{ margin:0 auto;}
	.i_process .hidebox{ border-bottom:none;}
	
	.i_custmer li{ width:33.3333%;}
	.i_custmer li:last-child{ display:none;}
	.i_news .list .img,.i_news .list ul{ width:100%; float:none;}

	
	#n_case .sorts ul{ width: 80%; padding: 6px 10%;}
	.turn_page{ display:none;}
	.m_page {border: 1px solid #ddd;padding: 0;text-align: center;overflow: hidden;display: block;}
	.m_page a {display: none;margin: 0; height: 40px; line-height: 40px; border: none;}
	.m_page a.pre, .m_page a.next, .m_page a.num {display: block; width: 33.333333%;float: left;box-sizing: border-box;}
	.m_page a.num {border-left: 1px solid #ddd;border-right: 1px solid #ddd;background:url(../images/icon_m_page.png)no-repeat 90% center;display: inline-block;}
	
	.contact .conus li span{ width:100%; padding-top:8px;}
	.contact .conus li input.short,.contact .conus li input{ width:70%;}
	.contact .conus li.btn .sumit{ width:88%;}
	
	.desing .list .names,.desing .list .biaos{ float:none;}
	.desing .list .biaos,.emails .list .biaos{ width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: auto;}
	
	.desing .list .biaos table,.emails .list .biaos table{ min-width:640px;}
	
	.desing .list{ padding:30px 10px;}
	.desing .list .names{ margin:0 auto 20px auto;}
	.should section li { padding:10px; box-sizing:border-box;}
	.tgys ul li.tgbj1,.tgys ul li.tgbj2,.tgys ul li.tgbj3,.tgys ul li.tgbj4{ background:none; padding:10px; box-sizing:border-box; height:auto; min-height:250px; margin:0; width:50%;}
	.tgys ul li .txt{ width:100%;}
	
	.nnews .list .txt{ width:72%;}
}

@media screen and (max-width:640px){
	footer .bars .form, footer .bars .i_contact{ width:100%; float:none;}
	.i_us .txt{ padding:0;}
	.n_crumbs{ padding:0 10px; width:100%; box-sizing:border-box;}
	.n_crumbs .search{ float:none;}
	.n_crumbs .website{ display:none;}
	.n_crumbs .search .key{ width:80%; box-sizing:border-box;}
	.n_crumbs .search .sumit{ width:20%; box-sizing:border-box; height:38px;}
	#n_case .sorts ul{ display:none;}
	#n_case .m_subnav{ display:block; padding:10px 10px 20px 10px;}
	#n_case .m_subnav input{ height:40px; border:1px solid #ddd; width:90%; padding:0 5%; background:#f7f7f7;}
	
	.contact .left,.contact .right,.contact .bus{ width:100%; padding:20px; box-sizing:border-box; background-size:15%;}
	.desing .list .names{ padding:20px;}
	.subnavbox{ height:51px;}
	.subnav { line-height:50px; height:50px; font-size:16px; overflow:hidden;}
	.subnav nav li a,.subnav nav li a:hover, .subnav nav li a.act{line-height:48px;}
	
	.hallmark li{ width:100%; float:none;}
	
	.solution li{ width:48%; margin:0;}
	.solution li:nth-child(2n){ float:right;}
	
	.nnews .list time{ width:100%; height:auto; padding:10px; float:none;}
	.nnews .list time b{ padding:0; font-size:24px;}
	.nnews .list .txt{ width:auto; float:none; padding:10px;}
	.should section li.do1,.should section li.do2,.should section li.do3,.should section li.do4,.should section li.do5,.should section li.do6{ float:none; width:100%; padding:10px; box-sizing:border-box; overflow:hidden; background:none;}
	.should section li .txt,.baidu .txt{ width:100%;}
	.tgys ul li.tgbj1,.tgys ul li.tgbj2,.tgys ul li.tgbj3,.tgys ul li.tgbj4{ width:100%; min-height:40px;}
	.should section li:nth-child(2n-1){ border-bottom:1px solid #ddd; margin-bottom:15px; }
	.baidu{ background:none;}
	
	.should section li h2 p{ font-size:14px;}
	.inbaner { display:none;}
	.pay .list{ width:100%;}
	.pay .list .box img{ max-width:80%; float:none;}
	.pay .list p{ overflow:hidden; display:block; width:100%;}
}

@media screen and (max-width:480px){
	.i_service li:nth-child(3),.i_service li:nth-child(4){ margin-bottom:0;}
	.i_service li:nth-child(2n-1) a, .i_case li:nth-child(2n-1) a,.i_service li:nth-child(2n) a, .i_case li:nth-child(2n) a{ margin:0 5px 0 0;}
	.i_service li, .i_case li, .i_service.i_packages li{ margin-bottom:10px;}
	.i_tit,.i_us .txt .tit b{ font-size:20px; line-height:27px;}
	.i_us .txt .tit{ text-align:center; margin:15px 0;}
	.i_us .img,.i_us .txt,.i_news .list{ width:100%; float:none;}
	.i_us .img img{ max-width:60%; margin:0 auto; display:block;}
	.i_service li a img{ max-width:50%;}
	.i_packages li a img{ max-width:40%;}
	
	.i_news .list{ margin:0 0 20px 0;}
	footer{ padding:0;}
	footer .bars .hotline{ padding:10px 0;}
	
	.contact .conus li.btn { padding:15px 0;}
    .contact .conus li,.contact .conus li span{ padding:0;}
	.contact .conus li label,.contact .conus li.btn .sumit,.contact .conus li input.short,.contact .conus li input{ width:100%; float:none; box-sizing:border-box;}
	
	.n-new strong{ font-size:20px;}
	.solution li{ width:100%; margin:0;}
}

@media screen and (max-width:320px){
	section{ padding:20px 10px;}
	
	.i_service li:nth-child(3){ margin-bottom:10px;}
	.i_service li, .i_case li,.i_service.i_packages li{ width:100%; float:none;}
	.i_service li:nth-child(2n-1) a, .i_case li:nth-child(2n-1) a,.i_service li:nth-child(2n) a, .i_case li:nth-child(2n) a{ margin:0;}
	.i_custmer li{ width:50%; margin:0;}
	.i_process li{ padding:15px 0;}
	.i_process .hidebox{ margin:0;}
	.i_process li img{ max-width:50px;}
	
	
}