@charset "utf-8";
/* CSS Document */
@import url("../fonts/font.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
th,td{ border:1px solid #ededed; padding:5px;}
body{  color:#555; font-family: "微软雅黑"; font-size:14px; margin:0 auto ; background:#fff; min-width:320px ; overflow-x:hidden; }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none; color:#ff9510}
*{ margin:0; padding:0;} 
.container{ width:100%; max-width:1226px; margin:0 auto; box-sizing:border-box; padding:0 13px;}
.clears{ clear:both;} 
.posr{ position:relative; z-index:1000}
input,textarea,select{ font-family:"微软雅黑"; outline:none}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; }  
.bgfff{ background:#fff}
.bgfd{ background:#fdfbfa}
.bgf2{ background:#f2f2f2;}
.bgf6{ background:#f6f6f6; overflow:hidden}
.bgf7{ background:#f7f8fa;}
.bgf8{ background:#F8F8F8;}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;} 
/**/ 

.banner_bg{ background:center bottom no-repeat; background-size:cover; padding-top:110px;}
.banner{ position:relative; z-index:10; background: #FAFAFA;}
.banner .container{ position:relative; max-width: 1300px;}
.banner .word{ text-align:center; color:#fff; text-align:center; font-family:"banner"; font-size:48px;}
.banner .word span{ display:block; font-size:36px;}
.banner img{ display:block; max-width:100%; margin:0 auto;}
.banner .img2{ position:absolute; bottom:0; left:0; z-index:10}
.banner .img3{ position:absolute; bottom:0; left:0; z-index:12}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ width:50px; height:auto; text-align:center; top:57%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:auto; right:10%}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ display:block; height:auto; width:100%; line-height:50px; background:none; opacity:1; font-size:16px; color:#fff;
	transform: rotateZ(270deg);
	-webkit-transform: rotateZ(270deg);
	-moz-transform: rotateZ(270deg);
	-o-transform: rotateZ(270deg);
	-ms-transform: rotateZ(270deg);
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1):after{ content:"01"}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2):after{ content:"02"}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3):after{ content:"03"}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4):after{ content:"04"}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(5):after{ content:"05"}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(6):after{ content:"06"}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-size:22px; color:#ff9510}

.head{ position:absolute; top:0; left:0; z-index:120; width:100%; padding:15px 0}
.head .logo{ float:left; padding-top:7px;}
.head .menu{ float:right; overflow:hidden;line-height:35px;}
.head .menu dd{ float:left; }
.head .menu a{ border-radius:30px;text-align:center; display:block; color:#fff; font-size:15px; width:90px; }
.head .menu dd.active a{ border:1px solid #fff; }

.menu-btn{ float:right; width:35px; cursor:pointer; display:none}
.menu-btn i{ display:block; background:rgba(255,255,255,.8); border-radius:30px; height:4px; margin:5px 0; width:100%}
.menu-cloes{ display:none;float:right; width:30px; cursor:pointer; position:relative; height:42px;}
.menu-cloes:after,.menu-cloes:before{ width:4px; background:rgba(255,255,255,.9); border-radius:30px;  height:30px;display:block; content:""; position: absolute; top:0; left:15px; }
.menu-cloes:after{ transform:rotate(45deg)}
.menu-cloes:before{ transform:rotate(-45deg)}

.icon{ display:inline-block; width:15px; height:15px; margin-left:5px; background:center no-repeat; background-size:cover;}
.icon.shuxing{ background-image:url(../images/icon1.png)}
.icon.liucheng{ background-image:url(../images/icon2.png)}
.icon.sku{ background-image:url(../images/icon3.png)}

.home_what{ background: url(../images/bg1.jpg) center fixed no-repeat; background-size:cover; overflow:hidden;}
.home_what .home_title p{ color:#e9e9e9}
.home_title{ position:relative; text-align:center; padding:50px 0 0; margin-bottom:30px; text-transform:uppercase}
.home_title p{ font-family:"Charlem"; color:#fafafa; font-size:72px;}
.home_title span{ position:absolute; left:0; text-align:center; bottom:10px; width:100%; font-size:30px; color:#181713}
.home_title span i{ font-weight:normal; font-style:normal; color:#ff9510}

.home_what_list{ background:#fff; overflow:hidden; margin-bottom:80px;}
.home_what_list dd{ position:relative;  transition:all 0.5s; float:left; background: #fff;width:25%; box-sizing:border-box; text-align: center; border-bottom:1px solid #FAFAFA; border-right:1px solid #FAFAFA; background:right bottom no-repeat; }
.home_what_list dd a{ display:block; padding:30px 20px 40px; transition:all 0.3s; cursor: default; }
/*.home_what_list dd a:hover{ padding:20px 20px 50px;}*/
.home_what_list dd i{ width:80px; height:70px; display:block; margin:10px auto 5px; background:url(../images/what1.png) center left no-repeat; background-size:cover}
.home_what_list dd h2{ color:#000; font-size:24px; font-weight:normal; padding:18px 0;}
.home_what_list dd p{ line-height:1.8; position:relative; height:72px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
}
.home_what_list dd:after{ content:""; position:absolute; bottom:38px; left:50%; width:50px; height:1px; background:#000; margin-left:-25px;}

.home_what_list dd.icon1{ background-image:url(../images/home2.png)}
.home_what_list dd.icon2{ background-image:url(../images/home1.png)}
.home_what_list dd.icon3{ background-image:url(../images/home3.png)}
.home_what_list dd.icon4{ background-image:url(../images/home4.png)}
.home_what_list dd.icon5{ background-image:url(../images/home5.png)}
.home_what_list dd.icon6{ background-image:url(../images/home6.png)}
.home_what_list dd.icon7{ background-image:url(../images/home7.png)}
.home_what_list dd.icon8{ background-image:url(../images/home8.png)}

.home_what_list dd.icon1 i{ background-image:url(../images/what1.png)}
.home_what_list dd.icon2 i{ background-image:url(../images/what2.png)}
.home_what_list dd.icon3 i{ background-image:url(../images/what3.png)}
.home_what_list dd.icon4 i{ background-image:url(../images/what4.png)}
.home_what_list dd.icon5 i{ background-image:url(../images/what5.png)}
.home_what_list dd.icon6 i{ background-image:url(../images/what6.png)}
.home_what_list dd.icon7 i{ background-image:url(../images/what7.png)}
.home_what_list dd.icon8 i{ background-image:url(../images/what8.png)}

.home_what_list dd:hover{ background-color:#ff9510; border-color:#ff9510}
.home_what_list dd:hover i{ background-position:center right;}
.home_what_list dd:hover h2,.home_what_list dd:hover p{ color:#fff}
.home_what_list dd:hover:after{ background:#fff}

.home_case{ overflow:hidden; }
.home_case li{ width:25%; float:left;/* margin-right:0.8%*/ box-sizing: border-box; padding:  5px; overflow: hidden;}
.home_case li .outer{ position:relative; /*margin-bottom:3.5%;*/ overflow: hidden;}
.home_case li .outer>img{ width:100%; display:block; transition: all 0.3s;}
.home_case li:hover .outer>img{ transform: scale(1.1);}
.home_case li .outer .inner{ position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,.5); text-align:center; height:100%; color:#fff;  z-index:100; opacity: 0; transition: all 0.3s;}
.home_case li .outer .inner div{ position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.home_case li .outer .inner h2{font-size:24px; font-weight:normal;}
.home_case li .outer .inner p{ margin:15px auto 25px; max-height: 67px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; 
min-height:53px; font-size:14px; max-width:85%; line-height:1.6; }
/*
.home_case li .outer .inner p{position: relative; overflow: hidden;} 
.home_case li .outer .inner p::after{content: "...";
}*/

.home_case li .outer .inner .btn{ display:block; width:130px; height:43px; border:1px solid #fff; border-radius:30px; text-align:center; line-height:40px; margin:0 auto; font-size:17px;}
.home_case li .top{ position:absolute; z-index:10; top:13px; right:13px;}
.home_case li .top img{ margin-left:10px; width:35px; display: inline-block;}
.home_case li:last-child{ margin-right:0} 
.home_case li:hover .outer .inner{ opacity: 1;}
.home_AD{ overflow:hidden; margin-top:50px; margin-bottom:80px;}
.home_AD dd { width:33.33%; float:left; box-sizing:border-box; position:relative; border-radius:3px; overflow:hidden}
.home_AD dd a{ padding:70px 40px; display:block;cursor: default; }
.home_AD dd i{ display:block; width:50px; height:50px; background:url(../images/y1.png) center left no-repeat; background-size:cover;}
.home_AD dd i.icon2{ background-image:url(../images/y2.png)}
.home_AD dd i.icon3{ background-image:url(../images/y3.png)}
.home_AD dd h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:25px 0; position:relative; color:#000; line-height:1.7; font-size:18px;}
.home_AD dd h2 span{ display:block; text-transform:uppercase; font-size:14px;}
.home_AD dd h2:after{ content:""; display:block; width:50px; height:3px; background:#FE940F; margin-top:20px;}
.home_AD dd p{ line-height:1.8; color:#555;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; height:75px;}
.home_AD dd .btn{ left:0; transition:all 0.3s; display:block; background:url(../images/jian.png) center; width:150px; height:45px; line-height:45px; color:#fff; text-transform:uppercase; font-size:16px;; text-align:center; margin-top:55px; display:block; position:relative}
.home_AD dd .btn:after{ content:"";transition:all 0.3s; position:absolute; top:-0; left:-0; opacity:0; width:100%; height:100%; box-sizing:border-box; background: url(../images/btn1.png) bottom right no-repeat; border:1px solid #000}
.home_AD dd:hover a{ }
.home_AD dd:hover .btn{  left:10px;}
.home_AD dd:hover .btn:after{ opacity:1; top:-5px; left:-10px;}
.home_AD dd:hover i{ background-position:center right}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left: 2px solid #FE940F;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 2px solid #FE940F;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 2px solid #FE940F;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 2px solid #FE940F;
}

.home_who{ background:url(../images/bg3.jpg) center fixed no-repeat; background-size:cover; overflow:hidden; padding-bottom:100px}
.home_who .home_title p{ color:#696969}
.home_who .home_title span{ color:#fff}
.home_who .word{ color:#fff; line-height:1.8; padding-bottom:40px; text-align:center}
.home_who .word p{ padding:10px 0}
.home_who .list{ color:#fff;  overflow:hidden}
.home_who .list li{ float: left; width:25%; text-align:center}
.home_who .list li img{ display:block; max-width:80%; margin:20px auto 0; transition:all 0.2s;}
.home_who .list li span{ display:block; font-size:80px; color:#fe940f; text-align: center;font-family:"Candara"; padding:0 0 20px;}
.home_who .list li p{ padding:0 10px; font-size:18px; }
.home_who .list li:hover img{ margin-top:0;}

.home_bg{ overflow:hidden; background:url(../images/bg2.jpg) center no-repeat; background-size:cover}
.home_new{ margin:30px 0 80px}
.home_new dt{ padding-bottom:25px; overflow:hidden}
.home_new dt a{ display:block; position:relative}
.home_new dt .img{ width:48.5%; float:left; background:center no-repeat; background-size:cover; height:330px; position:relative}
.home_new dt .img span{ position:absolute; bottom:0; background:#fff; text-align:center; color:#fe940f; width:270px; padding:30px 0; right:-230px;}
.home_new dt .img span img{ margin-right:10px; position:relative; top:-1px; transition:all 0.3s;}
.home_new dt:hover .img span img{ margin-right:20px;}
.home_new dt .word{ float:right; width:48.5%}
.home_new dt .word .time{ padding:20px 0 30px; display:block; font-size:18px; color:#555}
.home_new dt .word .time:after{ content:""; display:block; margin-top:10px; width:40px; height:2px; background:#fe940f}
.home_new dt .word h2{ font-weight:normal;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:24px; color:#000; padding-bottom:14px;}
.home_new dt .word p{ line-height:1.8; height:75px; overflow:hidden;display: -webkit-box; color:#666;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}

.home_new dd{ background:center no-repeat; background-size:cover; position:relative; float:left; width:32%; margin-right:2%} 
.home_new dd .time{ font-size:16px; padding-bottom:10px; display:block}
.home_new dd i{ font-weight:normal; font-style:normal; font-size:30px; border-bottom:2px solid #fe940f; margin-right:10px; padding-bottom:10px;}
.home_new dd a{ display:block; padding:20px 25px 25px; line-height:1.8; background:#f6f6f8}
.home_new dd:nth-child(4){ margin-right:0}
.home_new dd h2{ color:#000; font-size:16px; padding:10px 0 8px; font-weight:normal;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.home_new dd p{ color:#888; height:50px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.home_new dd .more{ text-transform:uppercase; display:block; padding-top:5px; color:#888}
.home_new dd:hover a{ background:rgba(254,148,15,0.9)}
.home_new dd:hover h2,.home_new dd:hover p,.home_new dd:hover .more,.home_new dd:hover .time{ color:#fff}

.home_par{ background:#f8f8f8; padding:0 0 80px; overflow:hidden}
.home_par .home_title p{ color:#E9E9E9}
.home_par .list { border-top:1px dashed #c2c2c2;}
.home_par .list img{ display:block; max-width:90%; margin:0 auto;  -webkit-filter: grayscale(1); /* Webkit */  filter: gray; /* IE6-9 */    filter: grayscale(1); /* W3C */ }
.home_par .list dd{ transition:all 0.3s; float:left; box-sizing:border-box; width:20%; border-right:1px dashed #c2c2c2; border-bottom:1px dashed #c2c2c2;}
.home_par .list dd a{ display:block; padding:20px 0; cursor: default;}
.home_par .list dd:hover{ background:#ebebeb}
.home_par .list dd:hover img{  -webkit-filter: none; /* Webkit */  filter: none; /* IE6-9 */    filter:none; /* W3C */ }
.home_par .list dd:nth-child(5n){ border-right:none}
.home_par .bx-wrapper .bx-pager{ position: absolute; top:0; height: auto ; bottom: 0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:12px; right:-40px;}
.home_par .bx-wrapper .bx-pager .bx-pager-item{ display:block; margin-bottom:10px;}

.swiper-container-par{ overflow:hidden; position:relative}
.swiper-container-par.swiper-container-horizontal>.swiper-pagination-bullets{ position:absolute; top:50%; bottom:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:12px; left:98%}
.swiper-container-par .swiper-pagination-bullet{ display:block; margin-bottom:10px !important}

.home_map{ background:url(../images/map.jpg) center top no-repeat; background-size:cover; padding:270px 0 110px;}
.home_map dl{ overflow:hidden; width:90%; margin:0 auto}
.home_map dl dd{ float: left; width:25%; text-align:center;}
.home_map dl dd a{background:rgba(0,0,0,.5); transition:all 0.3s; line-height:1.8; color:#fff; width:80%; margin:0 auto; padding:25px 0; display:block}
.home_map dl dd a img{ display:block; margin:0 auto 15px;}
.home_map dl dd a p{ height:50px; width:80%; margin:0 auto}
.home_map dl dd a:hover { padding:20px 0 30px;}

.foot{ background:#1e1e1e; padding:20px 0 30px; color:#939393; text-align:center; line-height:2}
.foot .nav{ display:block; clear:both; padding:10px 0 5px;}
.foot .nav a{ color:#939393; padding:0 15px;}
.Shut { height:55px; width:225px; margin:0 auto 20px;}
.Shut li{ float:left; text-align:center; padding:20px 10px 0; position:relative;}
/*.Shut li img{ width:50px; display:block}*/
.Shut li div{ background:#fff; padding:3px 2px 10px; display:none; font-size:12px; text-align:center; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.Shut li div img{ width:140px; display:block; margin:0 auto 2px;}
.Shut li div:after{
    content: " ";
	border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px; top: 100%;
    left: 50%;
    margin-left: -13px;
    border-top-color: #fff; }
.Shut li:hover div{ display:block;
animation: myfirst 1s;
-moz-animation: myfirst 1s;	/* Firefox */
-webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
-o-animation: myfirst 1s;	/* Opera */}
@keyframes myfirst 
{
0% { bottom:100%}
50%  {bottom:105%}
100% { bottom:100%}
}
@-webkit-keyframes myfirst 
{
0% { bottom:100%}
50%  {bottom:105%}
100% { bottom:100%}
}


.case .home_case li{ margin-right:0 !important; width:25%; box-sizing:border-box; padding:5px;}
.case .home_case li .outer{ margin-bottom:0}
.head_black{ background:#000}
.case_title{ margin-bottom:25px; overflow:hidden; text-align:center; background:#f8f8f8; margin-top:67px; border-bottom:1px solid #ededed; line-height:68px;position:relative; height:70px; ;}
.case_title.fixed{ position:fixed; top:0; left:0; width:100%; margin-top:0; z-index:10000}
.case_title li{ float:left; width:20%; min-width:100px;}
.case_title a{ display:inline-block; border-bottom:2px solid #f8f8f8; font-size:16px; color:#333}
.case_title li.active a{ color:#ff9510; border-color:#ff9510}
.case_title li a:hover{ color:#ff9510}
.wrapper03 .scroller {position:absolute; min-width:100%}

.case_banner{ height:650px; background:center no-repeat; background-size:cover}
.cassInfo_title { margin-top:40px; position:relative; margin-bottom:20px;}
.cassInfo_title>span{ color:#f9fafc; font-size:90px; text-transform:uppercase}
.cassInfo_title p { width:100%; color:#000; font-size:36px; position:absolute; left:0; bottom:5px;}
.cassInfo_title a{ float:right; border:1px solid #ff9511; z-index:100; color:#ff9511; border-radius:30px; width:155px;; font-size:16px; text-align:center; line-height:48px; margin-top:59px; position:absolute; bottom:5px; background:#fff; right:0}
.cassInfo_title a span{ background:url(../images/enter.png) center right no-repeat; padding-right:35px; transition:all 0.2s;}
.cassInfo_title a:hover{ background:#ff9511; color:#fff}
.cassInfo_title a:hover span{ padding:0}

.case_about{ line-height:1.8; padding:10px 0 20px;}
.case_about h2{ font-weight:normal; color:#222; font-size:20px; font-family:Arial, Helvetica, sans-serif}
.case_about p{ padding-top:10px; color:#666}
.case_label { overflow:hidden}
.case_label a{ display:block; margin:0 20px 10px 0; float:left; padding:11px 15px;  background:#f9fafc; font-size:15px; }

.case_code{ margin-top:12px; overflow:hidden; clear:both}
.case_code li{ float:left; text-align:center; padding-bottom:15px; margin-right:20px;}
.case_code li img{ display:block; width:120px; margin:0 0 10px;}

.caseInfo_bg{ background:#f9fafc; overflow:hidden; padding-bottom:0; margin-top:50px;}
.caseInfo_bg .cassInfo_title{ text-align:right}
.caseInfo_bg .cassInfo_title>span{ color:#f1f1f1; text-align:right}

.case_use .img{ float:left; width:60%}
.case_use img{ max-width:100%;display:block;}
.case_use .word{ width:33%; float:right; text-align:right; line-height:1.9; margin-top:10%}
.case_use .word h2{ font-weight: normal; color:#222; font-size:20px; position:relative; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.case_use .word h2:after{ display:block; content:""; width:40px; height:2px; background:#000; position:absolute; bottom:0; right:0}

.case_colorHead{ padding:20px 0; }
.case_colorHead .word{ float:left; width:48%; line-height:1.8; padding-top:20px;}
.case_colorHead .list{ float:right; width:48%;}
.case_colorHead .list li{ float:left; width:50%;}
.case_colorHead .list li div{ border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.2); max-width:170px; width:90%; text-align:center; overflow:hidden;
animation: color 2s infinite;
-moz-animation: color 2s infinite;	/* Firefox */
-webkit-animation: color 2s infinite;	/* Safari 和 Chrome */
-o-animation: color 2s infinite;	/* Opera */}
.case_colorHead .list li div span{ display:block; color:#; background:#fff; padding:20px 0; margin-top:110px;}
.case_colorHead .list li i{ font-weight:normal; font-style:normal; font-size:16px; padding:0 0 10px; display:inline-block; border-bottom:3px solid #f2f2f2;}
.case_colorHead .list li p{ color:#333; font-size:26px; padding:15px 0}

@keyframes color 
{
0% { box-shadow:0 0 10px rgba(0,0,0,.2);}
50%  { box-shadow:0 0 15px rgba(0,0,0,.4);}
100% {  box-shadow:0 0 10px rgba(0,0,0,.2);}
}
@-webkit-keyframes color 
{
0% { box-shadow:0 0 10px rgba(0,0,0,.2);}
50%  { box-shadow:0 0 15px rgba(0,0,0,.4);}
100% {  box-shadow:0 0 10px rgba(0,0,0,.2);}
}

.caseColor_list{ float:left; width:50%; overflow:hidden; padding:30px 0 50px; text-transform:uppercase}
.caseColor_list dt{ font-size:26px; color:#333; padding:0 0 40px;}
.caseColor_list dt:after{ content:""; display:block; width:20px; height:3px; margin:15px 0; background:#333}
.caseColor_list dd{ float:left; padding:0 20px; text-align: center; font-size:18px;}
.caseColor_list span{ display:block; border-radius:50%; width:70px; height:70px; position:relative; margin-bottom:25px;}
.caseColor_list span:after{    pointer-events: none;
    position: absolute;
    width: 120%;
    height: 120%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;    top: 0;
    left: -10%;
	top:-10%;
    padding: 0;
    box-shadow: 0 0 0 1px #ededed;
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    -moz-transition: -moz-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;}
.caseColor_list span:hover:after {
	box-shadow: 0 0 0 10px #ededed;
	color: #fff
}

.caseColor_list span:hover:after {
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85)
}
.caseColor_list span:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,.4);
	color: #fff
}

.case_img { margin-top:30px; overflow:hidden; padding:0 0 0}
.case_img img{ display:block; max-width:100%; margin:0 auto}

.info_banner{ background:center no-repeat; background-size: cover; height:480px;}
.service_big .head .menu a{ color:#333}
.service_big .head .menu dd.active a{ border-color:#333}

.service_what .home_what_list { margin:50px 0}
.service_liucheng{ position:relative; background:#f9f9f9 url(../images/service9.png) center left no-repeat; background-size: 50% 100% ; padding:80px 0;}
.service_liucheng img{ display:block; max-width:100%;  margin:0 auto;}
.service_liucheng>div{ position:relative; background:url(../images/service10.png) center no-repeat; height:644px; }
.service_liucheng dl{ position:absolute; top:50%; right:0; width:40%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.service_liucheng dl dd{ cursor:pointer; transition:all 0.3s; position:relative; font-size:18px; color:#222; padding:3.15% 0 3.15% 25px}
.service_liucheng dl dd span{  color:#666; font-size:14px; padding-left:20px;}
.service_liucheng dl dd:after{ content:""; display:block; background:#ff9511; box-shadow:0 0 10px rgba(255,149,17,0.9); position:absolute; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:10px; height:10px; border-radius:50%; }
.service_liucheng dl dd:nth-child(1){ margin-left:4%}
.service_liucheng dl dd:nth-child(2){ margin-left:10%}
.service_liucheng dl dd:nth-child(3){ margin-left:13%}
.service_liucheng dl dd:nth-child(4){ margin-left:14%}
.service_liucheng dl dd:nth-child(5){ margin-left:12%}
.service_liucheng dl dd:nth-child(6){ margin-left:7%}
.service_liucheng dl dd:nth-child(7){ margin-left:-1.5%}
.service_liucheng dl dd:hover { color:#ff9511; padding-left:35px; }
.service11{ display:none !important} 

.service_list{ overflow:hidden; padding:50px 0;}
.service_list dd{ float:left; box-sizing:border-box; padding:0 15px; width:25%;}
.service_list dd>div{ border:1px solid #ffc000; border-radius:140px; padding:50px 25px; text-align:center}
.service_list dd>div .title{ color:#222; font-size:24px; padding:20px 0; display:block}
.service_list dd>div .word{ line-height:1.8; height:200px; overflow:hidden;}
.service_list dd>div img{ margin-top:30px;}
.service_list dd>div .top{ height:140px; position:relative; border-radius:50%; width:140px;line-height:140px;  margin:0 auto 10px; color:#fff;  background:#ffc000; display:block; text-align:center; font-size:32px;}
.service_list dd>div .top i,.service_list dd>div .top p{ display:block; position:absolute; top:14px; left:14px; border: 6px solid #fff; width:100px; height:100px;
	border-right-color: #fff; 
	border-radius: 50%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out}
.service_list dd:hover>div .top i,.service_list dd:hover>div .top p{-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)}
.service_list dd:nth-child(1)>div .top i,.service_list dd:nth-child(1)>div .top p{border-bottom-color: rgba(255,255,255,0.5);}
.service_list dd:nth-child(2)>div{ border:1px solid #b4d939}
.service_list dd:nth-child(2)>div .top{ background:#b4d939}
.service_list dd:nth-child(2)>div .top i,.service_list dd:nth-child(2)>div .top p{border-right-color: rgba(255,255,255,0.5);}

.service_list dd:nth-child(3)>div{ border:1px solid #10bde6}
.service_list dd:nth-child(3)>div .top{ background:#10bde6}
.service_list dd:nth-child(3)>div .top i,.service_list dd:nth-child(3)>div .top p{border-top-color: rgba(255,255,255,0.5);}

.service_list dd:nth-child(4)>div{ border:1px solid #6885e6}
.service_list dd:nth-child(4)>div .top{ background:#6885e6}
.service_list dd:nth-child(4)>div .top i,.service_list dd:nth-child(4)>div .top p{border-left-color: rgba(255,255,255,0.5);}

.service_foot{ background:#fafafa; padding:40px 0; overflow:hidden}
.service_foot dd{ float:left; width:25%; text-align:center; box-sizing:border-box; padding:0 30px; line-height:1.7; position: relative; top:0; transition:all 0.3s}
.service_foot dd:hover{ top:-10px}
.service_foot dd img{ margin-bottom:10px;}

.about_word_head{ margin:30px auto; line-height:1.9}
.about_word_head h2{ font-weight: normal; font-size:30px; padding:0 0 10px; color:#333}
.about_word_head .list{ padding-top:20px; overflow:hidden}
.about_word_head .list dd{ float:left; width:32%; border:1px solid #f0f0f0; background:#fcfcfc; text-align: center; box-sizing:border-box; padding:25px 20px; line-height:1.8}
.about_word_head .list dd img{ margin:15px auto; display:block}
.about_word_head .list dd span{ font-size:18px; color:#222222; display:block}
.about_word_head .list dd span:after{ content:""; height:2px; background:#ff9510; margin:10px auto 20px; margin-top:15px; display:block; width:60px;}
.about_word_head .list dd:nth-child(2){ margin:0 1.5%}
.about_word_head .list dd p{ height:100px; overflow:hidden;}

.about_big{ position:relative; overflow:hidden; background:#f3f3f3}
.about_big .img{ width:50%; height:100%; position:absolute; top:0; left:0; z-index:1000; background:center no-repeat; background-size:cover}
.about_big .word{ float: right; width:50%; box-sizing:border-box; line-height:2; padding:80px 40px;}
.about_big .word h2{ font-weight:normal; font-size:30px;}
.about_big .word p{ padding:10px 0}
.about_big .word p .name{ color:#ff9510; font-size:20px;}

.about_number{ overflow:hidden; padding:35px 0}
.about_number dd{ float:left; width:25%; position:relative;}
.about_number dd span{ font-family:Verdana, Geneva, sans-serif;  color:#333333; font-size:60px;}
.about_number dd:before{ content:""; width:25px; height:3px; background:#222; display:block; margin-bottom:5px;}
.about_number dd p{ color:#999999; font-size:16px; padding-top:5px;}
.about_number dd:hover,.about_number dd:hover p,.about_number dd:hover span{ color:#ff9510}
.about_number dd:hover:before{ background:#ff9510}

.about_title{ padding:40px 0 20px; text-align:center; line-height:1.8}
.about_title p{ max-width:90%; margin:0 auto}
.about_title h2{ font-weight:normal; font-size:30px; color:#333}

.grid{ margin: 10px auto;}

.about_new{ padding:0 0 40px;}
.about_new dd{ float: left; width:32%; position:relative; transition: all 0.3s; position: relative; top: 0;}
.about_new dd .cont{transition: all 0.3s; padding: 0;}
.about_new dd:hover{ top: -10px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.about_new dd:hover .cont{ padding: 0 10px;}
.about_new dd:nth-child(2){ margin:0 2%}
.about_new a{ display:block; }
.about_new .img{ height:300px; background: center no-repeat; background-size:  cover; margin-bottom:5px;   }
.about_new .time{ position: relative; padding-left:90px; min-height:80px; overflow:hidden;}
.about_new .time p{ color:#999; overflow:hidden;  display:inline-block; font-size:17px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:1.5; margin-top:12px; position:relative}
.about_new .time p:after{ content:""; position:absolute; top:50%; left:120%; width:50px; height:3px; background:#ff9510; margin-top:-1.5px;}
.about_new .time span{ color:#ff9510; font-size:68px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0; left:0; }
.about_new .title{ font-size:18px; color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding:5px 0 13px; height:24px;}
.about_new .word{ line-height:1.8; color:#888; height:50px;}
.about_new .more{ text-decoration: underline; color:#888; height:25px;} 
/*.about_new dd:hover .img{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10}
.about_new dd:hover .cont{ position: relative; height:496px; box-sizing:border-box; padding:30px 25px; z-index:100}
.about_new dd:hover .cont .time{ display:none; height:auto}
.about_new dd:hover .cont .title{ height:auto; padding-bottom:8px;}
.about_new dd:hover .cont .title:after{ content:""; display:block; background:url(../images/dian.png) center no-repeat; width:30px; height:30px; margin-top:10px;}
.about_new dd:hover .cont .word,.about_new dd:hover .cont .more{ color:#333; height:auto}
.about_new dd:hover .cont .more { display:block; padding-top:3px;}*/

.about_cont{ position:relative;}
.about_cont dd{ width:49%; box-sizing:border-box; border:1px solid #e4e4e4; margin-bottom:20px; overflow:hidden; padding-left:100px; position:relative; height:50px; line-height:50px;}
.about_cont .title{ position:absolute; top:0; left:0; width:100px; text-align:center; color:#adadad;}
.about_cont .text{ display:block; border:none; width:100%; color:#666; height:50px; line-height:50px;}
.about_cont dt{ line-height:50px; position:absolute; top:0; right:0; width:49%; box-sizing:border-box; border:1px solid #e4e4e4; height:190px; padding-left:100px; overflow:hidden;}
.about_cont dt .text{ line-height:1.8; height:190px; padding:12px 0; resize:none; box-sizing:border-box;}

.about_cont_btn{ display:block; margin:50px auto 50px; cursor:pointer; border:none; background:#ff9510; color:#fff; border-radius:30px; height:50px; width:160px; font-size:18px;}

.new_list li{ float:left; width:32.33%; font-size:14px; transition: all 0.3s; }
.new_list li a{ display:block;}
.new_list li img{ display:block; margin:0 auto; max-width:100%;}
.new_list li .title{ font-size:22px; color:#333; padding:15px 0; line-height:1.7;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.new_list li .title span{ color:#999; display:block;}
.new_list li .title:after{ display:block; content:""; background:#333; width:40px; height:3px; margin-top:15px;}
.new_list li .word{ line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; height:75px;}
.new_list li .more{ color:#333; font-size:16px; padding-top:20px;}
.new_list li .more img{ margin:20px auto}
.grid.new_list li{ padding:15px}
.new_list li:hover { box-shadow:0 0 10px rgba(0,0,0,0.1)}
.new_list li:hover .title{ color:#ff9510}
.new_list li:hover .title span{ color:#fcb862}

.new_info{ padding:45px 0}
.new_info .title{ color:#333; font-size:22px;}
.new_info .time{ padding:15px 0 20px; color:#888}
.new_info .time span{ padding-right:25px;}
.new_info .guide{ padding:20px; margin-bottom:20px; background:#f9f9f9; color:#333; font-size:16px;}
.new_info .guide p{ background: url(../images/999999.png) top left no-repeat; line-height:1.9;  padding-left:50px; color:#555; margin-top:20px; font-size:14px;}
.new_info .word{ line-height:1.9;}
.new_info .word img{ display:block; margin:10px auto ; max-width:100%}

.newpage{ padding-top:20px; line-height:28px}
.newpage dd:last-child a{ color:#dca40d}

#top{position:fixed; bottom:30px; right:20px; cursor:pointer; z-index:10000}
	#top img{width:50px;}
.hide{ position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #000}.hide .menu a{ color: #fff !important;}

.home_case.grid{ max-width: 100%; margin: 0 auto;}


@media screen and (max-width:1500px) { }
@media screen and (max-width:1400px) { }
@media screen and (max-width:1300px) { 
.home_case li{ width:32.8%}
.home_case li:nth-child(3){ margin-right:0} 
.home_case li:last-child{ display:none}

.home_map dl{ width:95%}
.home_map{ padding:230px 0 100px}
.home_map dl dd a p{ width:90%;font-size:13px; }
.case_banner{ height:500px;}

.service_liucheng dl dd{ font-size:15px;}
.service_liucheng dl dd span{ font-size:13px;}
.service_liucheng dl dd:after{ width:8px; height:8px;}
}
@media screen and (max-width:1024px) {
.head .menu{/* display:none*/; position:fixed; top:50%; left:50%; z-index:10000; background:rgba(255,148,16,1); width:0%; height:0%; overflow:hidden; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.head .menu dl{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100px;}
.head .menu dl dd{ width:100%; margin:20px 0; float:none;} 
.head .menu a{ width:100%; color:#fff !important}
.head .menu dd.active a{ border-color:#fff !important}
.menu-cloes{ display:block; margin:35px 20px}
.menu-btn{ display:block}

.home_what_list dd i{ width:65px; height:57px;}
.home_what_list dd h2{ font-size:20px; padding:13px 0}
.home_what_list dd p{ margin-bottom:15px;}
.home_title { padding-top:40px;}
.home_title p{ font-size:65px}
.home_title span{ font-size:28px;}
.home_what_list{ margin-bottom:60px;}

.home_case li .outer .inner h2{ font-size:24px;}
.home_case li .outer .inner p{ min-height:auto; margin:10px auto 20px; font-size:14px;}
.home_case li .outer .inner .btn{ height:35px; line-height:35px; font-size:14.5px; width:100px;}

.home_AD dd .btn{ width:140px;}
.home_AD dd a{ padding:50px 25px;}
.home_who{ padding-bottom:60px;}
.home_who .list li img{ width:60%}
.home_who .list li span{ font-size:54px; padding-bottom:10px;}
.home_who .list li p{ font-size:15px; line-height:1.8}

.home_new dd{ width:49%}
.home_new dd:nth-child(3){ margin-right:0}
.home_new dd:nth-child(4){ display:none;}

.home_map dl dd a{ width:90%; padding:20px 0 15px;}
.home_map dl dd a img{ width:40px;}

.case .home_case li{ width:33.33%}
.case_banner{ height:430px;}

.cassInfo_title{ margin-top:20px;}
.cassInfo_title>span{ font-size:72px}
.cassInfo_title>p{ font-size:28px;}
.cassInfo_title a{ line-height:45px; width:140px; font-size:14px;}

.case_use .word{ margin:3% 0 20px; width:38%}

.caseColor_list dd{ width:25%; padding:0; text-align:center}
.caseColor_list dd span{ margin:0 auto 25px}
.caseColor_list dt{ font-size:22px; padding-bottom:20px;}
.case_colorHead .list li p{ font-size:22px;}

.service10{ display:none !important}
.service_liucheng .service11{ display:block !important; width:35%; margin:0 0 0 5%}
.service_liucheng dl { width:45%}
.service_liucheng dl dd{ margin-left:0 !important}
.service_liucheng{ padding:40px 0;}

.service_list dd>div .top{ transform:scale(0.8)}
.service_list dd>div{ padding:30px 15px;}
.service_list dd>div .title{ padding:0 0 10px; font-size:18px;}
.service_list dd>div .word{ font-size:13px; height:230px;}
.service_list dd>div img{ width:60px; margin:20px 0 15px}
.service_list dd{ padding: 0 10px}

.service_foot dd{ padding:0 10px; font-size:13px;}
.service_foot dd img{ width:35px;}

.about_word_head .list dd p br{ display:none}
.about_word_head h2{ font-size:24px;}

.about_big .word{ padding:50px 20px; font-size:13px;}
.about_big .word h2{ font-size:26px;}
.about_big .word p .name{ font-size:16px;}

.about_number dd span{ font-size:44px;}
.about_title h2{ font-size:24px;}
.about_title{ padding:30px 0}
.about_title br{ display:none}

.about_new .img{ height:200px;}
.about_new .time span{ font-size:50px;}
.about_new .time{ min-height:60px; padding-left:70px; margin-top:10px;}
.about_new .time p{ margin-top:2px; font-size:16px;}
.about_new .title{ font-size:16px; padding:5px 0 10px;}
.about_new dd:hover .cont{ height:378px; padding:25px}

.new_list li .title{ font-size:18px;}
.banner img{ max-width: 96%;}
.banner .img3,.banner .img1,.banner .img2{ left: 2%;}
}
@media screen and (max-width: 800px) { 
.home_what_list dd{ width:33.33%; background-size:150px;}
.home_what_list dd h2{ font-size:18px;}
.home_what_list dd p{ font-size:13px}

.home_title { margin-bottom:15px;}
.home_title p{ font-size:56px;}

.home_case li .outer .inner h2{ font-size:22px;}

.home_AD{ margin:30px 0 30px;}
.home_AD dd h2{ padding:20px 0}
.home_AD dd h2:after{ margin-top:20px;}
.home_AD dd i{ width:40px; height:40px;}
.home_AD dd a{ padding:30px 20px 35px;}
.home_AD dd .btn{ margin-top:30px; width:100%}

.home_who .word{ padding-bottom:20px}
.home_who .list li span{ font-size:40px;}
.home_who .list li img{ width:75%}

.home_new{ margin-bottom:50px;}
.home_new dt .word h2{ font-size:20px;}
.home_new dt .img{ height:280px;}
.home_new dt .img span{ padding:20px 0}

.home_map dl dd a p{ height:69px; font-size:12px;}
.home_map { padding:200px 0 70px}
.case_banner{ height:380px;}

.cassInfo_title>span{ font-size:60px;}
.cassInfo_title>p{ font-size:25px;}
.case_use .word p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}

.caseColor_list{ width:100%}
.caseColor_list dd{ width:20%; }
.service_liucheng{ padding:100px 0;}

.service_list dd{ width:50%; padding:15px 10px}
.service_list dd>div .word{ height:115px;}
.service_list dd>div .top { font-size:30px;}

.about_number dd span{ font-size:32px;}
.about_number dd p{ font-size:14px;}
.head_black,.hide{
position: relative;
}
}
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) {
*{ background-attachment:inherit;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{ display:none}
.banner_bg{ padding-top:65px;}
.head{ padding:15px 0}
.head .logo img{ width:160px; margin:5px 0}

.home_what_list{ margin-bottom:35px;}
.home_what_list dd{ width:50%}
.home_what_list dd a{ padding:15px 10px 25px}
.home_what_list dd i{ width:45px; height:39px;}
.home_what_list dd h2{ font-size:15px; padding:10px 0}
.home_what_list dd p{ font-size:12px; margin-bottom:15px; height:63px;}
.home_what_list dd:after{ bottom:25px;}

.home_title{ padding-top:30px; margin-bottom:10px;}
.home_title p{ font-size:30px; padding:0 0 20px}
.home_title span{ font-size:19px;}

.home_case li{ width:50%;}
.home_case li:nth-child(2n){ margin:0}
.home_case li:nth-child(3){ margin-right:0%} 
.home_case li:last-child{ display: block}
.home_case li .outer{ margin-bottom:1.5%}
.home_case li .outer .inner h2{ font-size:16px;}
.home_case li .outer .inner p{ font-size:13px; margin:10px 0; }
.home_case li .outer .inner .btn{ line-height:30px; height:30px; font-size:12px; width:80px;}
.home_case li .top img{ width:25px; display: inline-block;}

.home_AD { margin:0 auto 15px;}
.home_AD dd{ width:100%; }
.home_AD dd a{ padding:30px 10px 20px; position:relative}
.home_AD dd .btn{ width:110px; height:35px; line-height:35px; font-size:14px; margin-top:20px;}
.home_AD dd i{ float:left; position:absolute; top:39px; left:15px;}
.home_AD dd h2{;float:left; padding:0 0 15px 60px; font-size:15px;}
.home_AD dd p{ clear:both; font-size:13px; line-height:1.8; height:auto}
.home_AD dd h2:after{ margin-top:5px;}

.home_who{ padding-bottom:35px;}
.home_who .word{ padding-bottom:0; font-size:12px;}
.home_who .list li{ width:50%}
.home_who .list li img{ width:60%}

.home_new{ margin-bottom:10px;}
.home_new dt .img{ height:150px; width:100%}
.home_new dt .img span{ display:none;}
.home_new dt .word{ width:100%}
.home_new dt .word .time{ font-size:14px; padding:15px 0 15px;}
.home_new dt .word h2{ font-size:15px; padding-bottom:10px;}
.home_new dt .word p{ font-size:13px; height:66px}
.home_new dd{/* display:block !important;*/ width:100% !important; margin:0 0 15px; }
.home_new dd a{padding:20px 15px;}
.home_new dd .time{ font-size:14px;}
.home_new dd .time i{ font-size:18px;}
.home_new dd h2 { font-size:14px; padding:5px 0}
.home_new dd p{ font-size:13px; height:43px;;}

.home_par{ padding-bottom:25px;}
.home_par .list{ border-left:1px dashed #f8f8f8; margin-bottom:25px; }
.home_par .list dd{ width:33.33%; border-right:1px dashed #c2c2c2 !important;}
.home_par .list dd a{ padding:5px 0;}
.swiper-container-par.swiper-container-horizontal>.swiper-pagination-bullets{ top:auto; bottom:0; height:auto; width:100%; left:0; transform:none; -webkit-transform:none}
.swiper-container-par .swiper-pagination-bullet{ display:inline-block; margin:0 4px !important}

.home_map dl dd{ width:50%; margin:10px 0}
.home_map{ padding:180px 0 40px}
.home_map dl dd a img{ width:36px; margin-bottom:10px;}


.foot{ padding-bottom:20px; padding-top:5px;}
.foot .nav{ display:none;}
.foot .word{ font-size:13px; padding-top:10px; clear:both;}
.Shut { margin-bottom:10px;}
.Shut li img{ width:45px;}

.case .home_case li{ width:50%}
.case_title{ margin-top:0; line-height:55px; height:55px; text-align:center; margin-bottom:15px;}
.case_title a{ font-size:14px;}
.case_title li{ width:100px}
.clearfix{ padding:0}

.case_banner,.info_banner{ height:200px;}
.cassInfo_title>span{ font-size:40px;}
.cassInfo_title>p{ font-size:17px; bottom:0}
.cassInfo_title a{ position:relative; top:0; left:0; margin:0 0 15px; line-height:40px; float:none; display:block; width:100%}
.case_about h2{ font-size:16px;}
.case_about p{ font-size:13px}
.case_about{ padding-top:0}
.case_use .word { width:100%}
.case_use .img{ width:100%}
.case_use .word h2{ font-size:16px; margin-bottom:10px; padding-bottom:10px;}
.case_use .word p{ font-size:13px;}

.case_colorHead{ padding:0 0 20px;}
.case_colorHead .word{ width:100%; padding:0 0 15px;}
.case_colorHead .list{ width:100%; }
.case_colorHead .list li { box-sizing:border-box; padding:0 5px;}
.case_colorHead .list li p{ font-size:16px;}
.case_colorHead .list li div span{ padding:15px 0; margin-top:80px;}
.caseColor_list{ padding-bottom:0}
.caseColor_list dt{ font-size:16px;}
.caseColor_list dd{ width:25%; font-size:14px;}
.caseColor_list dd span{ width:50px; height:50px;}

.caseInfo_bg{ margin-top:20px;}
.service_what .home_what_list{ margin:5px 0 20px}

.service_liucheng{ background-size: 100% 260px; background-position:center top; padding:30px 0 20px}
.service_liucheng dl{ position:relative; top:0; left:0; transform:none; -webkit-transform:none; width:100%; padding:0 15px; box-sizing:border-box;}
.service_liucheng .service11{ margin:0 auto 20px; width: auto; height:220px;}
.service_liucheng dl dd{ font-size:14px;}
.service_liucheng dl dd span{ font-size:12px; padding-left:10px}

.home_who .list li p{ font-size:13px;}

.service_list dd>div .top{ width:100px; height:100px; font-size:20px; line-height:100px;    transform: scale(0.8);}
.service_list dd>div .top i{ width:66px; height:66px; left:11px; top:11px;}
.service_list dd{ padding:10px 5px}
.service_list dd>div { padding-bottom:0; padding-top:15px;}
.service_list dd>div .title{ font-size:15px; padding:0 0 10px;}
.service_list dd>div .word{ font-size:12px; height: auto; height:230px;}

.service_foot { padding:25px 0 0}
.service_foot dd{ width:50%; margin-bottom:10px; padding:0 8px;}
.service_foot dd p{ height:66px;}

.about_word_head{ margin:15px 0}
.about_word_head h2{ font-size:18px;}
.about_word{ font-size:13px;}
.about_word_head .list dd{ width:100%; margin:0 0 15px !important;}
.about_word_head .list dd img{ width:50px;}
.about_word_head .list dd span{ font-size:16px;}
.about_word_head .list dd p{ height:auto}

.about_big .img{ width:100%; position:relative; height:200px; margin-bottom:;}
.about_big .word{ width:100%; padding:10px 0px;}
.about_big .word h2{ font-size:18px;   padding:0}
.about_big .word p{ padding-top:0}

.about_number{ padding:10px 0 0}
.about_number dd{ width:50%; padding:15px 0 0}
.about_number dd span{ font-size:28px;}

.about_title{ padding:20px 0; }
.about_title h2{ font-size:18px;}
.about_title  p{ font-size:13px; max-width:97%}
.about_new{ padding-bottom:20px;}
.about_new dd{ width:100%; margin:0 0 15px !important}
.about_new .title{ height:14px; padding:3px 0 10px}

.about_cont dd{ width:100%}
.about_cont dt{ position:relative; width:100%; }
.about_cont .text,.about_cont dd{ height:40px; line-height:40px;}
.about_cont dt .text,.about_cont dt{ height:150px;}

.about_cont_btn{ margin:35px auto; font-size:14px; height:40px; line-height:40px;}

.grid.new_list li{ padding:10px 0}
.new_list li .title{ font-size:16px;}

.new_info{ padding-top:25px;}
.new_info .title{ font-size:17px;}
.new_info .time span{padding-right:5px;font-size:13px;}
.new_info .guide{ font-size:15px; padding:13px; margin-bottom:15px;}
.new_info .guide p{ padding:0; background: none; font-size:13px; margin-top:5px;}
.new_info .word{ font-size:13px;}
}
@media screen and (max-width: 320px) { }