/*index*/
/* Slider */

.desktop_full .flexslider,
.desktop_full .flex-viewport,
.full .flexslider,
.full .flex-viewport,
.full .slides,
.full .slide-item { position: relative; height: 100% !important; min-height: 100%; max-height: 100%; background-size:cover; background-repeat: no-repeat; background-position: center; }

.slider_banner,#banner{ min-height: 500px; }
/* Control Nav */
.control_b .flex-control-nav { position: absolute; bottom: 30px; left:50%; width: 100%; height: 50px; line-height: 50px; margin-left:-50%; text-align: center; }
.flex-control-nav li { display: inline-block; margin:0 5px; }
.control_b .flex-control-nav a { width:8px; height:8px; background:#bbb; border-radius: 50%; display: inline-block; text-align: center; font-size: 14px; color: #C9CACA; cursor: pointer; zoom: 1;}
.flex-control-nav a:hover,
.flex-control-nav a:active,
.flex-control-nav a.flex-active { color: #004894; zoom: 1; background: #004894; }
#banner .slides a{ display: block; width:100%; height:100%; } 

#banner .flex-direction-nav{ overflow: hidden; position: absolute; top:50%; left:0px; z-index:9; width:100%; margin-top: -26px; }
#banner .flex-direction-nav li{ position: relative; transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease; }

#banner .flex-direction-nav li{ float:right; right:-100px; }
#banner .flex-direction-nav li:first-child{ float:left; left:-100px; }

#banner .flexslider:hover .flex-direction-nav li{ right:0; }
#banner .flexslider:hover .flex-direction-nav li:first-child{ left:0; }


.i_fit{ position: relative; padding:10px 0; }

.i_fit .title1{ padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.i_fit ul{ overflow: hidden; width:100%; padding:0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;  font-size: 0; }

.i_fit ul li{ width:calc(25% - 1px); position: relative; float:left; border-left:1px solid #dedede; }
.i_fit ul li a{ display: block; padding: 50px 0;}
.i_fit ul li a:hover{background-color: #f6f6f6;}
.i_fit ul li a img{ max-width:100%; width:10%; margin:0 auto 20px; transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease; }
.i_fit ul li:hover a img{ -webkit-transform:scale(1.2);transform:scale(1.2);-moz-transform:scale(1.2); transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease; }
.i_fit .info{ width:100%; padding:10px 0; overflow: hidden; position: relative; text-align: center; color:#fff; }
.i_fit .info *{ color:#333; font-family: "microsoft yahei","微软雅黑"; }
.i_fit .info hr{ background:#000; }
.i_fit .info h2{ font-weight: 600; }
.i_fit .info p{ font-size: 12px; }
/*.i_fit li:hover p{ color:#e60012; }*/

@media screen and (max-width: 720px) {
	.slider_banner,#banner{ min-height: 300px; }
	.i_fit .title1{ padding:10px 0; }
	.i_fit ul{ border:none; }
	.i_fit ul li{ width:50%; border:none; margin:10px 0; }
	.bor{ position: absolute; left:0; top:50%; width:1px; height:90%; margin-top: -37%; background:#aaabac; }
	.i_fit ul li a{ padding-top:30px; margin:0 10px; border-top:1px solid #aaabac; }
	.i_fit ul li:nth-child(3) a,.i_fit ul li:nth-child(4) a{ border-bottom:1px solid #aaabac; }
}

@media screen and (min-width: 721px) {
.i_trans ul li a{ display: block; position: relative; background:#45b7c2; }
	.i_trans ul li a .h_trans::before,.i_trans ul li a .h_trans::after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: all .35s; transition: all .35s; -moz-transition: all .35s; }
	.i_trans ul li a .h_trans::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -moz-transform: scale(0,1); }
	.i_trans ul li a .h_trans::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -moz-transform: scale(1,0); }

	/*.i_trans ul li a:hover .info{ opacity: 1; margin-top: 5px; -moz-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; }*/
	.i_trans ul li:hover img { opacity: .15; }
	.i_trans ul li:hover .h_trans::before,.i_trans ul li:hover .h_trans::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); }
}

.i_show{ position: relative; padding:10px 0; }
.wap_show{ display: none; }
.i_show ul{ width:100%; position: relative; }
.i_show ul li{ position: absolute; overflow: hidden; }

.i_show .info{ width:100%; overflow: hidden; position: absolute; top:50%; left:0; height:76px; margin-top: -38px; text-align: center; color:#fff; }
.info *{ font-family: "microsoft yahei","微软雅黑"; }

/*.i_show li:last-child .info{ text-align: center; top:50%; left:0; bottom:auto; margin }*/

.i_show hr{ width:20px; height:1px; background:#fff; margin:10px auto; }

.w1{ width:37.1%; }
.w2{ width:24.55%; }

.l1{ left:0; }
.l2{ left:37.727%; }
.l3{ left:75.454%; }

.t1{ top:0; }
.t2{ top:33.898%; }
.t3{ top:66.102%; }

@media screen and (max-width: 720px) {
	.i_show .pc_show{ display: none; }
	.wap_show{ display: block; overflow: hidden; }
	.i_show .wap_show li{ width:50%; float:left; position: relative; margin-bottom: 10px; }
	.i_show .wap_show li a{ display: block; }
	.i_show .wap_show li:last-child{ max-height: 300px; }
	.i_show .wap_show li .info h2{ font-size: 20px; }
	.i_show .wap_show li .info hr{ width:30px; }
	.i_show .wap_show li .info p{ font-size: 16px; }
	.i_show .wap_show li:first-child,.i_show .wap_show li:last-child{ width:100%; }
	.i_show .wap_show li:nth-child(3),.i_show .wap_show li:nth-child(5){ margin-left: 10px; }
}

.info h2{ font-weight:600; }


.i_zixun{ position: relative; padding:10px 0; }
.i_zixun ul{ position: relative; overflow: hidden; width:100%; }
.i_zixun ul li{ position: relative; float:left; }
/*.i_zixun .pc_zixun li{ margin-left: 10px; overflow: hidden; }
.i_zixun .pc_zixun li:first-child{ margin-left: 0px; }*/
.i_zixun .pc_zixun li{ width:37.046%; margin-left: 0.586%; overflow: hidden; }
.i_zixun .pc_zixun li:first-child{ width:24.736%; margin-left:0; }
.i_zixun .info{ width:100%; overflow: hidden; position: absolute; top:50%; left:0; height:62px; margin-top: -31px; text-align: center; color:#fff; }
.i_zixun .info hr,.i_hudong .info hr{ width:20px; height:1px; background:#fff; margin:5px auto; }
.i_zixun .info p{ width:80%; margin:0 auto; text-align: center; text-overflow: ellipsis; overflow: hidden; }  
.pc_zixun li a img{ -webkit-transition: all 1s ease; transition: all 1s ease; -moz-transition: all 1s ease; }
.pc_zixun li a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); }


.wap_zixun{ display: none; }
.wap_zixun li{ width:50%; float:left; overflow: hidden; margin-bottom: 10px; }
.wap_zixun li:first-child{ width:100%; }
.wap_zixun li:last-child{ margin-left: 10px; }
.wap_zixun .info{ font-family: "microsoft yahei","微软雅黑"; }
.wap_zixun .info h2{ font-size: 20px; }
.wap_zixun .info hr{ width:35px; }
.wap_zixun .info p{ font-size: 16px; }
@media screen and (max-width: 720px) {
	.pc_zixun{ display: none; }
	.wap_zixun{ display: block; }
}

/*.i_hudong{ padding:10px 0; }*/
.i_hudong ul{ width:100%; position: relative; overflow: hidden; }
.i_hudong ul li{ float:left; position: relative; }
.i_hudong ul li:first-child{ width:74.44%;margin-left: 0; }
.i_hudong ul li{ width:24.97%; margin-left: 0.59%; }
.i_hudong .info{ width:110px; overflow: hidden; position: absolute; top:20px; left:10px; text-align: center; color:#fff; }
.i_hudong .info *{ color:#333; }
.i_hudong .info hr{ background:#000; }
@media screen and (max-width: 720px) {
	.i_hudong{ display: none; }
}


/*mask*/
.sPop{ display: none; }
.sMask{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.5); }
.sPos{ position: fixed; top:30px; left:0; width:100%; z-index:10001; }
.classify{ position: relative; max-width:1290px; width:70%; margin:0 auto; padding:20px 50px; background:#fff; overflow: hidden; }
.classify h1{ font-family: "microsoft yahei"; font-size:30px; line-height: 60px; font-weight: 600; color:#585858; }
.classify .close{ position: absolute; top:20px; right:20px; display: block; width:32px; height:32px; background-image:url(../images/common/icon.png); background-repeat: no-repeat; background-position:-45px 0; cursor:pointer; }
.classify ul{ position: relative; width:100%; overflow: hidden; font-size:0; }
.classify ul li{ margin-bottom: 20px; margin-left:20px; display: inline-block; overflow: hidden; position: relative; }
/*.classify ul li:nth-child(4n+1){ margin-left:0; }*/
.classify ul li a{ display: block; }
.classify ul li a span{ display: block; position: absolute; bottom:0; left:0; width:110px; height:30px; padding:0 10px; overflow: hidden; line-height: 30px; font-size: 16px; background:rgba(0,0,0,0.5); color:#fff; }
.classify ul li a img{ max-width:100%; width:auto; display: block; }


/*查找适合您的产品*/
.f_pic span{ display: block; position: absolute; bottom:0; left:0; width:auto; height:30px; padding:0 10px; overflow: hidden; line-height: 30px; font-size: 16px;background-color: black; filter:alpha(opacity=50);-moz-opacity:50; -khtml-opacity: 50;opacity: 50; background:rgba(0,0,0,0.5); color:#fff; }

/*产品详情*/
.details{ overflow: hidden; margin-top: 5px;} 


.full .flexslider,
.full .slides,
.full .slide-item { position: relative; height: 100% !important; min-height: 100%; max-height: 100%; background-size:cover; background-repeat: no-repeat; background-position: center; }

/*#det_ban{ min-height: 300px; }*/
.d_img{  }
#goods_ban{ min-height: 480px; }


.det_nav{ position: absolute; bottom:-10px; right:0; z-index:9; overflow: hidden; font-size: 0; }
.det_nav li{ display: inline-block; }


#goods_ban{ width:40%; overflow: hidden; min-height: 525px; height:525px; float:left; }
#goods_ban ul li{ overflow: hidden; }
#goods_ban ul li img{ min-height:525px; }
#goods_ban ul li span{ position:absolute; bottom:0px;left:0px;height:30px;width:100%;background-color: black; filter:alpha(opacity=50);-moz-opacity:50; -khtml-opacity: 50;opacity: 50;background-color:rgba(0,0,0,0.5);display:block;padding: 0 10px;line-height: 30px;text-align:center;color:#fff;}

.d_details{ width:52%; overflow: hidden; padding-left: 4%; padding-right: 4%; padding-top:20px; float:left; }
.d_details hr{ width:30px; height:1px; background:#000; margin:10px 0; }
.d_details h2{ line-height: 30px; font-size: 26px; font-family: "microsoft yahei","微软雅黑"; }
.d_details p.d_con{ padding:10px 0; border-bottom:1px solid #dcdcdc; }
.d_details .pc_details div{ margin-top: 10px; }
.d_details .pc_details div p{ line-height: 30px; overflow: hidden; }
.d_details .pc_details div p em{ float:left; display: inline-block; position: relative; width:30px; height:30px; line-height: 30px; text-align: center; }
.d_details .pc_details div p i{ display: inline-block; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-image:url(../images/common/img.png); background-repeat: no-repeat; }
.d_details .pc_details div p i{ height:15px;width:27px;background-position:-67px 0; }
.d_details .pc_details div p+p i{ height:24px;width:31px;background-position:-148px 0; }
.d_details .pc_details div p+p+p i{ height:20px;width:27px;background-position:-94px 0; }
.d_details .pc_details div p+p+p+p i{ height:21px;width:27px;background-position:-40px 0; }
.d_details .pc_details div p+p+p+p+p i{ height:20px;width:27px;background-position:-121px 0; }
.d_details .pc_details div p+p+p+p+p+p i{ height:24px;width:24px;background-position:-16px 0; }
.d_details .pc_details div p+p+p+p+p+p+p i{ height:25px;width:16px;background-position:0 0; }
.d_details .pc_details div p strong{ float:left; min-width: 60px; margin:0 10px; font-size: 14px; }
.d_details .pc_details div p span{ float:left; font-weight: normal; font-size: 14px; line-height: 30px; font-family: "microsoft yahei","微软雅黑"; color:#000; }
.d_details .pc_details div p.color span s{ width:20px; height:20px; display: inline-block; border:1px solid #777777; margin-right:10px;  }
.d_details .pc_details div p.color span s{ background:#c8bd88;  }
.d_details .pc_details div p.color span s+s{ background:#008000;  }
.d_details .pc_details div p.color span s+s+s{ background:#c80000;  }
.d_details .pc_details div p:last-child span{ color:#c80000; }

.mobile_details{  }
.mobile_details div{ margin:10px 0; }

.d_details a{ padding:.50px 10px; letter-spacing: 2px; margin-top:20px; display: inline-block; font-size: 14px; border:1px solid #da251d; color:#da251d; }
.d_details a:hover{ border:1px solid #fff; background:#da251d; color:#fff; }
.mobile_details{ display: none; }

.pro{ margin-top: 20px; }
/*.sl_4 li span{ display: block; position: absolute; bottom:0; left:0; width:70px; height:30px; padding:0 10px; overflow: hidden; line-height: 30px; font-size: 1.6rem; background:rgba(0,0,0,0.5); color:#fff; }
.sl_4 li a img{ transition:all .8s ease; -moz-transition:all .8s ease;-webkit-transition:all .8s ease; -o-transition:all .8s ease; }
.sl_4 li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transform:scale(1.1); }*/

/*.sl_4{ width:100%; position: relative; }
.sl_4 .slides li{ position: relative; width:25%; float:left; padding-right: 10px; padding-bottom: 10px;  }
.sl_4 .slides li:nth-child(4n){ padding-right:0; }
.sl_4 .slides li div{ padding:0.5rem 1rem; }
.sl_4 .slides li div p{ color:#000; line-height: 2rem; }
.sl_4 hr{ width:3rem; height:1px; background:#000; margin:1rem 0; }
.sl_4 li span{ display: block; position: absolute; bottom:0; left:0; width:70px; height:30px; padding:0 10px; overflow: hidden; line-height: 30px; font-size: 1.6rem; background:rgba(0,0,0,0.5); color:#fff; }
.sl_4 ul li a{ display: block; overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sl_4 ul li a img{ transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease; }
.sl_4 ul li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transform:scale(1.1); }*/

.sl_4{ width:100%; position: relative; }
.sl_4 .slides li{ position: relative; width:25%; float:left; }
.sl_4 li span{ display: block; position: absolute; bottom:0; left:0; width:70px; height:30px; padding:0 10px; overflow: hidden; line-height: 30px; font-size: 16px; background:rgba(0,0,0,0.5); color:#fff; }
.sl_4 ul li a{ display: block; overflow: hidden; }
.sl_4 ul li a img{ transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease; }
.sl_4 ul li:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transform:scale(1.1); }

.sl_4 .flex-viewport li{ position: relative; margin-right: 10px; }
.sl_4 .flex-viewport li a{ display: block; }
.sl_4 .flex-viewport li span{ display: block; position: absolute; bottom:0; left:0; width:220px; height:30px; padding:0 10px; overflow: hidden; line-height: 30px; font-size: 16px;background-color: black; filter:alpha(opacity=50);-moz-opacity:50; -khtml-opacity: 50;opacity: 50; background:rgba(0,0,0,0.5); color:#fff; }

.sl_4 .flex-direction-nav{ position: absolute; top:50%; right:0; width:100%; margin-top:-30px; overflow: hidden; }
.sl_4 .flex-direction-nav li{ position: relative; transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease; }
.sl_4 .flex-direction-nav li:first-child{ float:left; left:-100px; }
.sl_4 .flex-direction-nav li:last-child{ float:right; right:-100px; }
.sl_4 .flex-direction-nav:hover li:first-child{ left:0; }
.sl_4 .flex-direction-nav:hover li:last-child{ right:0; }


.photo{  }

#pro_mask{ position: fixed; top:100%; left:0; width:100%; height:100%; background:#fff; z-index:10000; transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease; }
#pro_mask .good_mask li{ position: relative; font-size: 18px; color:#666; font-weight: 500 !important; }
#pro_mask .good_mask li h4{ position: absolute; top:0; left:0; padding:30px; }

.pro_mask .good_mask li div{ border:80px solid transparent; }
.pro_mask img{ width:auto; margin:0 auto; }
#pro_mask .flex-control-nav{ text-align: center; display: none;}
#pro_mask .flex-control-nav a{ font-size: 0; display: block; width:20px; height:5px; background:#979797; }
#pro_mask .flex-control-nav .flex-active{ border:none; background:#45b7c2; }
#pro_mask .flex-control-nav li:hover a{ border:none; background:#45b7c2; cursor:pointer; }

.story{ background:#f0f0f0; padding:20px 100px; }
.story hr{ width:30px; height:1px; background:#000; margin:10px 0; }
.story h3{ line-height: 30px; }
.story p{ padding:10px 0; }
.story p span{ display: block;  }

.pro_h{ position: relative; padding:20px 0; }
.pro_h hr{ width:40px; height:1px; margin:0 auto; background:#000; }
.pro_h h2{ text-align: center; line-height: 50px; font-family: "microsoft yahei","微软雅黑"; font-size: 26px; }

@media screen and (max-width: 720px) {
	#goods_ban{ width:100%; min-height: auto; }
	.d_details{ width:94%; padding:3%; }
	/*.pc_details{ display: none; }*/
	.sl_4 .slides li{ width:50%; }
	.sl_4 .slides li:nth-child(2n){ padding:0; }

	.pc_details{ width:100%; }
	.mobile_details{ display: block; }
	.mobile_details div{ margin:20px 0; }
	.mobile_details div h3{ line-height: 30px; }
	.mobile_details div p{ line-height: 20px; }
	.story{ width:94%; padding:20px 3%; }
}

/*关于*/
.a_pic div{ padding:10px; }
.a_pic hr{ width:30px; height:1px; background: #000; margin:10px 0; }
.a_pic p{ line-height: 30px; margin-bottom: 10px; font-size: 14px; white-space: normal; overflow: hidden; text-overflow:ellipsis; font-family: "microsoft yahei","微软雅黑"; }
.a_pic a{ position: relative; }
.a_pic a i{ display: block; position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; height:60px;width:60px; background-image: url(../images/common/icon.png); background-repeat: no-repeat; background-position:-334px 0; }

.a_intro{ position: relative; overflow: hidden; }
.a_intro li{ width:50%; overflow: hidden; float:left; background-position:center; background-size:cover; }
.a_intro li .h_intro{ width:80%; margin:20px auto; overflow: hidden; }
.a_intro li:first-child{ width:100%; }
.a_intro li:first-child .h_intro{ width:60%; margin:40px auto; }
.a_intro li:not(:first-child){ min-height:350px; }

.a_intro li h2{ line-height: 50px; font-size: 24px; font-weight: 500; }
.a_intro li *{ font-family: "microsoft yahei","微软雅黑"; }
.a_intro hr{ width:60px; height:1px; background:#000; margin:10px 0; }
@media screen and (min-width: 1100px) and (max-width: 1440px) {
	.a_intro li p{ line-height: 22px; }
}
.a_intro li:nth-child(4n+3){ float:left; }
.a_intro li:nth-child(4n){ float:right; }

@media screen and (max-width: 720px){
	.a_intro li{ width:100%; }
	.a_intro li .h_intro{ width:95% !important;  }

}
/*大事记*/
.a_event{ width:90%; margin:50px auto; }
.a_event hr{ width:60px; height:1px; background:#000; margin:10px 0; }
.a_event h2{ font-family:"microsoft yahei","微软雅黑"; line-height: 50px; font-weight: 600; }
.e_con div{ overflow: hidden; margin-bottom:20px; }
.e_con h3{ float:left; font-size: 22px; line-height: 26px; }
.a_event ul{ float:left; padding-left: 30px;max-width: 900px; }
.a_event ul li{ list-style:disc; line-height: 30px; font-size: 14px; }
.e_con div:hover h3{ color:#45b7c2; }
.a_event ul li:hover{ color:#45b7c2; }

.honor{ position: relative; width:100%; padding:20px 0; overflow: hidden; }
.honor li{ margin-left: 10px; float:left; transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease; }
.honor li:first-child{ margin-left: 0px; }
.honor li:hover{ -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transform:scale(1.1); }
.reason{ position: relative; overflow: hidden; margin-top:15px;}
.reason li{ width:21%;height: 260px; padding:20px 2%; float:left; overflow: hidden; text-align: center; }
/*.reason li i{ width:37px; height:42px; margin:0 auto; display: block; background-image:url(../images/common/cup.png); background-repeat: no-repeat; }*/
.reason li b{ width:37px; height:42px; margin:0 auto; display: block;font-size: 28px;font-weight: bold;color:#45b7c2; }
.reason li h2{ font-size: 20px; font-weight: bold; height:50px; line-height: 50px; overflow: hidden; text-align: center; white-space:nowrap; text-overflow:ellipsis; }

@media screen and (min-width: 721px) and (max-width: 1000px){
	.reason li h2{ font-size: 16px; }
}
@media screen and (max-width: 720px){
	.honor li{ margin-left:10px; margin-bottom:10px; }
	.honor li:nth-child(2n+1){ margin-left:0; }
	.reason li{ width:46%; }
}

/*新闻*/
.n_pic div{ padding:10px; }
.n_pic hr{ width:30px; height:1px; background: #000; margin:10px 0; }
.n_pic p{ height:60px; line-height: 20px; overflow: hidden; margin-bottom: 10px; font-size: 14px; font-family: "microsoft yahei","微软雅黑"; text-overflow:ellipsis; }
.n_pic h2{ font-family: "microsoft yahei","微软雅黑"; font-weight: 600; line-height: 30px; height:30px; overflow: hidden; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; }
/*.n_pic p a:hover{ color:#e60012; }*/
.n_foot{ margin:20px 0; position: relative; }


.h_ban{ position: relative; }
.n_details{ width:80%; margin:60px auto 0; overflow: hidden; }
.h_details h1{ font-size:30px; text-align: center; line-height: 30px; font-family: "microsoft yahei","微软雅黑"; }
.h_details h2{ font-size:18px; text-align: center; color:#da251d; line-height: 30px; overflow: hidden; white-space: normal; overflow: hidden; text-overflow:ellipsis; font-family: Arial; }
.h_details p{ text-align: center; line-height: 30px; overflow: hidden; }
.h_details p span{ padding:0 10px 0 5px; }
.h_details hr{ width:100%; height:1px; background:#bbbbbb; margin:20px auto; }

.h_det{ position: absolute; top:10px; left:10px; z-index:99; overflow: hidden; background-color: rgba(0,72,148,0.5); padding: 0 10px;}
.h_det p{ float:left; line-height: 30px; }
.h_det p span{ padding:0 8px; }
.h_det *{ color:#d0d0d0; }
.h_det p:last-child{ color:#45b7c2; }

.jiathis_style .ckepopBottom{ display: none; }

.share{ margin:30px 0; }
.share p{ color:#45b7c2; text-align: right; }
.share p a{ padding:0 5px; color:#45b7c2; }
#jiathis_webchat img{ width:220px !important; margin:0 auto; }
#jiathis_modal_footer{ padding-top:0 !important; }

.art_footer{ position: relative; overflow: hidden; background:#f0f0f0; }
.art_footer a{ position: relative; display: block; width:45.5%; padding:10px 2%; float:left; overflow: hidden; }
.art_footer a i{ display: block; position:absolute; top:10px; font-size: 26px; font-style: normal; }
.art_footer a:hover{ background:#45b7c2; }
.art_footer a:hover *{ color:#fff; }
.art_footer a.a_pre i{ left:20px; }
.art_footer a.a_next i{ right:20px; }
.art_footer a.a_pre{ border-right:1px solid #fff; }
.art_footer a span{ display: block; }
.art_footer a.a_pre span{ text-align: right; }
.art_footer a.a_next span{ text-align: left; }
.art_footer a p{ line-height: 20px; height:20px; width:70%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.art_footer a.a_pre p{ margin-left: 30%; text-align: right; }
.art_footer a.a_next p{ text-align: left; }

@media screen and (max-width:720px){
	.art-share{ display: none; }
}
/*magazine*/
.m_pic div{ padding:10px; text-align: center; }
.m_pic h2{ text-align: center; height: 30px; line-height: 30px; white-space: normal; overflow: hidden; text-overflow:ellipsis; }
.m_pic div a{ width:40%; display: inline-block !important; text-align: center; line-height: 20px; background:#fff; border:1px solid #000; }
.m_pic div a:hover{ background:#45b7c2; color:#fff; border:1px solid #45b7c2; }
@media screen and (min-width: 720px) and (max-width: 1000px){
	.m_pic h2{ font-size: 14px; }
	.m_pic div a{ width:45%; }
}



/*身边的萨米特*/
.ard_nav{ overflow: hidden; background:#eee; }
.ard_nav ul{ width:100%; height:40px; margin: 0 auto; overflow: hidden; }
.ard_nav li{ float:left; line-height: 40px; padding:5px; position: relative; }
/*.ard_nav li:last-child{ display: none; }*/
.ard_nav li a{ display: inline-block; font-size: 14px; }
.ard_nav li i{ display: inline-block; margin-left: 6px; width:10px; height:6px; background-image: url(../images/common/b_arrow.png); background-repeat: no-repeat; transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease; }
.ard_nav li:hover i{ background-image: url(../images/common/r_arrow.png); transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.ard_nav li:hover *{ color:#45b7c2; }


.con_nav{ width:80%; margin:0 auto; overflow: hidden; position: relative; }
.con_nav .p_search{ position: absolute; right:10px; top:50%; margin-top: -12px; }
.con_nav .p_search div{ position: relative; }
.con_nav input{ width:100px; height:20px; padding:2px 5px; }
.con_nav .p_search a{ position: absolute; top:0; bottom:0; margin:auto 0; right:5px; display: block; width:13px; height:13px; background-image:url(../images/common/Layer.png); background-repeat: no-repeat; }
.ard_list{ width:100%; background:#e5e5e5; height:0; overflow: hidden; }
.ard_list p{ width:80%; margin:0 auto; }
.ard_list span{ padding:5px; cursor:pointer; word-break:keep-all; }
.ard_list span:hover{ background:#fff; color:#45b7c2; }

@media screen and (max-width: 720px) {
	.con_nav{ width:96%; }
	.ard_nav li{ display: none; }
	.ard_nav li:last-child{ display: block; }
}


.ard_pic{ position: relative; overflow: hidden; margin:20px 0; }
.ard_pic li{ width:21%; margin:0 1%; padding:20px 1%; float:left; overflow: hidden; border-bottom: 1px solid #e5e5e5; cursor:pointer; }
.ard_pic li h2{ font-size: 18px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.ard_pic li p{ line-height: 20px; height:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.ard_pic li:hover{ background:#45b7c2; }
.ard_pic li:hover *{ color:#fff; }

.ard_foot{ margin:50px 0; }
@media screen and (max-width: 720px){
	.ard_pic li{ width:46%; }
}
@media screen and (max-width: 500px){
	.ard_pic li{ width:96%; }
}

/*加入我们*/
.join{ padding-bottom: 80px; }
.mask{ position: fixed; top:0; left:0; background:rgba(0,0,0,0.5); min-width:320px; width:100%; height:100%; z-index:1000000; display: none; text-align: center; }
.jod{ position: relative; width:100%; height:100%; }
.j_info{ display: table; width:40%; height:100%; margin:0 auto; }
.j_box{ display:table-cell; vertical-align:middle; text-align: left; }

.j_box h2{ padding-left:20px; font-size: 24px; line-height: 40px; font-weight: 600; position: relative; background:#b60000; color:#fff; overflow: hidden; }
.j_box h2 span{ position: relative; width:40px; height:40px; display: inline-block; cursor:pointer; float:right; background:#da251d; }
.j_box h2 i{ position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:25px; height:25px; background-image:url(../images/common/icon.png); background-repeat: no-repeat; background-position:-285px -74px; }
.job_info{ padding:10px 20px; background:#fff; }
.j_box h3{ font-size: 16px; line-height: 30px; font-weight: 600; }
.j_box p{ line-height: 20px; font-family: "宋体"; color:rgba(0,0,0,0.8); }
.job_info a{ padding:5px 10px; border:1px solid #da251d; margin:10px 0; color:#da251d; display: inline-block; }

@media screen and (max-width: 720px){
	.j_info{ width:90%; }
}
@media screen and (max-height: 800px){
	.j_info{ display: block; }
	.mask{ position: absolute; }
}

/*登录*/
.login{ width:100%; position: relative; background-size:100%; }
.login .log_bg{ width:100%; min-height:430px; background-size:cover; background-position: center; position: relative; } 
.login .log{ width:240px; height: 256px; position: absolute; top:50%; left:50%; margin-top:-128px; margin-left: -120px; overflow: hidden; }
.login .log form{ width:100%; }
.login .log div{ margin:0 auto; padding-bottom: 10px; line-height: 30px; }
.login .log input{ width:218px; height:20px; padding:5px 10px; line-height: 20px; background: transparent; border:1px solid #adadb3; }
.login .log input.submit{ width:100%; height:30px; margin-top: 10px; font-size: 18px; padding:0; line-height: 30px; text-align: center; border:none; background-color:#da251d; color: #fff; cursor:pointer; }
.login h2{ text-align: center; line-height: 30px; font-size: 24px; font-family: "microsoft yahei","微软雅黑"; }
.c_log p{ color:#45b7c2; }

/*会员中心*/
.c_pic div{ padding:10px; }
.c_pic hr{ width:30px; height:1px; background: #000; margin:10px 0; }
.c_pic h2{ font-size: 18px; font-weight: 600; font-family: "microsoft yahei","微软雅黑"; }
.c_pic h2 a{ color:#000 !important; }
/*.c_pic h2 a:hover{ color:#da251d !important; }*/
.c_pic p{ height:48px; line-height: 24px; margin-bottom: 10px; font-size: 14px; white-space: normal; overflow: hidden; text-overflow:ellipsis; font-family: "microsoft yahei","微软雅黑"; }
.c_pic div a{ display: block; height:30px; line-height: 30px; overflow: hidden; }
/*.c_pic div a:hover{ color:#e60012; }*/
.c_pic div span{ padding:10px 0; }
.c_pic a i{ float:left; width:25px; height:25px; margin-right: 9px; background-image: url(../images/common/icon.png); background-repeat:no-repeat; background-position:-294px -37px; }
.center{ margin:30px 0; }
.c_pic a{ position: relative; }
.c_pic a s{ display: block; position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; height:60px;width:60px; background-image: url(../images/common/icon.png); background-repeat: no-repeat; background-position:-334px 0; }

/*map*/
.s_map{ overflow: hidden; position: relative; }
.s_map .left{ width:50%; min-height: 270px; position: relative; background-position: center; background-size: cover; }
.s_map .left .topPagesTab{ position: absolute; top:0; left:0; }
/*.s_map .left img{ min-height: 270px; }*/
.m_word{ background:#f0f0f0; position: relative; overflow: hidden; }
.m_word div{ padding-top:30px; padding-left: 30px; }
.m_word hr{ width:30px; height:1px; background: #000; margin:10px 0; }
.m_word h1{ height:50px; line-height: 50px;font-weight: normal; font-size: 24px; font-family: "microsoft yahei","微软雅黑"; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.m_word p{ line-height: 24px; font-family: "宋体"; } 

.p_map{ padding-top:30px; }
.p_map hr{ width:30px; height:1px; background:#000; }
.p_map h2{ text-align: center; font-size: 24px; font-family:"microsoft yahei","微软雅黑"; line-height: 50px; margin-bottom: 30px; }
.map{ width:100%; height:60px; overflow: hidden; }

.p_map ul{ overflow: hidden; width:70%; margin:0 auto; }
.p_map ul li{ width:16%; float:left; overflow: hidden; margin:0 2%;  }
.p_map ul li p{ margin-top: 10px; text-align: center; color:rgba(0,0,0,0.8); }

 
@media screen and (max-width: 720px){
	.s_map .left{ width:100%; }
	.m_word{ padding-bottom:30px; }
}

@media screen and (max-width: 600px){
	.p_map ul{ width:90%; }
	.p_map ul li{ width:40%; margin-left: 10%; margin-bottom: 30px; }
	.p_map ul li:nth-child(2n+1){ margin-left: 0; }
}

/*联系我们*/
.t_con{ position: relative; padding:30px 0 15px; }
.t_con hr{ width:30px; height:1px; background:#000; }
.t_con h2{ text-align: center; line-height: 50px; font-size: 26px; font-family: "microsoft yahei","微软雅黑"; }

.contact{ overflow: hidden; }
.contact ul{ overflow: hidden; width:60%; margin:0 auto; padding-bottom: 30px; }
.contact ul li{ float:left; width:24%; padding:0 3%; margin-left:5%; }
.contact ul li:first-child{ margin-left:0; }
.contact ul li i{ display: block; width:21px; height:21px; margin:0 auto; background-repeat: no-repeat; background-position: center; }
.contact ul li i{ background-image: url(../images/common/phone.png); }
.contact ul li+li i{ background-image: url(../images/common/place.png); }
.contact ul li+li+li i{ background-image: url(../images/common/email.png); }
.contact ul li p{ margin-top: 10px; font-size: 12px; text-align: center; line-height: 20px; }

.t_form{ width:100%; padding:30px 0; background:#f0f0f0; }

.t_con2{ position: relative; }
.t_con2 hr{ width:30px; height:1px; background:#000; }
.t_con2 h2{ text-align: center; line-height: 50px; font-size: 26px; font-family: "microsoft yahei","微软雅黑"; }

.message{ width:80%; margin:0 auto; overflow: hidden; }
.message *{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.col-sm-4{ width:33.33333%; float:left; }
.p-l-s{ padding-left:10px; }
.message input{ width:100%; padding:10px; border:1px solid #c4c4c4; border-radius: 3px; background: #fff; }
.message input:first-child{ margin-left:0; }
.message textarea{ width:100%; height:100px; padding:10px; margin-top:30px; border:1px solid #c4c4c4; border-radius: 3px; background: #fff; }
.message input.submit{ width:80px; margin:20px auto; padding:7px 10px; text-align: center; color:#da251d; display: block; background:transparent; border:1px solid #da251d; }

/*后期修改方向导航样式一*/
.flex-direction-nav li a{ height:60px;width:60px; display: block; background-image: url(../images/common/arrow_dir.png); background-repeat: no-repeat; background-position: center; font-size: 0; transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease; }

.flex-direction-nav li a{ background-position:0 -60px; }
.flex-direction-nav li a:hover{ background-position:-60px -60px; }
.flex-direction-nav li:first-child a{ background-position:-60px 0; }
.flex-direction-nav li:first-child a:hover{ background-position:0 0; }

/*后期修改方向导航样式二*/
.d_mask{ position: absolute; top:0; right:0; z-index:9; width:40px; height:40px; background-image: url(../images/common/details.png); background-repeat: no-repeat; background-position:-23px 0; cursor: pointer; }
#pro_mask .flex-direction-nav li{ position: absolute; width:80px; top:80px; bottom:80px; }

#pro_mask .flex-direction-nav li{ right:0; }
#pro_mask .flex-direction-nav li:first-child{ left:0; }
#pro_mask .flex-direction-nav li a{ position: absolute; top:50%; margin-top: -7px; transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease; }
#pro_mask .flex-direction-nav li a{ height:15px;width:10px; display: block; background-image: url(../images/common/details.png); background-repeat: no-repeat; background-position: center; font-size: 0; transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease; }

#pro_mask .flex-direction-nav li a{ right:20px; background-position:0 -15px; }
#pro_mask .flex-direction-nav li:first-child a{ left:20px; background-position:0 0; }



/*后期修改案例列表图片响应*/
.over-img{
	overflow: hidden;
	padding: 0 !important;
}
.xysimg{
	height: 0;
	position: relative;
	overflow: hidden;
}
.xysimg img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	width: auto;
	max-width: none !important;
	max-height: 100% !important;
	display: block;
}
.case-tp{
	padding: 0 !important;
	padding-bottom: 78.75% !important;
}
.case-list-text{
	padding: 10px !important;
}

.hyzx-tp{
	padding-bottom: 50% !important;
}


/*404*/
.a404{
	text-align: center;
	padding-top: 200px;
	padding-bottom: 200px;
}
.a404 #num{
	margin-top: 20px;
	background-color: #e74c3c;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid #e74c3c;
	text-decoration: none;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.a404{
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
@media screen and (max-width: 575px) {
	.a404{
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
/*404 end*/