@charset "utf-8";


   
@font-face {
    font-family: 'poppinslight';
    src: url('/fonts/poppins-light.eot');
    src: url('/fonts/poppins-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/poppins-light.woff2') format('woff2'),
         url('/fonts/poppins-light.woff') format('woff'),
         url('/fonts/poppins-light.ttf') format('truetype'),
         url('/fonts/poppins-light.svg#poppinslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
  
@font-face {
    font-family: 'Brixton';
    src: url('/Brixton/BrixtonBook.eot');
    src: url('/Brixton/BrixtonBook.eot?#iefix') format('embedded-opentype'),
        url('/Brixton/BrixtonBook.woff2') format('woff2'),
        url('/Brixton/BrixtonBook.woff') format('woff'),
        url('/Brixton/BrixtonBook.ttf') format('truetype'),
        url('/Brixton/BrixtonBook.svg#BrixtonBook') format('svg');
    font-weight: normal;
    font-style: normal;
}



  
*{margin:0;padding:0;box-sizing:border-box;list-style:none;}
body{line-height:24px;color:#666666;  background:#ffffff;font-family:'poppinslight', Arial, Helvetica, sans-serif;}
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, img {margin:0;padding:0;border: 0;vertical-align: baseline;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
img{border:none;outline:none;max-width:100%;}
a,a:active,a:focus,a:hover{outline:none;text-decoration:none;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:inherit;color:#555;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:inherit;}
a{-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;color:#555;}
input:focus,textarea:focus,select:focus{outline:none!important;box-shadow:none;}
ul{margin:0;list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h2{font-size:50px;}.section-padding{padding:80px 0px;}
h3{font-family:'Brixton', Arial, Helvetica, sans-serif; }



.shorttit{margin:0 auto; clear:both;background-image: linear-gradient(160deg, #002abb 20%,#0078ff 80%);height:150px; text-align:center; line-height:150px; font-weight:bold; color:#000000; margin-top:160px;}
.shorttit h1{font-size:1.5rem;height:150px; font-weight:normal}
.shorttit h1 a{ color:#ffffff}

/*-- breadcrumb --*/

.breadcrumb_dress {margin-bottom:20px; margin:0 auto; clear:both;background: #e7e5e6;padding: .5em 0;text-align: center;-webkit-box-shadow: 0px 1px 5px #555;-moz-box-shadow: 0px 1px 5px #555;-o-box-shadow: 0px 1px 5px #555;-ms-box-shadow: 0px 1px 5px #555;box-shadow: 0px 1px 5px #555;}
.breadcrumb_dress ul li{display:inline-block;color:#333;font-size:1rem;}
.breadcrumb_dress ul li a{color:#3c43a4;text-decoration:none;}
.breadcrumb_dress ul li a:hover{color:#ff6600;}
.breadcrumb_dress ul li i{ padding:0 1em;}
.breadcrumb_dress .brehome{ background:url(/images/home.png) no-repeat left center;}
.breadcrumb_dress .brehome a{ margin-left:30px;}
/*-- //breadcrumb --*/

.cansu{ margin:0 auto; clear:both; overflow:hidden; height:auto; width:1000px;}
.cansu .infor{ float:left; width:900px;height:50px; margin:50px 50px 20px 0px;}
.cansu .infor h4{ float:left; width:500px; text-align:left; font-size:2rem; letter-spacing:1px; line-height:60px;  font-weight:normal}
.cansu .infor span{ float:left; width:160px; margin-right:40px; background:#ff6600; padding:10px 10px; text-align:center;color:#FFFFFF; font-weight:bold; font-size:1rem;}
.cansu .jie{ float:left; width:1000px; height:auto; overflow:hidden;border-bottom:#CCCCCC 1px solid; padding:10px 0px 15px 0px;}
.cansu .capacity{ float:left; width:1000px; margin-top:20px; margin-bottom:20px;}
.cansu .capacity h4{float:left; width:1000px; height:40px; line-height:40px;font-size:2rem;font-weight:normal; letter-spacing:1px; line-height:30px; text-align:left}
.cansu .capacity ul li{float:left; width:80px; margin-left:30px; background:#ececec; border-radius:5px ; padding:5px 20px; text-align:center}
.cansu .capacity ul{ margin-top:10px;}
.cansu .pantone{ float:left; width:1000px; margin-top:20px; margin-bottom:20px;}
.cansu .pantone p{ float:left; width:500px; line-height:21px;}
.cansu .pantone p a{ font-weight:bold}
.cansu .pantone img{ display:block; float:right;}

.content{margin:0 auto; clear:both; width:1000px; padding:0px 0px 30px 0px;}
.content h4{font-size:2rem;font-weight:normal; letter-spacing:1px; line-height:30px; text-align:left; margin-top:30px; height:80px; line-height:80px;}
.content h2{font-size:1.6rem;font-weight:normal; letter-spacing:0px;text-align:center; height:100px; line-height:120px; border-bottom:#CCCCCC solid 1px; margin-bottom:30px;}
.content img{ margin:10px;}
.content a{ color:#FF3300}

.back{ margin:0 auto; clear:both; margin-top:20px; height:80px; width:430px;}
.back span{ float:left; width:200px; padding:10px 20px; background:#FF0000; margin-left:10px;border-radius:3px; height:50px; text-align:center}
.back span a{ display:block; color:#FFFFFF; font-weight:bold; font-size:1.5rem;}
.back span:hover{ background:#cccccc}
.back span a:hover{ color:#000000}

.detection{margin:0 auto; clear:both; background:#01519a;}
.detection .de-box{margin:0 auto; width:1000px;height:120px;  }
.detection .de-box span{float:left; width:700px; height:60px;line-height:70px; font-size:1.2rem; color:#ffffff; font-weight:bold;}
.detection .de-box p{float:left; width:700px;line-height:20px;font-size:1rem; color:#cccccc;}
.detection .bnt{float:left; width:170px; height:40px; background:#FF3300; border-radius:5px; text-align:center; margin-top:40px; line-height:40px; margin-left:50px;}
.detection .bnt:hover{ background:#cccccc}
.detection .bnt a{ color:#FFFFFF}
.detection .bnt a:hover{ color:#000000}

#wenlist{margin:0 auto; clear:both; width:1100px; overflow:hidden }
#wenlist ul li{float:left; width:1100px;height:220px; border-bottom:#ececec solid 1px; margin-bottom:20px; margin-top:20px;background-color:#f5f5f5;display:inline-block;background-size:cover;position:relative;cursor:pointer; transition: all 0.4s ease-out;box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.1);overflow:hidden;color:#000000;}
#wenlist .wentu{ float:left; width:320px; height:220px; }
#wenlist .wentu img{ width:300px; height:200px; margin:10px;transition: all .4s;}
#wenlist .wentu img:hover{transform: scale(1.2);}
#wenlist .wenjie{float:left; width:760px; height:200px; margin:10px;}
#wenlist h2{ float:left; width:760px; height:50px; border-bottom:#ececec solid 1px; font-size:16px; line-height:60px; margin-top:20px; overflow:hidden}
#wenlist h2 a:hover{ color:#FF3300}
#wenlist p{float:left; width:760px; font-size:14px; line-height:23px; margin-top:10px;}
#wenlist span{float:left; width:760px;font-size:14px; font-weight:bold; margin-top:10px;}
#wenlist span a{ color:#FF6600}

#fenye{margin:0 auto; clear:both; width:1100px; overflow:hidden; height:35px; text-align:center; line-height:35px; margin-bottom:30px;}
#fenye a{ width:100px; background:#063660; padding:10px 20px; color:#FFFFFF}

.contact{margin:0 auto; clear:both; width:1120px; height:400px; font-size:1rem;font-family:'poppinslight', Arial, Helvetica, sans-serif;}
.contact h2{ float:left; width:100%; height:120px; line-height:180px; text-align:center; font-size:2rem;}
.contact p{float:left; width:100%;text-align:center; font-size:1rem; height:80px; line-height:80px;}
.contact .address{ float:left; width:450px; background:#002abb url(/images/dizhi.png) no-repeat 20px 50px; height:200px; color:#FFFFFF;}
.contact .address span{ float:left; width:370px; margin-left:70px; margin-top:50px;}
.contact .address img{ margin-left:20px; margin-right:20px;}
.contact .telphone{float:left; width:350px; margin-left:30px;background:#002abb url(/images/dianhua.png) no-repeat 20px 50px; height:200px; color:#FFFFFF; padding-top:50px;}
.contact .telphone span{float:left; width:280px;margin-left:70px; margin-bottom:10px;}
.contact .email{float:left; width:260px; margin-left:30px;background:#002abb url(/images/mail.png) no-repeat 20px 50px; height:200px; color:#FFFFFF; padding-top:50px; text-align:center; padding-left:20px;}

.message{margin:0 auto; clear:both; width:800px; height:700px; margin-top:30px;font-family:'poppinslight', Arial, Helvetica, sans-serif; background:#f5f5f5; padding:100px; margin-bottom:50px;}
.message span{width:150px; height:45px; line-height:45px; margin-top:20px; font-size:1rem;}
.message input{ width:300px; height:40px; line-height:40px; border:#FFCCCC solid 1px;border-radius:5px;}
.message textarea{ width:600px; height:200px;border:#FFCCCC solid 1px;}
.message .button{ background:#FF6600; height:45PX; line-height:45px; margin-left:150px; color:#FFFFFF; font-size:1rem; font-weight:bold;}

.site{margin:0 auto; clear:both; width:1000px; height:150px; border-bottom: #CCCCCC solid 1px; font-family:'poppinslight', Arial, Helvetica, sans-serif;}
.site h2{float:left; width:100%; height:80px; line-height:100px; text-align:center; font-size:2rem;}
.site span{ float:left; width:100%; height:35px; line-height:35px; text-align:center}
.site span a{ color:#FF3300;}


#cuowu{margin:0 auto; clear:both; width:1000px; overflow:hidden}
#cuowu h2{ float:left; width:1000px; text-align:center; height:100px; line-height:100px;}
#cuowu P img{ margin-left:200px;}

@media screen and (min-width: 1120px){
#headdiv{ height:160px; position: fixed; top: 0;right: 0;left: 0;width: 100%; z-index:9999; }
.top{margin:0 auto; clear:both; background:#f5f5f5; height:auto; overflow:auto}
.top .top_box{margin:0 auto;border-bottom: 1px solid #DADADA;width:1100px;  }
.top .top_box img{ float:left;display:block;height:81px;margin-top:15px;}
.top .con{float:left;background:url(/images/tel.png) no-repeat;height:96px;width:257px;  margin-top:15px; margin-left:400px;}
.top .con h3{ float:left; width:175px;height:30px; line-height:35px; border-bottom:#CCCCCC solid 1px; font-size:1.2rem; margin-top:20px; margin-left:60px; letter-spacing:1px;}
.top .con h3 a{color:#FF3300; }
.top .con h3 a:hover{ color:#000066}
.top .con span{float:left; width:157px; color:#000066; margin-left:65px; height:30px; line-height:33px;font-size:1.1rem; }
.slidebar{ display: none;}

.nav{margin:0 auto;clear:both;background: #005bac;}
.nav .box{position:relative;width:1180px; height:56px;font-size:0.9rem;  color:#999; margin: 0 auto; z-index:10 }
.nav .box ul li{list-style-type:none;float:left; position: relative; background:#063660; margin-left:1px; }
.nav .box ul li a{padding:16px 28px 15px 28px; display:block; text-decoration:none; text-align:center; color:#ffffff;letter-spacing:2px; font-family:'Brixton', Arial, Helvetica, sans-serif; font-weight:700; font-size:1.2rem;}
.nav .box ul li a:hover {background: #01519a; color:#fff;} 
.nav .box ul li ul {display: none;}
.nav .box ul li:hover ul {display: block; position: absolute; min-width:300px;} 
.nav .box ul li:hover ul li a {display:block; background:#01519a; color:#ffffff; width: 250px; text-align: 
center; border-bottom: 1px solid #024078; border-right: none;padding:8px 25px 8px 25px; font-weight:normal; font-size:0.8rem; letter-spacing:1px;}
.nav .box ul li:hover ul li a:hover { background:#3b95fa; color:#ff7900; }
.nav .box .borderleft a{color:#ffffff;}
.nav .box .borderleft{ background:#ff7900}
.nav .box .head { border-top: 1px solid #01519a;}

.single{width:640px;position:relative;padding-top:427px;margin:20px auto 100px;box-shadow:0 10px 20px -5px rgba(0,0,0,0.75); border-top:#ececec solid 1px;}
.single>img{position:absolute;left:0;top:0;transition:all .5s; width:640px; height:427px;}
.single input[name=slide_switch]{display:none}
.single label{margin:18px 0 0 18px;border:3px solid #999;float:left;cursor:pointer;transition:all .5s;opacity:.6}
.single label img{display:block; width:100px; height:67px;}
.slider input[name=slide_switch]:checked+label{border-color:#666;opacity:1}
.single input[name=slide_switch]~img{opacity:0;transform:scale(1.1)}
.single input[name=slide_switch]:checked+label+img{opacity:1;transform:scale(1)}

.htmleaf-container{margin:0 auto;width:100%; clear:both; margin-top:30px;}
.htmleaf-container .wrap{ margin:0 auto; width:1200px; align-items:space-around;}
.tile{width:350px; height:260px;margin:20px;background-color:#99aeff;display:inline-block;background-size:cover;position:relative;cursor:pointer; transition: all 0.4s ease-out;box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.44);overflow:hidden;color:#000000;}
.tile img{height:100%; width:100%;position:absolute;top:0;left:0;z-index:0;transition: all 0.4s ease-out;}
.tile .text{z-index:99;position:absolute;padding:30px;height:calc(100% - 60px);height:calc(100% - 60px);}
.tile h5{font-weight:300;margin:0;text-shadow: 2px 2px 10px rgba(0,0,0,0.3); font-size:1.5rem; color:#FF0000}
.tile h2{ font-weight:100;margin:20px 0 0 0;font-style:italic;transform: translateX(200px); font-size:1rem; }
.tile p{font-weight:300;margin:20px 0 0 0;line-height:21px;transform: translateX(-200px);transition-delay: 0.2s; font-size:0.8rem;}
.animate-text{opacity:0;transition: all 0.6s ease-in-out;}
.tile:hover{box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.64);transform:scale(1.05);}
.tile:hover img{opacity: 0.2;}
.tile:hover .animate-text{transform:translateX(0);opacity:1;}
.tile:hover span{opacity:1;transform:translateY(0px);}

#usbzong{margin:0 auto; clear:both; overflow:hidden; width:1100px; }
#usbzong h2{float:left; width:1100px; height:50px; line-height:50px; text-align:center; background:#0066CC; color:#FFFFFF; font-size:18px; margin-top:30px;}
#usbzong ul li{ float:left; width:200px; margin-left:10px; margin-right:10px; background:#FF6600; text-align:center; height:35px; line-height:35px; margin-top:20px; font-size:14px; }
#usbzong ul li a{ color:#FFFFFF}



.footer{margin:0 auto; clear:both; margin-bottom:20px; height:500px;overflow:hidden; background-image: linear-gradient(160deg, #002abb 20%,#0078ff 80%);color:#FFFFFF; box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.6);}
.footer .f_box{margin:0 auto; width:1120px;}
.footer .f_box h3{ float:left; width:100%;height:50px; line-height:50px; font-size:1.5rem; margin-top:50px;letter-spacing:2px;}
.footer .sign{ float:left; width:300px; height:500px;}
.footer .sign p{ float:left; width:300px; height:90px; line-height:23px;}
.footer .sign input{width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box; color:#ececec;}
.footer .sign span{float:left; width:160px; height:40px; background:#FF3300; border-radius:5px; text-align:center; margin-top:10px; line-height:40px; }
.footer .sign span:hover{ background:#cccccc;}
.footer .sign span a{ color:#ffffff}
.footer .sign span a:hover{ color:#ff0000}
.footer .link{float:left; width:320px; margin-left:100px;height:500px;}
.footer .link ul{ margin-top:20px;}
.footer .link ul li{ float:left; width:320px; height:40px; line-height:40px; }
.footer .link ul li a{ color:#FFFFFF}
.footer .link ul li a:hover{ color:#FF0000}
.footer .tact{ float:left; width:400px;}
.footer .tact p{ float:left; width:350px; background:url(/images/dizhi.png) no-repeat; padding-left:50px; margin-top:10px;}
.footer .tact .mail{ float:left; width:350px; margin-top:20px;background:url(/images/mail.png) no-repeat;padding-left:50px; font-size:1.3rem; color:red;}
.footer .tact .whatsapp{float:left; width:350px; background:url(/images/dianhua.png) no-repeat;padding-left:50px; margin-bottom:35px; height:50px; font-size:1rem; color:ffffff; margin-top:10px;}

.tt-wrapper{
float:left;
	padding: 0;
	width: 435px;
	height: 70px;
	margin: 80px auto 30px auto;
	margin-top:20px;
}
.tt-wrapper li{
	float: left;
}
.tt-wrapper li a{
    display: block;
    width: 68px;
    height: 70px;
    margin: 0 2px;
    outline: none;
	position: relative;
	z-index: 2;
    background: transparent url(/images/growcase_the_social_gunman_icons.png) no-repeat top left;
    text-indent: -9000px;
}
.tt-wrapper li .tt-gplus{
    background-position: 0px 0px;
}
.tt-wrapper li .tt-twitter{
    background-position: -68px 0px;
}
.tt-wrapper li .tt-dribbble{
    background-position: -136px 0px;
}
.tt-wrapper li .tt-facebook{
    background-position: -204px 0px;
}
.tt-wrapper li .tt-linkedin{
    background-position: -272px 0px;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
	width: 80px;
	height: 80px;
	line-height: 80px;
	padding: 10px;
	left: 50%;
	margin-left: -55px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 5px solid #fff;
	background: rgba(255,255,255,0.5);
	text-indent: 0px;
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	bottom: -40px;
	opacity: 0;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-o-transform: scale(0.2);
	-ms-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

}



@media screen and (max-width: 1119px) {
   .more{ width: 100%; height: 60px; background: #fff;}
   .more span{ display: block; width: 30px; margin-bottom: 5px; height: 5px; background: #000000;}
   .more .click{float: left; padding: 20px;}
   .slidebar{ width: 40%; position: fixed; height: 100vh; top: 0; background:#005bac; left: -100%; transition: 0.5s; z-index: 2000;}
   .slidebar .logo{ width: 70%; display: block; margin: 0 auto; border-radius:5px ;}
 	.slidebar .logo img{ width: 100%; height: auto; margin:10px 0px;}
 	.slide_nav{ width: 100%; padding: 0 20px; box-sizing: border-box; border-top:2px #FFFFFF solid}
 	.slide_navBox{ border-bottom: 1px dotted #cccccc;}
 	.slide_nav h2{ height:50px; font-size:1rem; line-height:55px; width: 100%; overflow: hidden; position: relative;}
 	.slide_nav h2 .icon{ position: absolute; right: 0; width: 40px; height: 40px; top: 0; background: url(/images/icon.png) center center no-repeat; background-size:40% 40%; transition: 0.5s;}
	.slide_nav h2 a{ color:#ffffff;}
 	.slide_nav h2 .on{ transform: rotate(180deg); transition: 0.5s;}
 	.slide_navBox ul{ display: none;}
	.slide_navBox ul li{ height:35px; line-height:35px; list-style:disc inside;color: #FF9900; padding-left:20px;}
	.slide_navBox ul li a{ color:#6cb8fb;}
 	.zz{ width: 100%; height: 100vh; background: rgba(0,0,0,0.6); display: none; position: fixed; top: 0; left: 0; z-index: 1;}
	.top{ display: none; }
    .nav{ display: none;}
	.fullSlide{ display: none;}
	.quote{width:100%!important; background:#01519a; overflow:hidden; height:auto; padding:10px;}
	.shorttit{margin:0 auto; clear:both;background-image: linear-gradient(160deg, #002abb 20%,#0078ff 80%);height:150px; text-align:center; line-height:150px; font-weight:bold; color:#000000;}
	.shorttit h1{ font-size:1.2rem;}
	.single{ display:none}
    .cansu{ margin:0 auto; clear:both; overflow:hidden; height:auto; width:100%;}
     .cansu .infor{width:100%;}
    .cansu .infor h4{ display:none}
    .cansu .infor span{ float:left; width:30%; margin-right:40px; margin-left:50px;}
    .cansu .jie{width:90%; margin-left:5%; margin-right:5%;}
    .cansu .capacity{ float:left; width:100%; margin-top:20px; margin-bottom:20px;}
   .cansu .capacity h4{ width:100%; text-align:center}
   .cansu .capacity ul li{ margin-bottom:10px;}

.cansu .pantone{width:100%; margin-top:20px; margin-bottom:20px;}
.cansu .pantone p{ float:left; width:40%; line-height:21px;}
.cansu .pantone p a{ font-weight:bold}
.cansu .pantone img{ display:block; float:right;}
.content{ width:90%; padding:5%;}
.content h4{font-size:2rem;font-weight:normal; letter-spacing:1px; line-height:30px; text-align:left; margin-top:30px; height:60px; line-height:60px;}
.content img{ margin:10px;}

.back{width:100%;}
.back span{ float:right; width:30%; padding:10px 20px; background:#FF0000; margin-right:20px; }
.back span a{font-size:1.2rem;}


.detection .de-box{width:100%; height:auto; overflow:auto}
.detection .de-box span{width:100%;}
.detection .de-box p{ width:90%; margin:0 auto;}
.detection .bnt{display:none}
.detection .de-box p{width:100%;line-height:20px;font-size:1rem; color:#cccccc; margin-bottom:20px;}

.htmleaf-container{width:100%;margin-top:30px; height:auto; overflow:hidden}
.htmleaf-container .wrap{width:100%; align-items:space-around;}
.tile{width:100%;margin:20px;background-color:#f5f5f5;display:inline-block;background-size:cover;position:relative;cursor:pointer; transition: all 0.4s ease-out;box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.44);color:#000000;}
.tile img{height:100%; width:100%;}
.tile .text{width:100%;}
.tile h5{font-weight:300; font-size:1.5rem; color:#FF0000; width:100%; text-align:center; height:30px; line-height:30px;}
.tile h2{ font-weight:100;width:100%; font-size:1rem; margin-bottom:10px; text-align:center}
.tile p{ display:none}

#fenye{width:100%;}

.contact{width:100%; height:auto; overflow:hidden }
.contact h2{width:100%;height:auto; overflow:hidden; margin:0 auto;}
.contact p{width:100%; line-height:23px;margin:0 auto;}
.contact .address{width:100%;margin:0 auto;}
.contact .address span{width:100%; margin-left:70px; margin-top:50px;}
.contact .telphone{width:100%; margin-bottom:30px;margin:0 auto;margin-top:20px;}
.contact .telphone span{width:100%;}
.contact .email{width:100%;margin:0 auto;margin-top:20px;}




.message{ display:none}


.site{ width:100%; height:auto; overflow:hidden}
.site h2{width:100%;}
.site span{ width:100%; height:35px; line-height:35px; text-align:center}
.site span a{ color:#FF3300;}

#cuowu{ width:100%; height:auto;overflow:hidden}
#cuowu h2,#cuowu p{width:100%;margin:0 auto;}
#cuowu p img{width:100%; height:100%;margin:0 auto;}



#wenlist{ width:100%; height:auto; overflow:hidden}
#wenlist ul li{width:100%;height:auto; overflow:hidden}
#wenlist .wentu{width:100%; height:auto; overflow:hidden}
#wenlist .wentu img{ width:100%; height:100%;}
#wenlist .wenjie{width:100%; height:100%;}
#wenlist h2{width:100%; font-size:1.2rem}
#wenlist p{width:100%; font-size:0.9rem}
#wenlist span{width:100%;font-size:1.2rem}

#usbzong{margin:0 auto; clear:both; overflow:hidden; width:100%; }
#usbzong h2{width:100%; height:50px; line-height:50px; text-align:center; background:#0066CC; color:#FFFFFF; font-size:18px; margin-top:30px;}
#usbzong ul li{ width:80%; margin-left:10%; margin-right:10%; background:#FF6600; text-align:center; height:40px; line-height:40px; margin-top:20px; font-size:1rem;  }
#usbzong ul li a{ color:#FFFFFF}

.footer{margin:0 auto; clear:both; margin-bottom:20px; overflow:hidden; background-image: linear-gradient(160deg, #002abb 20%,#0078ff 80%);color:#FFFFFF; margin-top:20px;box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.6);}
.footer .f_box{margin:0 auto; width:100%;}
.footer .f_box h3{ width:100%;height:50px; line-height:50px; font-size:1.5rem; margin-top:50px;letter-spacing:2px; text-align:center}
.footer .sign{width:100%;}
.footer .sign p{width:100%;line-height:23px; text-align:center}
.footer .sign input{width: 90%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box; color:#ececec; margin:5%;}
.footer .sign span{ width:50%;height:40px; background:#FF3300; border-radius:5px; text-align:center; margin-top:10px; line-height:40px; display:block; margin-left:25%; margin-right:25%;}
.footer .sign span:hover{ background:#cccccc;}
.footer .sign span a{ color:#ffffff}
.footer .sign span a:hover{ color:#ff0000}
.footer .link{display:none;}
.footer .tact{ width:100%;}
.footer .tact h3{display:none;}
.footer .tact p{ display:none;}
.footer .tact .mail{width:90%;margin-top:20px; font-size:1.3rem; color:red; padding-left:10%;height:50px;text-align:center;}
.footer .tact .whatsapp{width:100%; margin-bottom:35px; height:50px; font-size:1rem; color:ffffff; margin-top:10px;text-align:center;}

.tt-wrapper{
margin:0 auto;width: 100%;
}
.tt-wrapper li{
	float: left;
}
.tt-wrapper li a{
    display: block;
    width: 68px;
    height: 70px;
    margin: 0 2px;
    outline: none;
	position: relative;
	z-index: 2;
    background: transparent url(/images/growcase_the_social_gunman_icons.png) no-repeat top left;
    text-indent: -9000px;
}
.tt-wrapper li .tt-gplus{
    background-position: 0px 0px;
}
.tt-wrapper li .tt-twitter{
    background-position: -68px 0px;
}
.tt-wrapper li .tt-dribbble{
    background-position: -136px 0px;
}
.tt-wrapper li .tt-facebook{
    background-position: -204px 0px;
}
.tt-wrapper li .tt-linkedin{
    background-position: -272px 0px;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
	width: 80px;
	height: 80px;
	line-height: 80px;
	padding: 10px;
	left: 50%;
	margin-left: -55px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 5px solid #fff;
	background: rgba(255,255,255,0.5);
	text-indent: 0px;
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	bottom: -40px;
	opacity: 0;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-o-transform: scale(0.2);
	-ms-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

}