@charset "utf-8";
/* CSS Document */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { margin: 0; padding: 0; min-width: 320px; font-size:14px; text-decoration:none; color:#333; font-family:"微软雅黑",Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif;}

#ie-warning { background: rgb(255, 255, 225) url("../images/warning.gif") no-repeat scroll 3px center; position:fixed; top: 0; left: 0; font-size: 17px !important; color: #333; padding: 15px 15px 15px 23px !important; width: 100%; z-index: 99999; text-align: center; display: block; border-bottom: 1px solid #eaeabb; }
#ie-warning a { text-decoration: none;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
[hidden],template { display: none;}
input,select,textarea,select{ outline:none;}
a { background: transparent; color:#444; text-decoration: none; outline: none; outline-style: none; -moz-outline-style: none;}
a:active,a:hover {outline: none; -moz-outline: none;}
a:focus { outline: none; -moz-outline: none;}

abbr[title] { border-bottom: 1px dotted;}
dfn { font-style: italic;}
h1 { font-size: 2em; margin: 0.67em 0;}
mark { background: #ff0;}
small { font-size: 80%;}
sub,sup { font-size: 110%; line-height: 0; position: relative; vertical-align: bottom;}
sup { top: -0.62em;}
sub { bottom: -0.25em;}

img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure { margin: 1em 40px;}
ul,li,ol {list-style: none; padding: 0; margin:0;}
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.fixed { display: block; min-height: 1%;}
*html .fixed { height: 1%;}
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0;}

.area{ width:100%; margin:0 auto; display:block; clear:both; padding:0px; margin:0; font-size:0px;}

.home_prod{ background:#03050c url(../images/home_product_bg.jpg) no-repeat center bottom; overflow:hidden; padding:10px 0 80px 0;}

.home_prod h3{ font-size:22px; display:block; clear:both; text-align:center; color:#fff; font-weight:normal; position:relative; padding:20px;}
.home_prod h3 span{ font-size:33px; text-transform:uppercase; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; }
.home_prod h3:after{ content: "";  width: 45px; height: 3px; background: #de262e;  position: absolute; bottom: 0; margin:0 0 0 -62px;}

.home_prod ul li{ display:inline-block; width:23%; margin:0 1%; padding:30px 0; text-align:center; vertical-align:top;}
.home_prod ul li a{ display:block; background-color:#fff; padding:15px 15px; font-size:13px; line-height:1.6; background-color:#-webkit-transition: all .7s; transition: all .7s;}
.home_prod ul li a em{ display:block; clear:both; overflow:hidden;}
.home_prod ul li a img{ width:100%;  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.home_prod ul li a strong{ display:block; clear:both; padding:15px 0; margin-bottom:5px; font-size:16px; font-weight:normal; position:relative;}
.home_prod ul li a strong b{ display:block; clear:both;  width: 30px; height: 3px; background: #956134; margin:8px auto 0; transition: all 0.5s ease 0s;}
.home_prod ul li a span{ display:inline-block; clear:both; margin:20px auto; border:1px solid #956134; color:#956134; text-align:center; padding:4px 15px;}

.home_prod ul li a:hover{ background-color:#cb2731; color:#fff;}
.home_prod ul li a:hover b{ background-color:#fff; width:70px;}
.home_prod ul li a:hover span{ border:1px solid #fff; color:#fff;}
.home_prod ul li a:hover img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}


@media (max-width: 992px) {
.home_prod ul li{ width:48%;  padding:30px 0 0px;}
.home_prod ul li a{  font-size:14px; }

.home_prod ul li a strong{ font-size:17px; }
.home_prod ul li a span{ padding:5px 18px;}

}

@media (max-width: 600px) {
.home_prod ul li{ width:100%; margin:0 auto;  padding:10px 0 0px;}
#r1,#r2,#r3,#r4{ height:auto !important;}
}


.home_cases{ background:#fff; overflow:hidden; padding:10px 0 60px 0;}
.home_cases h3{ font-size:22px; display:block; clear:both; text-align:center; font-weight:normal; position:relative; padding:20px;}
.home_cases h3 span{ font-size:33px; text-transform:uppercase; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; }
.home_cases h3:after{ content: "";  width: 45px; height: 3px; background: #de262e;  position: absolute; bottom: 0; margin:0 0 0 -62px;}




.home_about{ background:#080808 url(../images/home_about_bg.jpg) no-repeat center bottom; overflow:hidden; padding:80px 0;}
.home_about .pic{ display:inline-block; float:left; width:45%; margin-right:5%;}
.home_about .pic img{ width:100%;}
.home_about .info{ display:inline-block; float:right; width:45%; color:#fff;}
.home_about h3{ font-size:22px; display:block; clear:both; text-align:left; font-weight:normal; position:relative; padding:10px 0 35px;}
.home_about h3 span{ font-size:33px; text-transform:uppercase; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; }
.home_about h3:after{ content: ""; width: 45px; height: 3px; background: #fff;  position: absolute; bottom: 0; left:0;}
.home_about .dec{ display:block; clear:both; padding:30px 0; font-size:14px; line-height:1.9;}

.home_about .more{ display:inline-block; background-color:#956134; color:#fff; padding:8px 25px; margin-top:30px; font-size:14px;}
.home_about .more:hover{ background-color:#de262e;}



.home_clients{ background:#fff; overflow:hidden; padding:10px 0 60px 0;}
.home_clients h3{ font-size:22px; display:block; clear:both; text-align:center; font-weight:normal; position:relative; padding:20px;}
.home_clients h3 span{ font-size:33px; text-transform:uppercase; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; }
.home_clients h3:after{ content: "";  width: 45px; height: 3px; background: #de262e;  position: absolute; bottom: 0; margin:0 0 0 -62px;}
.home_clients ul { padding:25px 0;}
.home_clients ul li{ display:inline-block; float:left; width:19.5%; position:relative; margin:-1px 0 0 -1px;}
.home_clients ul li a{ border:1px solid #e8e7e7; display:block; clear:both; overflow:hidden;}
.home_clients ul li a img{ width:100%;}
.home_clients ul li a:hover img{ -webkit-animation:tada 1s .2s ease both; -moz-animation:tada 1s .2s ease both;}

@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)} }
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)} }



.button12{ color: rgba(255,255,255,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; overflow: hidden;}
.button12 a{ color: rgba(51,51,51,1); text-decoration: none; display: block;}
.button12 span{ z-index: 2;	display: block; position: absolute; width: 100%; height: 100%;	}
.button12::before{ content: ''; position: absolute; top: 50px; left: -5px; width: 0; height: 0; border-left: 63px solid transparent; border-right: 63px solid transparent; border-bottom: 190px solid rgba(255,255,255,0.15); z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.button12::after{ content: ''; position: absolute; top: 50px; left: -5px; width: 0; height: 0; border-left: 63px solid transparent; border-right: 63px solid transparent; border-bottom: 190px solid rgba(255,255,255,0.15); z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.button12::after{ -webkit-transition-delay: 0.2s; /* Safari */ transition-delay: 0.2s;}
.button12:hover::before{ opacity: 1; -webkit-transform: translate(0px,-190px); transform: translate(0px,-190px);	}
.button12:hover::after{ opacity: 1; -webkit-transform: translate(0px,-150px); transform: translate(0px,-150px);	}


.home_contact{ background-color:#131313; padding:20px 0;}
.home_contact h3{ font-size:22px; display:block; clear:both; text-align:center; color:#fff; font-weight:normal; position:relative; padding:20px;}
.home_contact h3 span{ font-size:33px; text-transform:uppercase; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; }
.home_contact h3:after{ content: "";  width: 45px; height: 3px; background: #fff;  position: absolute; bottom: 0; margin:0 0 0 -62px;}
.home_contact .c1{ width:34%; display:inline-block; padding:30px 0; vertical-align:top; margin:0 8%;}
.home_contact .c1 ul li{ padding-bottom:15px; display:block;}
.home_contact .c1 ul li input{ background:none; border:1px solid #666; width:100%; padding:6px; color:#fff; display:block; font-size:14px; border-radius:0;}
.home_contact .c1 ul li textarea{ background:none; border:1px solid #666; width:100%; padding:6px; height:100px; color:#fff; display:block; font-size:14px; border-radius:0;}
.home_contact .c1 ul li input:focus,.home_contact .c1 ul li textarea:focus,.home_contact .c1 ul li input:hover,.home_contact .c1 ul li textarea:hover{ border:1px solid #999; background-color:#222;}
.messBtn{ display:block; clear:both; padding:10px 6px; font-size:15px; background-color:#de262e; color:#fff; text-align:center;}
.messBtn:hover{ background-color:#ce1e26;}
.home_contact .c2{ width:36%; display:inline-block; padding:30px 0; vertical-align:top; margin:0 7%;}
.home_contact .c2 strong{ font-size:20px; color:#999898; display:block; padding-bottom:20px;}
.home_contact .c2 ul li{ padding:10px 0 10px 30px; display:block; color:#999; font-size:14px;  background:url(../images/contactIcon.png) no-repeat left top; background-size:26px auto; }
.home_contact .c2 ul li a{ color:#999; text-decoration:underline;}
.home_contact .c2 .icon1{ background-position: left 2px;}
.home_contact .c2 .icon2{ background-position: left -62px;}
.home_contact .c2 .icon3{ background-position: left -119px;}
.home_contact .c2 .icon4{ background-position: left -190px;}
.home_contact .c2 .icon5{ background-position: left -251px;}

.copyright{ background-color:#0d0d0d; padding:25px 0;}
.copyright .info1{ display:inline-block; color:#7e7d7d; font-size:14px; width:80%; }
.copyright .info1 strong{ display:inline-block; font-size:22px; color:#de262e; font-weight:normal; background:url(../images/tel.png) no-repeat left center; background-size:24px auto; padding:6px 10px 6px 30px;  float:left;}
.copyright .info1 b{ font-weight:normal;  float:left; line-height:45px;}
.copyright .info1 span{ display:block; font-size:13px; padding-top:8px; clear:both; }

.copyright .info2{ width:80px; float:right; text-align:center; color:#7e7d7d; font-size:14px;}
.copyright .info2 img{ display:block; clear:both; width:100%; margin-bottom:5px;}


/*分享代码*/

.bdsharebuttonbox{ display:inline-block !important; padding:0px; margin:0px; float:left;}

.weixin{ width:28px !important; height:28px !important; line-height:30px !important; background:url(../images/share1.png) no-repeat center center !important; background-size:95% auto !important; margin:9px 0 9px 10px !important; opacity:1 !important;}
.tsina{ width:28px !important; height:28px !important; line-height:30px !important; background:url(../images/share2.png) no-repeat center center !important; background-size:95% auto !important;  margin:9px 0 9px 10px !important; opacity:1 !important;}
.sqq{ width:28px !important; height:28px !important; line-height:30px !important; background:url(../images/share3.png) no-repeat center center !important; background-size:95% auto !important;  margin:9px 0 9px 10px !important; opacity:1 !important;}
.weixin:hover,.tsina:hover,.sqq:hover{ opacity:0.9 !important;}
.bd_weixin_popup{ width:250px !important; height:290px !important;}



@media (max-width: 800px) {
	
.home_prod h3, .home_cases h3, .home_about h3, .home_clients h3, .home_contact h3{ font-size:19px;}
.home_prod h3 span, .home_cases h3 span, .home_about h3 span, .home_clients h3 span, .home_contact h3 span{ font-size:25px;}

.home_prod h3{}
	
.home_cases{ background:#fff; overflow:hidden; padding:0 0 30px 0;}	
	
.home_about{ padding:30px 0;}	
.home_about h3{ padding:10px 0 20px;}
.home_about .pic{ display:block; float:none; width:92%; margin:0 auto;}
.home_about .info{ display:block; float:none; width:92%; margin:0 auto; color:#fff;}
.home_about .dec{ padding:10px 0; line-height:1.7;}
.home_about .more{ margin-top:20px;}
.home_clients ul{ text-align:center;}
.home_clients ul li{ display:inline-block; float:left; width:33.3%; position:relative; margin:-1px 0 0 -1px; font-size:0px; padding:0px;}

.home_contact{ padding:10px 0;}
.home_contact .c1,.home_contact .c2{ display:block; width:80%; margin:0 auto;}

.copyright .info1{ text-align:center; width:100%; padding:0 20px; overflow:hidden; }
.copyright .info1 b{ display:block; clear:both; float:none; line-height:1.4 !important;}
.copyright .info1 span{  padding-top:28px; float:none; }
.copyright .info1 strong{  float:none; }

.copyright .info2{ width:150px; float:none; margin:15px auto;}

.bdsharebuttonbox{ text-align:center !important; float:none !important; margin:0 auto; padding:15px 0 0 !important;}

.weixin{ width:40px !important; height:40px !important; margin:10px !important;}
.tsina{ width:40px !important; height:40px !important; margin:10px !important;}
.sqq{ width:40px !important; height:40px !important; margin:10px !important;}

}



@media (max-width: 500px) {
.home_clients ul li{ display:inline-block; float:left; width:49.9%; position:relative; margin:-1px 0 0 -1px; font-size:0px; padding:0px;}
}



.banner{ display:block; clear:both; margin:78px auto 0;}
@media (max-width: 992px) {
.banner {  margin:50px auto 0; }
}



/*--------关于我们-----------*/

.about{ background:url(../images/about_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.about .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:22px; padding-bottom:50px; color:#fff; font-weight:normal;}
.about .slogan strong{ font-size:40px; display:block; clear:both; padding:10px 0;}


.about2{ background-color:#fff; overflow:hidden; padding:35px; margin:-60px auto 0;}
.about2 .pic{ display:inline-block; float:left; width:45%; margin-right:5%;}
.about2 .pic img{ width:100%;}
.about2 .info{ display:inline-block; float:right; width:50%;}
.about2 h3{ font-size:20px; display:block; clear:both; text-align:left; font-weight:normal; position:relative; padding:10px 0 25px;}
.about2 h3 span{ font-size:33px; text-transform:uppercase; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; }
.about2 h3:after{ content: ""; width: 45px; height: 3px; background: #de262e;  position: absolute; bottom: 0; left:0;}
.about2 .dec{ display:block; clear:both; padding:20px 0; font-size:14px; line-height:1.9;}

.about3{ background-color:#e3e0e0; padding:30px 0;}
.about3 ul li{ display:block; clear:both; padding:14px 0; line-height:1.7; font-size:14px;}
.about3 ul li img{ display:inline-block; width:25%; margin-right:4%; vertical-align:top;}
.about3 ul li span{ display:inline-block; width:70%; vertical-align:top;}
.about3 ul li span strong{ display:block; clear:both; padding:8px 0; font-size:19px; color:#de262e;}


@media (max-width: 800px) {
	
.about{ height:300px;}	
.about .slogan{ font-size:17px;}
.about .slogan strong{ font-size:28px;}

.about2{ padding:18px 15px;}
.about2 h3{ font-size:17px; padding:10px 0 15px;}
.about2 h3 span{ font-size:24px;}
.about2 .pic{ display:block; float:none; width:100%; margin-right:0%;}
.about2 .info{ display:block; float:none; width:100%;}
.about2 .dec{ padding:0px 0;}

.about3{ background-color:#e3e0e0; padding:20px 10px;}
.about3 ul li img{ display:block; width:100%; margin-right:0; vertical-align:top;}
.about3 ul li span{ display:block; width:100%; margin:0 auto; vertical-align:top;}

}



/*--------案例-----------*/

.cases{ background:url(../images/cases_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:260px; display:table;}
.cases .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:22px; padding-bottom:10px; color:#fff; font-weight:normal;}
.cases .slogan span{ background-color:rgba(255,255,255,0.2); display:inline-block; padding:8px 30px;}
.cases .slogan strong{ font-size:40px; display:block; clear:both; padding:0px 0; font-weight:normal;}


.cases2{ background-color:#f3f2f2; position:relative; padding-bottom:40px; }
.cases2 .item{ background-color:#fff; display:block; clear:both; text-align:center; margin:-30px auto 0; position:absolute;  left:15px; right:15px; overflow:hidden;}
.cases2 .item a{ display:inline-block; padding:18px 8px; margin:0 35px; text-align:center; font-size:16px;}
.cases2 .item a.curr{ color:#de262e; border-bottom:3px solid #de262e; font-weight:bold;}

.cases2 .casesList{ display:block; clear:both; padding:70px 0 0px;}
.cases2 .casesList ul li{ display:inline-block; width:31%; margin:0 3.5% 40px 0; overflow:hidden;}
.cases2 .casesList ul li:nth-child(3n){ margin-right:0px;}

.cases2 .casesList ul li a{ display:block; clear:both; background-color:#fff; font-size:14px;}
.cases2 .casesList ul li a img{ width:100%; display:block; clear:both; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; position:relative; z-index:9;}
.cases2 .casesList ul li a span{ display:block; clear:both; background:#fff url(../images/arr1.png) no-repeat right center; color:#-webkit-transition: all .5s;   background-color:#-webkit-transition: all .7s; transition: all .7s; background-size:80px auto; padding:25px 19px; position:relative; z-index:99;}
.cases2 .casesList ul li a strong{ font-size:18px; font-weight:normal; display:block; clear:both; margin-bottom:6px;}
.cases2 .casesList ul li a:hover span{ background:#de262e url(../images/arr2.png) no-repeat right center; background-size:60px auto; color:#fff;  padding:25px 19px 25px 30px;}
.cases2 .casesList ul li a:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.pageArea{ display:block; clear:both; text-align:center; padding:10px 0 20px;}
.pageArea a{ display:inline-block; padding:8px 16px; background-color:#fff; font-size:14px; margin:4px;}
.pageArea a:hover{ background-color:#ddd;}
.pageArea a.curr{ background-color:#de262e; color:#fff;}


@media (max-width: 800px) {
	
.cases2 .casesList{ padding:20px 0 0px;}
.cases2 .casesList ul li,.cases2 .casesList ul li:nth-child(3n){ display:inline-block; width:48%; margin:0 4% 20px 0; overflow:hidden;}
.cases2 .casesList ul li:nth-child(2n){ margin-right:0px;}
.cases2 .casesList ul li a{ font-size:13px;}
.cases2 .casesList ul li a strong{ font-size:16px;}
.cases2 .casesList ul li a span{ display:block; clear:both; background:#fff url(../images/arr1.png) no-repeat right center; background-size:50px auto; padding:15px 19px; position:relative; z-index:99;}

.cases2{ background-color:#f3f2f2; position:relative; padding-top:20px; padding-bottom:40px; }
.cases2 .item{ background-color:#fff; display:block; clear:both; text-align:left; position:relative; width:100%; left:0; margin:-40px 0 0; padding:15px 10px; overflow:hidden;}
.cases2 .item a{ display:inline-block; padding:10px 0; width:31%; margin:5px 1%; text-align:center; font-size:15px;}
.cases2 .item a.curr{ background-color:#de262e; color:#fff; border-bottom:none; font-weight:bold;}


}

@media (max-width: 500px) {
.cases{ height:200px;}	

.cases2 .casesList ul li,.cases2 .casesList ul li:nth-child(3n),.cases2 .casesList ul li:nth-child(2n){ display:inline-block; width:100%; margin:0 0 20px 0; overflow:hidden;}
.cases2 .casesList ul li a{ font-size:13px;}
.cases2 .casesList ul li a strong{ font-size:16px;}
.cases2 .casesList ul li a span{ display:block; clear:both; background:#fff url(../images/arr1.png) no-repeat right center; background-size:60px auto; padding:15px 19px; position:relative; z-index:99;}
}



/*--------解决方案-----------*/


.solution{ background:url(../images/solution_1_bg.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.solution .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:20px; padding-bottom:50px; color:#fff;}
.solution .slogan strong{ font-size:42px; display:block; clear:both; padding:10px 0;}


.solution_1{ padding:50px 0;}
.solution_1 .pic{ display:inline-block; width:34%; margin-right:3%; vertical-align:top; overflow:hidden;}
.solution_1 .pic img{ width:100%;}
.solution_1 .dec{ display:inline-block; width:62%; vertical-align:top; line-height:1.8;}
.solution_1 .dec h5{ font-size:28px; font-weight:normal; padding:0px; margin:0 0 11px 0;}
.solution_1 .dec h5 span{ color:#de262e;}

.solution_2{ background-color:#f0f0f0; padding:40px 0;}
.solution_2 h5{ display:block; clear:both; text-align:center; font-size:28px; font-weight:normal; padding:0px; margin:0 0 30px 0;}
.solution_2 h5 span{ color:#de262e;}
.solution_2 ul li{ display:inline-block; width:48.5%; margin:10px 3% 20px 0; background-color:#fff; color:#-webkit-transition: all .5s;   background-color:#-webkit-transition: all .7s; transition: all .7s;}
.solution_2 ul li em{ display:inline-block; width:35%; max-width:230px; margin-right:4%; overflow:hidden; vertical-align:middle;}
.solution_2 ul li em img{ width:100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.solution_2 ul li:nth-child(2n){ margin-right:0;}
.solution_2 ul li .dec{ display:inline-block; font-size:13px; width:56%; vertical-align:top; color:#666; line-height:1.6; padding-bottom:20px;}
.solution_2 ul li .dec strong{ font-size:19px; font-weight:normal; display:block; clear:both; margin:20px 0 8px; color:#333;}

.solution_2 ul li:hover{ background-color:#de262e;}
.solution_2 ul li:hover .dec,.solution_2 ul li:hover .dec strong{ color:#fff;}
.solution_2 ul li:hover em img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}




.solution_3{ padding:40px 0;}
.solution_3 h5{ display:block; clear:both; text-align:center; font-size:28px; font-weight:normal; padding:0px; margin:0 0 30px 0;}
.solution_3 h5 span{ color:#de262e;}
.solution_3 ul li{ display:inline-block; width:31%; margin:10px 2% 20px 0; border:2px solid #ddd; vertical-align:top; padding:15px 0; text-align:center; background-color:#-webkit-transition: all .7s; }
.solution_3 ul li:nth-child(3n){ margin-right:0;}
.solution_3 ul li em{ display:block; clear:both;}
.solution_3 ul li em img{ -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;transition: opacity 0.7s, transform 0.7s;}
.solution_3 .dec{ line-height:1.7; font-size:13px; color:#666; padding:0 20px 12px;}
.solution_3 .dec strong{ display:block; clear:both; text-align:center; font-size:18px; font-weight:normal; padding:8px 0; color:#333;}

.solution_3 ul li:hover{ background-color:#f5f5f5;}
.solution_3 ul li:hover em img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }




@media (max-width: 1300px) {
.solution_2 ul li em{ margin:15px 4% 15px 15px;}
.solution_2 ul li .dec{ width:52%;}
}

@media (max-width: 900px) {
.solution_1 .dec h5{ margin:0 0 15px 0; font-size:24px !important;}
	
.solution_2{ padding:20px 0;}
.solution_2 h5{ margin:0 0 15px 0; font-size:24px;}
.solution_2 ul li{ display:block; width:100%; margin:10px 0 20px 0;}
.solution_2 ul li em{ margin:15px 4% 15px 15px;}

.solution_3{ padding:20px 0;}
.solution_3 h5{ margin:0 0 15px 0; font-size:24px;}
.solution_3 ul li{ width:100%; margin:10px 0 10px 0; }

}

@media (max-width: 500px) {

.solution{ height:250px;}	
.solution .slogan{ font-size:14px; padding:0 20px 20px; }
.solution .slogan strong{ font-size:26px; padding:5px 0; }


.solution_1{ padding:25px 0;}
.solution_1 .pic{ width:100%; margin-right:0; }
.solution_1 .pic img{ margin:-40px auto;}
.solution_1 .dec{ width:100%; vertical-align:top; padding-top:15px; line-height:1.8;}
	
.solution_2 ul li{ display:block; width:100%; margin:10px 0 20px 0;}
.solution_2 ul li em{ width:100%; margin:0; max-width:none;}
.solution_2 ul li em img{ width:100%; margin:-50px auto;}
.solution_2 ul li .dec{ width:100%; padding:0 15px 20px;}
}



.solution_4{ background:url(../images/solution_2_bg.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.solution_4 .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:20px; padding-bottom:50px; color:#fff; }
.solution_4 .slogan strong{ font-size:42px; display:block; clear:both; padding:10px 0;}


.solution_5{ padding:50px 0;}
.solution_5 .pic{ display:inline-block; width:41%; margin-right:3%; vertical-align:top; overflow:hidden;}
.solution_5 .pic img{ width:100%;}
.solution_5 .dec{ display:inline-block; width:55%; vertical-align:top; line-height:1.8;}
.solution_5 .dec h5{ font-size:28px; font-weight:normal; padding:0px; margin:0 0 11px 0;}
.solution_5 .dec h5 span{ color:#de262e;}


.solution_6{ background-color:#f0f0f0; padding:40px 0;}
.solution_6 h5{ display:block; clear:both; text-align:center; font-size:28px; font-weight:normal; padding:0px; margin:0 0 30px 0;}
.solution_6 h5 span{ color:#de262e;}
.solution_6 ul li{ display:inline-block; width:23.5%; margin:5px 2% 20px 0; padding:40px 20px; overflow:hidden; vertical-align:top; background-color:#fff; color:#-webkit-transition: all .5s;   background-color:#-webkit-transition: all .7s; transition: all .7s;}
.solution_6 ul li em{ display:block; width:72px; height:72px; overflow:hidden; margin:0 auto; 	-moz-border-radius:90px; -webkit-border-radius:90px; border-radius: 90px;  color:#-webkit-transition: all .5s;   background-color:#-webkit-transition: all .7s; transition: all .5s;}
.solution_6 ul li:nth-child(4n){ margin-right:0;}
.solution_6 ul li .dec{ display:inline-block; font-size:13px; width:100%; vertical-align:top;  color:#666; line-height:1.7; }
.solution_6 ul li .dec strong{ font-size:19px; font-weight:normal; display:block; clear:both; text-align:center; line-height:1.4; margin:25px 0 15px; color:#333;}
.solution_6 .m1{ background:#de262e url(../images/solution_2_1.png) no-repeat center 10px; }
.solution_6 .m2{ background:#de262e url(../images/solution_2_2.png) no-repeat center 10px; }
.solution_6 .m3{ background:#de262e url(../images/solution_2_3.png) no-repeat center 10px; }
.solution_6 .m4{ background:#de262e url(../images/solution_2_4.png) no-repeat center 10px; }


.solution_6 ul li:hover{ background-color:#de262e; padding:40px 20px; }
.solution_6 ul li:hover .dec,.solution_6 ul li:hover .dec strong{ color:#fff;}
.solution_6 ul li:hover em{ background-color:#fff; background-position: center -186px; width:86px; height:86px;}


.solution_7{ padding:40px 0;}
.solution_7 h5{ display:block; clear:both; text-align:center; font-size:28px; font-weight:normal; padding:0px; margin:0 0 30px 0;}
.solution_7 h5 span{ color:#de262e;}
.solution_7 ul li{ display:inline-block; width:23%; margin:5px 2% 10px 0; vertical-align:top; text-align:center; }
.solution_7 ul li:nth-child(4n){ margin-right:0;}
.solution_7 ul li em{ display:block; clear:both;}
.solution_7 ul li em img{ -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.solution_7 .dec{ line-height:1.7; font-size:13px; color:#666; padding:0 20px 12px;}
.solution_7 .dec strong{ display:block; clear:both; text-align:center; font-size:18px; line-height:1.5; font-weight:normal; padding:12px 0; color:#333;}

.solution_7 ul li:hover em img{ opacity: 1;-webkit-transform: scale3d(0.9,0.9,1);transform: scale3d(0.9,0.9,1); }




@media (max-width: 900px) {
.solution_4{ height:250px;}	
.solution_4 .slogan{ font-size:14px; padding:0 20px 20px; }
.solution_4 .slogan strong{ font-size:26px; padding:5px 0; }
	
.solution_5{ padding:20px 0;}
.solution_5 .dec h5{ margin:0 0 15px 0; font-size:24px; text-align:center;}
.solution_5 ul li{ display:block; width:100%; margin:10px 0 20px 0;}
.solution_5 ul li em{ margin:15px 4% 15px 15px;}


.solution_6{ padding:20px 0;}
.solution_6 h5{ margin:0 0 15px 0; font-size:24px;}
.solution_6 ul li,.solution_6 ul li:nth-child(4n){ display:inline-block; width:48%; margin:5px 2% 20px 0; padding:25px 20px; }
.solution_6 ul li:nth-child(2n){ margin-right:0;}


.solution_7{ padding:20px 0;}
.solution_7 h5{ margin:0 0 15px 0; font-size:24px;}
.solution_7 ul li,.solution_7 ul li:nth-child(4n){ display:inline-block; width:48%; margin:5px 2% 10px 0;}
.solution_7 ul li:nth-child(2n){ margin-right:0;}
.solution_7 ul li em{ display:block; clear:both; width:70%; margin:0 auto;}
.solution_7 ul li em img{ width:100%;}


}


@media (max-width: 600px) {

.solution_4{ height:250px;}	
.solution_4 .slogan{ font-size:14px; padding:0 20px;  }
.solution_4 .slogan strong{ font-size:26px; }

.solution_5 .pic{ width:100%; margin-right:0; vertical-align:top; overflow:hidden;}
.solution_5 .dec{ width:100%;}
.solution_5 .dec h5{ font-size:24px; font-weight:normal; padding:0px; margin:0 0 11px 0;}
.solution_5 .dec h5 span{ color:#de262e;}

.solution_6{ width:100%; overflow:hidden;s padding:25px 0;}
.solution_6 ul li,.solution_6 ul li:nth-child(4n){ display:inline-block; width:100%; margin:5px 0 20px 0; padding:25px 20px; }
.solution_6 #s1,.solution_6 #s2,.solution_6 #s3,.solution_6 #s4{ height:auto !important;}
.solution_6 ul li .dec strong{ font-size:17px; }

.solution_7 .dec strong{ font-size:16px; padding:6px 0; }
.solution_7 ul li em{ display:block; clear:both; width:60%; margin:0 auto;}


}





/*--------产品-----------*/


.prod_1_1{ background:url(../images/prod_1_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.prod_1_1 .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:22px; padding-bottom:50px; color:#fff; }
.prod_1_1 .slogan strong{ font-size:50px; display:block; clear:both; padding:10px 0; letter-spacing:0.1cm;}


.prod_1_2{ padding:50px 0;}
.prod_1_2 .pic{ display:inline-block; width:41%; margin-right:3%; vertical-align:top; overflow:hidden;}
.prod_1_2 .pic img{ width:100%;}
.prod_1_2 .dec{ display:inline-block; width:55%; vertical-align:top; line-height:1.8;}
.prod_1_2 .dec h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 20px 0;}
.prod_1_2 .dec h5 b{ background-color:#de262e; display:block; clear:both; width:55px; height:3px; margin:5px 0 0 0;}

.prod_1_3{ padding:40px 0; background-color:#337ab7; }
.prod_1_3 h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 20px 0; text-align:center; color:#fff;}
.prod_1_3 ul li{ display:inline-block; width:26%; margin:15px 11% 20px 0; vertical-align:top;}
.prod_1_3 ul li:nth-child(3n){ margin-right:0;}
.prod_1_3 ul li em{ display:block; width:85px; height:85px; margin:0 auto 12px; padding:7px; border:1px solid #fff; text-align:center; clear:both; -moz-border-radius:90px; -webkit-border-radius:90px; border-radius: 90px; background-color:#-webkit-transition: all .5s; transition: all .5s;}
.prod_1_3 ul li em img{ width:100%;}
.prod_1_3 ul li strong{ font-size:17px; color:#fff; line-height:1.6; text-align:center; display:block; clear:both; font-weight:normal;}
.prod_1_3 ul li:hover em{ border:1px solid #e67070; padding:12px;}

.prod_1_4{ text-align:center; padding:40px 0;}


.prod_1_5{ padding:40px 0; background-color:#f0eeee;}
.prod_1_5 h5{ display:block; clear:both; text-align:center; font-size:28px; font-weight:normal; padding:0px; margin:0 0 30px 0;}
.prod_1_5 h5 span{ color:#de262e;}
.prod_1_5 ul li{ display:inline-block; width:31%; margin:10px 2% 20px 0; background-color:#fff; vertical-align:top; padding:15px 0; text-align:center; background-color:#-webkit-transition: all .7s; }
.prod_1_5 ul li:nth-child(3n){ margin-right:0;}
.prod_1_5 ul li em{ display:block; clear:both; width:85px; margin:0 auto;  transition: all .5s;}
.prod_1_5 ul li em img{ width:100%; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;transition: opacity 0.7s, transform 0.7s;}
.prod_1_5 ul li .dec{ line-height:1.7; font-size:13px; color:#666; padding:0 20px 12px;}
.prod_1_5 ul li .dec strong{ display:block; clear:both; text-align:center; font-size:18px; font-weight:normal; padding:8px 0; color:#333;}

.prod_1_5 ul li:hover{ background-color:#f5f5f5;}
.prod_1_5 ul li:hover em { width:75px;}
.prod_1_5 ul li:hover em img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
.prod_1_5 ul li:hover .dec strong{ color:#de262e;}


@media (max-width: 1100px) {
.prod_1_4{ padding:25px 0;}
.prod_1_4 img{ width:100%; }
}


@media (max-width: 600px) {
.prod_1_1{ height:250px;}	
.prod_1_1 .slogan{ font-size:15px; padding-bottom:20px; }
.prod_1_1 .slogan strong{ font-size:30px; padding:5px 0;}

.prod_1_2 .pic{ width:100%; margin-right:0; vertical-align:top; overflow:hidden;}
.prod_1_2 .dec{ width:100%;}
.prod_1_2 .dec h5{ font-size:24px; text-align:center; font-weight:normal; padding:0px; margin:0 0 11px 0;}
.prod_1_2 .dec h5 b{ width:35px; height:3px; margin:5px auto 0;}

.prod_1_3{ padding:25px 0;}
.prod_1_3 h5{ font-size:24px; }
.prod_1_3 ul li,.prod_1_3 ul li:nth-child(3n){ display:inline-block; width:44%; margin:15px 12% 20px 0; vertical-align:top;}
.prod_1_3 ul li:nth-child(2n){ margin-right:0;}
.prod_1_3 ul li strong{ font-size:14px;}
.prod_1_3 ul li em{ width:70px; height:70px;}

.prod_1_4{ padding:25px 0;}
.prod_1_4 img{ width:100%; }

.prod_1_5{ padding:25px 0;}
.prod_1_5 h5{ font-size:24px; margin:0 0 15px 0; }
.prod_1_5 ul li{ width:100%; margin:8px 0; background-color:#fff; vertical-align:top; padding:15px 0; text-align:center; background-color:#-webkit-transition: all .7s; }
.prod_1_5 ul li em{ width:75px;}
.prod_1_5 #s1,.prod_1_5 #s2,.prod_1_5 #s3,.prod_1_5 #s4,.prod_1_5 #s5,.prod_1_5 #s6{ height:auto !important;}


}






.prod_2_1{ background:url(../images/prod_2_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.prod_2_1 .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:22px; padding-bottom:50px; color:#fff; }
.prod_2_1 .slogan strong{ font-size:50px; display:block; clear:both; padding:10px 0; letter-spacing:0.1cm;}


.prod_2_2{ padding:40px 0;}
.prod_2_2 .pic{ display:inline-block; width:35%; margin-right:4%; vertical-align:top; overflow:hidden;}
.prod_2_2 .pic img{ width:100%;}
.prod_2_2 .dec{ display:inline-block; width:60%; vertical-align:top; line-height:1.8;}
.prod_2_2 .dec h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 25px 0;}
.prod_2_2 .dec h5 b{ background-color:#de262e; display:block; clear:both; width:55px; height:3px; margin:5px 0 0 0;}

.prod_2_3{ padding:40px 0; background:#010101 url(../images/prod_2_3.jpg) no-repeat center bottom; background-size:100% auto ; }
.prod_2_3 h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 20px 0; text-align:center; color:#fff;}
.prod_2_3 ul li{ display:inline-block; width:15%; margin:15px 6% 20px 0; vertical-align:top;}
.prod_2_3 ul li:nth-child(5n){ margin-right:0;}
.prod_2_3 ul li em{ display:block; width:130px; margin:0 auto 12px; padding:7px; text-align:center; clear:both;}
.prod_2_3 ul li em img{ width:100%;  background-color:#-webkit-transition: all .5s; transition: all .5s;}
.prod_2_3 ul li strong{ font-size:15px; color:#fff; line-height:1.6; text-align:center; display:block; clear:both; font-weight:normal;}
.prod_2_3 ul li:hover em img{ opacity: 0.7;-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1);}

.prod_2_4{ text-align:center; padding:40px 0;}

.prod_2_5{ padding:40px 0; background-color:#f0eeee; }
.prod_2_5 h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 20px 0; text-align:center;}
.prod_2_5 ul{ padding:20px 0 0 0; text-align:center;}
.prod_2_5 ul li{ display:inline-block; width:29%; margin:10px 6% 20px 0; padding:50px 40px; line-height:1.7; border:4px solid #eae5e5; background-color:#fff; vertical-align:top; text-align:center; background-color:#-webkit-transition: all .7s; }
.prod_2_5 ul li strong{ background-color:#d51010; color:#fff; font-size:18px; padding:8px 0; margin:-65px auto 30px; display:block; clear:both;  transition: all .5s;}
.prod_2_5 ul li:nth-child(3n){ margin-right:0;}
.prod_2_5 ul li:hover strong{  margin:-75px auto 30px; }



@media (max-width: 1100px) {
.prod_2_4{ padding:25px 0;}
.prod_2_4 img{ width:100%; }
}

@media (max-width: 900px) {
.prod_2_3 ul li,.prod_2_3 ul li:nth-child(5n){ display:inline-block; width:30%; margin:15px 5% 20px 0; vertical-align:top;}
.prod_2_3 ul li:nth-child(3n){ margin-right:0;}

.prod_2_5{ padding:30px 0; }
.prod_2_5 ul li{ width:30.5%; margin:10px 3% 20px 0;  padding:50px 20px; }

}

@media (max-width: 600px) {
.prod_2_1{ height:250px;}	
.prod_2_1 .slogan{ font-size:15px; padding-bottom:20px;}
.prod_2_1 .slogan strong{ font-size:30px; padding:5px 0;}

.prod_2_2 .pic{ width:100%; margin-right:0; text-align:center; vertical-align:top; overflow:hidden;}
.prod_2_2 .pic img{ width:80%; margin:0 auto;}
.prod_2_2 .dec{ width:100%;}
.prod_2_2 .dec h5{ font-size:24px; text-align:center; font-weight:normal; padding:0px; margin:0 0 11px 0;}
.prod_2_2 .dec h5 b{ width:35px; height:3px; margin:5px auto 0;}

.prod_2_3{ padding:25px 0;}
.prod_2_3 h5{ font-size:24px;}
.prod_2_3 ul li,.prod_2_3 ul li:nth-child(5n),.prod_2_3 ul li:nth-child(3n){ display:inline-block; width:45%; margin:15px 10% 20px 0; vertical-align:top;}
.prod_2_3 ul li:nth-child(2n){ margin-right:0;}
.prod_2_3 ul li strong{ font-size:14px; }
.prod_2_3 ul li em{  width:110px; margin:0 auto 8px; }

.prod_2_5{ padding:25px 0;  }
.prod_2_5 h5{ font-size:24px; }
.prod_2_5 ul{ padding:20px 0 0 0; text-align:center;}
.prod_2_5 ul li{  width:100%; margin:10px 0 20px 0; padding:50px 40px;}

}




.prod_3_1{ background:url(../images/prod_3_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.prod_3_1 .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:22px; padding-bottom:50px; color:#fff; }
.prod_3_1 .slogan strong{ font-size:50px; display:block; clear:both; padding:10px 0; letter-spacing:0.1cm;}


.prod_3_2{ background-color:#f0eeee; padding:40px 0;}
.prod_3_2 .pic{ display:inline-block; width:35%; margin-right:4%; vertical-align:top; overflow:hidden;}
.prod_3_2 .pic img{ width:100%;}
.prod_3_2 .dec{ display:inline-block; width:60%; vertical-align:top; line-height:1.8;}
.prod_3_2 .dec h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 25px 0;}
.prod_3_2 .dec h5 b{ background-color:#de262e; display:block; clear:both; width:55px; height:3px; margin:5px 0 0 0;}

.prod_3_3{ padding:40px 0;}
.prod_3_3 h5{ font-size:28px; font-weight:normal; padding:0px; margin:8px 0 20px 0; text-align:center;}
.cont{ display:block; clear:both; text-align:center; position:relative; }
.cont .phone{ display:table; position:relative; width:100%; z-index:99; text-align:center; margin:0 auto; background: url(../images/prod_3_33.png) no-repeat center center; background-size:43% auto;}
.cont .phone img{ width:43%; display:table-cell; margin:0 auto; vertical-align:middle;}
.t1,.t2,.t3,.t4,.t5,.t6{ display:inline-block; width:31%; position:absolute; z-index:999; font-size:13px; line-height:1.6;}
.t1 strong,.t2 strong,.t3 strong,.t4 strong,.t5 strong,.t6 strong{ font-size:16px; display:block; margin:0 0 5px 0;}
.t1 em,.t2 em,.t3 em,.t4 em,.t5 em,.t6 em{ width:33px; height:33px; display:inline-block; position:absolute; zoom:1; -moz-border-radius:90px; -webkit-border-radius:90px; border-radius: 90px;  -webkit-transition: all 0.5s, -webkit-transform 0.5s;transition: all 0.5s, transform 0.5s;}
/*.t1:hover em,.t2:hover em,.t3:hover em,.t4:hover em,.t5:hover em,.t6:hover em{ width:0px; height:0px; margin:4px 0 0 0;}
*/





.cont .t1{  text-align:right; padding:0 60px 0 0; top:120px; left:0%;}
.cont .t1 em{ top:10px; right:0; background-color:#a5c8df;}

.cont .t2{  text-align:right; padding:0 60px 0 0; top:265px; left:0px;}
.cont .t2 em{ top:10px; right:0; background-color:#de262e;}

.cont .t3{  text-align:right; padding:0 60px 0 0; top:425px; left:0%;}
.cont .t3 em{ top:10px; right:0; background-color:#9ba3b2;}

.cont .t4{  text-align:left; padding:0 0 0 60px; top:120px; right:0%;}
.cont .t4 em{ top:10px; left:0; background-color:#5497c0;}

.cont .t5{  text-align:left; padding:0 0 0 50px; top:265px; right:0px;}
.cont .t5 em{ top:10px; left:0; background-color:#e95959;}

.cont .t6{  text-align:left; padding:0 0 0 50px; top:425px; right:0%;}
.cont .t6 em{ top:10px; left:0; background-color:#4f8cb0;}

@media (max-width: 1260px) {
.cont .t1{ top:110px;}
.cont .t4{ top:110px;}

.cont .t2{ top:235px;}
.cont .t5{ top:235px;}

.cont .t3{ top:380px;}
.cont .t6{ top:380px;}

}

@media (max-width: 1100px) {
.t1,.t2,.t3,.t4,.t5,.t6{ font-size:13px; line-height:1.4;}
.cont .t1{ top:85px;}
.cont .t4{ top:85px;}

.cont .t2{ top:205px;}
.cont .t5{ top:205px;}

.cont .t3{ top:340px;}
.cont .t6{ top:340px;}

}

@media (max-width: 950px) {
.t1,.t2,.t3,.t4,.t5,.t6{ font-size:12px; line-height:1.4;}
.cont .t1{ top:78px;}
.cont .t4{ top:78px;}

.cont .t2{ top:195px;}
.cont .t5{ top:195px;}

.cont .t3{ top:310px;}
.cont .t6{ top:310px;}

}
@media (max-width: 900px) {
.t1,.t2,.t3,.t4,.t5,.t6{ font-size:12px; line-height:1.4;}
.cont .t1{ top:78px;}
.cont .t4{ top:78px;}

.cont .t2{ top:195px;}
.cont .t5{ top:195px;}

.cont .t3{ top:310px;}
.cont .t6{ top:310px;}

}


.prod_4_1{ background:url(../images/prod_4_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.prod_4_1 .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; width:100%; font-size:22px; padding-bottom:50px; color:#fff; }
.prod_4_1 .slogan strong{ font-size:50px; display:block; clear:both; padding:10px 0; letter-spacing:0.1cm;}
.prod_4_1 .slogan span{ display:block;  padding:0 15px; margin:0 auto; text-align:left;}

.prod_4_2 { text-align:center; padding:30px 0;}
.prod_4_2 ul li{ display:inline-block; padding:8px 8px; position:relative; margin:10px 15px 10px 0;}
.prod_4_2 ul li a{ font-size:16px; text-align:center; padding:10px 30px;}
.prod_4_2 ul li a:hover{ background-color:#eee;}
.prod_4_2 ul li:after{ content: "";  width: 1px; height: 18px; background: #ccc;  position: absolute; bottom: 0; top:10px; margin:0 0 0 15px;}
.prod_4_2 ul li a.active{ background-color:#de262e; color:#fff; }
.prod_4_2 ul li:last-child:after{ display:none;}



 @media (max-width:992px){.prod_4_1 .slogan span{width:80%; margin:inherit !important;} .prod_4_1 .slogan strong{ font-size:40px; } .prod_4_1 .slogan{ text-align:left; }}
 @media (min-width:950px){.prod_4_1 .slogan span{width:920px;} .prod_4_1 .slogan strong{ font-size:40px; }}
 @media (min-width:1000px){.prod_4_1 .slogan span{width:970px;} .prod_4_1 .slogan strong{ font-size:40px; }}
 @media (min-width:1100px){.prod_4_1 .slogan span{width:1070px;} .prod_4_1 .slogan strong{ font-size:45px; }}
 @media (min-width:1260px){.prod_4_1 .slogan span{width:1230px} .prod_4_1 .slogan strong{ font-size:50px; }}
 
 		.p4 {
		  display: inline-block;
		  width: 33%;
		  padding: 0 2% 25px 0;
		  -webkit-box-sizing: padding-box;
		  box-sizing: padding-box;
		}
		.effects {
		  margin: 3em 15em;
		}
		@media only screen and (max-width: 959px) {
		  .p4 {
		    width: 32.5%;
		  }
		}
		@media only screen and (max-width: 659px) {
		  .p4 {
		    width: 49%;
		  }
		}
		@media only screen and (max-width: 460px) {
		  .p4 {
		    width: 100%;
			padding: 0 2% 15px 0;
		  }
		} 
 
 
.prod_5_1{ background:url(../images/prod_5_1.jpg) no-repeat center top; background-size:cover; padding:50px 0; width:100%; height:500px; display:table;}
.prod_5_1 .slogan{ display:table-cell; clear:both; vertical-align:middle; text-align:center; font-size:22px; padding-bottom:50px; color:#fff; }
.prod_5_1 .slogan strong{ font-size:50px; display:block; clear:both; padding:10px 0; letter-spacing:0.1cm;} 
 
.prod_5_2{ display:block; clear:both; padding:40px 0 60px; line-height:1.8; text-align:center; background-color:#f0eeef;}
.prod_5_2 h5{ font-size:30px; font-weight:normal; padding:0px; margin:8px 0 15px 0;}
.prod_5_2 h5 span{ color:#de262e;}

.prod_5_3{ padding:40px 0; }
.prod_5_3 h5{ font-size:30px; font-weight:normal; padding:0px; margin:8px 0 20px 0; text-align:center; }
.prod_5_3 h5 span{ color:#de262e;}
.prod_5_3 ul li{ display:inline-block; width:17%; margin:15px 3% 20px 0; padding:20px 1% 30px;  vertical-align:top; border:1px solid #e4e4e4;}
.prod_5_3 ul li:nth-child(5n){ margin-right:0;}
.prod_5_3 ul li em{ display:block; width:100%; max-width:130px; margin:0 auto 12px; padding:7px; text-align:center; clear:both;}
.prod_5_3 ul li em img{ width:85%;  background-color:#-webkit-transition: all .5s; transition: all .5s;}
.prod_5_3 ul li strong{ font-size:14px; line-height:1.6; text-align:center; display:block; clear:both; font-weight:normal;}
.prod_5_3 ul li:hover{ background-color:#f9f9f9;}
.prod_5_3 ul li:hover em img{ opacity: 0.7;-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1);}

 
.prod_5_4{ display:block; clear:both; padding:30px 0; line-height:1.8; text-align:center; background-color:#f0eeef;}
.prod_5_4 h5{ font-size:30px; font-weight:normal; padding:0px; margin:8px 0 15px 0;}
.prod_5_4 h5 span{ color:#de262e;}

.prod_5_5{ display:block; clear:both; padding:30px 0; line-height:1.8; text-align:center;}
.prod_5_5 h5{ font-size:30px; font-weight:normal; padding:0px; margin:8px 0 15px 0;}
.prod_5_5 h5 span{ color:#de262e;}
 

.prod_5_6{ padding:40px 0; background-color:#f0eeee; }
.prod_5_6 h5{ font-size:30px; font-weight:normal; padding:0px; margin:15px 0 40px 0; text-align:center;}
.prod_5_6 h5 span{ color:#de262e;}

.prod_5_6 { padding:20px 0; text-align:center;}
.prod_5_6 .list{ display:inline-block;  width:44%; margin:10px 6% 20px 0; padding:50px 40px; line-height:1.7; border:4px solid #eae5e5; background-color:#fff; vertical-align:top; text-align:center; background-color:#-webkit-transition: all .7s; }
.prod_5_6 .list strong{ background-color:#d51010; color:#fff; font-size:18px; padding:8px 0; margin:-65px auto 30px; display:block; clear:both;  transition: all .5s;}
.prod_5_6 .list:last-child{ margin-right:0;}
.prod_5_6 .list:hover strong{  margin:-75px auto 30px; }
.prod_5_6 .list ol{ list-style-type:demical;}
.prod_5_6 .list ol li{ width:100%; padding:0; line-height:1.5; margin:8px 0; border:none; text-align:left;  list-style-position:outside; list-style:outside; }

@media (max-width: 1150px) {
	.prod_5_4 img,.prod_5_5 img{ width:95% !important;}
}

@media (max-width: 850px) {
.prod_5_1 .slogan{  font-size:20px; padding-bottom:50px; }
.prod_5_1 .slogan strong{ font-size:40px; } 
	
}


@media (max-width: 600px) {
	
.prod_4_1{ height:250px !important; background-position:70% top;}	
.prod_4_1 .slogan{ font-size:15px; padding-bottom:20px;}
.prod_4_1 .slogan span{width:60%;}
.prod_4_1 .slogan strong{ font-size:28px; padding:5px 0;}

.prod_4_2 { text-align:left; padding:20px 0;}
.prod_4_2 ul li{ display:inline-block; padding:8px 8px; position:relative; margin:8px 0 8px 0;}
.prod_4_2 ul li a{ background-color:#eee;}
.prod_4_2 ul li:after{ display:none;}

.prod_5_1 { height:250px;}
.prod_5_1 .slogan{  font-size:18px; padding-bottom:40px; padding:0 25px; }
.prod_5_1 .slogan strong{ font-size:30px; } 

.prod_5_2{  padding:20px 0 30px; }
.prod_5_2 h5{ font-size:24px; }

.prod_5_3{ padding:20px 0; }
.prod_5_3 h5{ font-size:22px; }
.prod_5_3 ul li,.prod_5_3 ul li:nth-child(5n){ display:inline-block; width:47%; margin:5px 3% 10px 0; padding:10px 2% 15px;  vertical-align:top; border:1px solid #e4e4e4;}
.prod_5_3 ul li:nth-child(2n){ margin-right:0;}
.prod_5_3 ul li em img{ width:60%;}

.prod_5_4{ padding:20px 0; }
.prod_5_4 h5{ font-size:22px; }

.prod_5_5{ padding:20px 0; }
.prod_5_5 h5{ font-size:22px; }

.prod_5_6{ padding:20px 0; }
.prod_5_6 h5{ font-size:22px; }
.prod_5_6 .list{ display:inline-block;  width:100%; margin:10px 0 20px 0; padding:30px 40px 30px; line-height:1.7; border:4px solid #eae5e5; background-color:#fff; vertical-align:top; text-align:center; background-color:#-webkit-transition: all .7s; }
.prod_5_6 .list strong{ font-size:16px; padding:6px 0; margin:-50px auto 20px; }
.prod_5_6 #s1,.prod_5_6 #s2{ height:auto !important;}



.prod_3_1{ height:250px;}	
.prod_3_1 .slogan{ font-size:15px; padding-bottom:20px;}
.prod_3_1 .slogan strong{ font-size:30px; padding:5px 0;}

.prod_3_2{ padding:25px 0;}
.prod_3_2 .dec h5{ font-size:24px; }
.prod_3_2 .pic{ width:100%; margin-right:0; text-align:center; vertical-align:top; overflow:hidden;}
.prod_3_2 .pic img{ width:80%; margin:0 auto;}
.prod_3_2 .dec{ width:100%;}
.prod_3_2 .dec h5{ font-size:24px; text-align:center; font-weight:normal; padding:0px; margin:0 0 11px 0;}
.prod_3_2 .dec h5 b{ width:35px; height:3px; margin:5px auto 0;}


.prod_3_3{ padding:25px 0;}
.prod_3_3 .dec h5{ font-size:24px; }

.cont .phone img{ width:90%; display:table-cell; margin:0 auto; vertical-align:middle;}

.t1,.t2,.t3,.t4,.t5,.t6{ font-size:13px; text-align:left !important; padding:10px 0 10px 25px !important; position:static !important; left:0; right:0; top:inherit; width:100%; line-height:1.4;}
.t1 em,.t2 em,.t3 em,.t4 em,.t5 em,.t6 em{ width:10px; height:10px; display:inline-block; position:static; margin:6px 0 0 -20px; float:left;  left:0; right:0; top:inherit;  -moz-border-radius:90px; -webkit-border-radius:90px; border-radius: 90px; }

}

@media (max-width: 600px) {
.prod_4_1{ height:250px !important; background-position:56% top;}
.prod_4_1 .slogan span{width:70%;}
}


/*联系我们*/


.contact{ background:url(../images/contact1.jpg) no-repeat center top; background-size:cover; width:100%; height:500px; display:block;}

.contact2{ padding:40px 0;}
.contact2 .pic{ display:inline-block; width:47%; margin-right:4%; vertical-align:top; overflow:hidden;}
.contact2 .pic img{ width:100%; max-width:560px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.contact2 .dec{ display:inline-block; width:48%; vertical-align:top; line-height:1.8;}
.contact2 .dec h5{ font-size:25px; font-weight:normal; padding:0px; margin:8px 0 25px 0; line-height:1.4;}
.contact2 .dec h5 strong{ font-size:40px; text-transform:uppercase; display:block; font-weight:normal; padding:0px; margin:0px;}
.contact2 .dec h5 b{ background-color:#de262e; display:block; clear:both; width:55px; height:3px; margin:11px 0 0 0;}
.contact2 .dec .info{ line-height:2.5; font-size:15px;}
.contact2 .dec .info strong{ color:#de262e; font-size:22px; font-weight:normal;}
.contact2 .dec .info a{ text-decoration:underline;}

@media (max-width: 1000px) {
.contact{ height:380px;}	
}

@media (max-width: 800px) {
.contact{ height:250px;}	
.contact2{ padding:20px 0;}
.contact2 .pic{ display:block; width:98%; margin:0 auto; text-align:center;}
.contact2 .pic img{max-width:none;}
.contact2 .dec{ display:block; width:98%; margin:0 auto;}
.contact2 .dec h5{ font-size:18px; margin:8px 0 15px 0; }
.contact2 .dec h5 strong{ font-size:30px; }
.contact2 .dec .info{ line-height:2.2; font-size:15px; padding-bottom:15px;}

}

@media (max-width:480px) {
.contact{ height:190px;}	
}
@media (max-width:400px) {
.contact{ height:150px;}	
}













