@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,select,textarea{ outline:none;}



.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

.clearfix:after{ content: ""; display: table; clear: both;}



.pic{ overflow: hidden;}

.pic img{ max-width: 100%; display: block; width: 100%; transition: all 0.5s;transform: scale(1);}



.left{ float:left;}

.right{ float:right;}


.prodetail{ margin: 20px 0 0 0; }
.prodetail img{ margin:0 0 20px 0; }


.aboutbg,

.newsbg,

.corbg,

.prodetailbg,

.honorbg{ overflow: hidden;}



.logo{ width: 100%; max-width: 1200px; margin: 0 auto;}



.searchform{ float: left; margin: 30px 0 0 170px;}

.searchform input{ float: left;}

.searchform input.stext{ width: 220px; height: 31px; border: 1px solid #a0a0a0; border-right: none; padding: 0 8px;}

.searchform input.sbut{ width: 45px; height: 33px; background: #aa242a; color: #fff; border: none;}

.searchform input::-webkit-input-placeholder{ color: #a0a0a0;}

.searchform input::-moz-input-placeholder{ color: #a0a0a0;}

.searchform input::-ms-input-placeholder{ color: #a0a0a0;}

.searchform input::input-placeholder{ color: #a0a0a0;}



nav{ width: 100%; line-height: 60px; background:#252122;}

nav ul{ width: 100%; max-width: 1200px; margin: 0 auto;}

nav ul li{ display: block; float: left; width: 14.28%; text-align: center;}

nav ul li a{ display: block; color: #fff; font-size: 16px;}

nav ul li:hover a,

nav ul li.this a{ color: #fff; background: #aa242a;}





.banner{ width: 100%; height: 600px; background: url(../images/index_08.jpg) center no-repeat;}

.nbanner{ width: 100%; height: 310px; background: url(../images/about_02.jpg) center no-repeat;}



.npic .newstext img{ max-width: 100%; margin: 0 0 20px 0; }





.block_home_slider { position: relative;	background-color: #ffffff;	text-align: center;} 



.block_home_slider .slide {position:relative;}



.block_home_slider .caption {padding:13px 16px 12px; position:absolute; bottom:0px; background:url(bg_caption.png); text-align:left;}



.block_home_slider .flex-direction-nav a {width:25px; height:44px; margin-top:-25px; display:block; position:absolute; top:50%; background-repeat:no-repeat; text-indent:-9000px; background-size: contain;}



.block_home_slider .flex-direction-nav a.flex-prev { background-image:url(../images/an4.png); left:10%;}



.block_home_slider .flex-direction-nav a.flex-prev:hover { background-image:url(../images/an3.png);}



.block_home_slider .flex-direction-nav a.flex-next { background-image:url(../images/an2.png); right:10%;}



.block_home_slider .flex-direction-nav a.flex-next:hover { background-image:url(../images/an.png);}



.block_home_slider .flex-control-paging { display:inline-block; bottom:70px; position:absolute; z-index:9999; margin-left: -140px;}



.block_home_slider .flex-control-paging li { margin: 0px 15px; padding: 0px; float: left; list-style-type: none;}



.block_home_slider .flex-control-paging li a{width:63px; height:4px; display:block; text-indent:-9000px; cursor:pointer; background: rgba(255,255,255,0.5);}



.block_home_slider .flex-control-paging li a.flex-active { background: rgba(255,255,255,1);}







.block_home_post_feature {width:300px;}



.block_home_post_feature p {padding-bottom:0px;}













.flexslider {margin: 0; padding: 0;}



.flexslider .slides > li {	display: none;	-webkit-backface-visibility: hidden;	list-style-type: none;}



.flexslider .slides img {width: 100%; display: block;}



.flex-pauseplay span {text-transform: capitalize;}



.flex-direction-nav li{ display: block;}







.advbg .adv{ width: 100%; max-width:1200px; margin: -30px auto 0 auto; position: relative; z-index: 99999;}

.advbg .adv ul{}

.advbg .adv ul li{ width: 23.333%; padding: 5%; float: left; display: block; text-align: justify; background-image: linear-gradient(90deg, #aa242a, #890006);}

.advbg .adv ul li h1{ width: 48%; padding: 0 2% 0 0; float: left; font-size: 16px; font-weight: bold; color: #fff; text-align: right; line-height: 54px;}

.advbg .adv ul li h1 span{ font-size: 48px;}

.advbg .adv ul li h3{ width: 48%; padding: 0 0 0 2%; float: left; font-size: 18px; color: #fff; font-weight: normal;}

.advbg .adv ul li h3 span{ display: block; color: #fff; text-transform: uppercase; font-size: 12px; padding: 2px 0 5px 0; border-bottom: 1px solid #fff;}

.advbg .adv ul li .tb{ width: 70px; height: 70px; margin: 5px auto 0 auto;}

.advbg .adv ul li:nth-child(1) .tb{ background: url(../images/index_11.png) center no-repeat;}

.advbg .adv ul li:nth-child(2) .tb{ background: url(../images/index_13.png) center no-repeat;}

.advbg .adv ul li:nth-child(3) .tb{ background: url(../images/index_15.png) center no-repeat;}


.advbg .adv ul li:hover .tb {

  -webkit-animation: icon-bounce 0.5s alternate;

  -moz-animation: icon-bounce 0.5s alternate;

  -o-animation: icon-bounce 0.5s alternate;

  animation: icon-bounce 0.5s alternate;

}







.stitle{ text-align: center;}

.stitle h1{ font-size: 30px; font-weight: normal; color: #1c1c1c;}

.stitle h1 p{ font-size: 16px; text-transform: uppercase; color: #b0b0b0;}



.stitle .line span{ display: inline-block; vertical-align: middle;}

.stitle .line span:nth-child(2){ width: 8px; height: 8px; background: #aa242a; margin: 0 10px;}

.stitle .line span:nth-child(1),

.stitle .line span:nth-child(3){ width: 275px; height: 1px; background: #b2b2b2;}







.newsbg{ background: #f4f9ff; padding: 135px 0 75px 0;}



.newsbg .news{ width: 100%; max-width:1200px; margin: 0 auto;}







.newsbg .news .left{ width: 52%; margin: 50px 0 0 0; padding: 1.5%; background: #fff;}



.newsbg .news .left:hover{ background-image: linear-gradient(45deg, #0376d1, #00c0ff); box-shadow: 0 0 12px 0 #ccc;}



.newsbg .news .left:hover *{ color:#fff !important; border-color: #fff !important;}



.newsbg .news .left:hover .pic img{ transition: all 0.5s;transform: scale(1.2);}



.newsbg .news .left .ncontent{ margin: 3% 0 0 0;}



.newsbg .news .left .date{ float: left; width: 13%; text-align: center; font-size: 12px; color: #a0a0a0;}



.newsbg .news .left .date span{ display: inline-table; border-bottom: 1px solid #a0a0a0; font-size: 14px; padding: 0 0 10px 0; font-weight: bold;}



.newsbg .news .left .date p{ padding: 10px 0 0 0;}



.newsbg .news .left .ntext{ float: left; width: 87%;}



.newsbg .news .left .ntext h1{ color: #1f1f1f; font-weight: bold; font-size: 18px;}



.newsbg .news .left .ntext p{ color: #818181; font-size: 14px; margin: 10px 0 0 0;}



.newsbg .news .right{ width: 42.5%; margin: 50px 0 0 2.5%;}



.newsbg .news .right li{ display: block; background: #fff; margin: 0 0 17px 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newsbg .news .right li a{ display: block; padding: 3.5%;}



.newsbg .news .right li a .date{ float: left; width: 12%; margin: 0 2% 0 0; text-align: center; font-size: 12px; color: #a0a0a0;}



.newsbg .news .right li a .date span{ display: inline-table; border-bottom: 1px solid #a0a0a0; font-size: 14px; padding: 0 0 10px 0; font-weight: bold;}



.newsbg .news .right li a .date p{ padding: 10px 0 0 0;}



.newsbg .news .right li a .ntext{ float: right; width: 86%;}



.newsbg .news .right li a .ntext h1{ color: #1f1f1f; font-weight: bold; font-size: 18px;}



.newsbg .news .right li a .ntext p{ color: #818181; font-size: 14px; margin: 10px 0 0 0;}



.newsbg .news .right li:hover{ background-image: linear-gradient(45deg, #0376d1, #00c0ff); box-shadow: 0 0 12px 0 #ccc; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newsbg .news .right li:hover *{ color:#fff !important; border-color: #fff !important; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







.newsbg a.more{ display: block; width: 140px; font-size: 14px; line-height: 40px; text-align: center; border: 1px solid #fe6102; color: #fe6102; background: #fe6102; color: #fff; border-radius: 5px; margin: 70px auto 0 auto;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newsbg a.more:hover{ border: 1px solid #fe6102; color: #fe6102; background: none; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}











.blk_18 { zoom:1; font-size:9pt;width:1200px; margin-left:-15px; position: relative;}

.blk_18 .pcont { width:1215px; float:left; overflow:hidden; padding-left:10px; padding-top: 10px; height: 110px; }

.blk_18 .ScrCont { width:32766px; zoom:1; }

.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }

.blk_18 .LeftBotton { width:23px; height:39px; position: absolute; background:url(../images/index_46.jpg) no-repeat; top: 40px; left:-45px;}

.blk_18 .RightBotton{ width:23px; height:39px; position: absolute; background:url(../images/index_48.jpg) no-repeat; top: 40px; right:-50px;}

.blk_18 .LeftBotton:hover{ background:url(../images/index_47.jpg) no-repeat;}

.blk_18 .RightBotton:hover{ background:url(../images/index_50.jpg) no-repeat;}

.blk_18 .pl img { display:block; cursor:pointer; border:none; }

.blk_18 .pl { float:left; text-align:center;}



























.pro{ width: 100%; max-width:1200px; margin: 80px auto;}

.pro .profl{ text-align: center; margin: 3% 0 0 0;}

.pro .profl ul{}

.pro .profl ul li{ display: inline-table; width: 16%; line-height: 60px; background: #eeeeee; position: relative; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro .profl ul li a{ display: block; font-size: 22px; font-weight: bold; color: #545454;}

.pro .profl ul li:hover,

.pro .profl ul li.this{ background: #aa242a; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro .profl ul li:hover a,

.pro .profl ul li.this a{ color: #fff;}

.pro .profl ul li img{ position: absolute; left: 50%; margin-left: -13px; bottom: -11px; opacity: 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro .profl ul li:hover img,

.pro .profl ul li.this img{ opacity: 1; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.pro .proul{}

.pro .proul ul{}

.pro .proul ul li{ display:block; width: 31.333%; margin: 3% 3% 0 0; float: left;}

.pro .proul ul li .pic{ background: url(../images/index_28.png) #1b1b1b center no-repeat;}

.pro .proul ul li:hover .pic img{ opacity: 0.2;}

.pro .proul ul li p{ line-height: 53px; border-bottom: 2px solid #aa242a; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro .proul ul li:hover p{ background: #aa242a; color: #fff; padding: 0 15px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.pro .proul ul li:nth-child(3),
.pro .proul ul li:nth-child(6),

.pro .proul ul li:nth-child(9){ margin: 3% 0 0 0;}





.pro a.more{ display: block; margin: 70px auto 0 auto; width: 250px; font-size: 14px; line-height: 40px; text-align: center; border: 1px solid #1b1b1b; background: #1b1b1b; color: #fff; border-radius: 5px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro a.more:hover{ border: 1px solid #1b1b1b; color: #1b1b1b; background: none; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.tuijian{ margin: 0 auto; border-top: 1px dashed #bfbfbf; padding: 10px 0 60px 0;}





.newscate{ padding: 90px 0 40px 0; margin: 0 auto; width: 100%; max-width: 1200px; text-align: right;}



.newscate span{ display: block; width: 78%; float: left; margin: 23px 0 0 0; height: 1px; background-image: linear-gradient(45deg, #0091ff, #36c7ff); }



.newscate li{ display: inline-block; text-align: center; padding: 10px 15px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newscate li:hover,



.newscate li.this{ background:#aa242a;; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newscate li a{ display: block; font-size: 18px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newscate li:hover a,



.newscate li.this a{ color:#fff; font-weight: bold; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newscate .nctitle{ float: left; display: inline;}





.snewsbg{ background: #fff; padding: 0 0 80px 0;}



.snewsbg .snewsul{ margin: 0 auto; width: 100%; max-width: 1200px;}



.snewsbg .snewsul li{ display: block; border-bottom: 1px solid #9ea2a3; padding: 3%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.snewsbg .snewsul li .left{ width:28%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.snewsbg .snewsul li .middle{ width: 55%; float: left; margin: 40px 0 0 40px;}



.snewsbg .snewsul li .middle .sntitle{ font-size: 20px; font-weight: bold; color: #474747; margin: 0 0 20px 0;}

.snewsbg .snewsul li:hover .middle .sntitle{ color: #305dc4;}



.snewsbg .snewsul li .middle .sntext{ font-size: 12px; color: #646464; line-height: 24px;}



.snewsbg .snewsul li .right{}



.snewsbg .snewsul li .right .sndate{ color: #434343; font-size: 20px; margin: 20px 0 0 0;}



.snewsbg .snewsul li .right img{ margin: 70px 0 0 0;}







.snewsbg .snewsul li:last-child{ border:none;}



.snewsbg .snewsul li:hover{ background:#fff; box-shadow: 0 0  12px 0 #ccc; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.snewsbg .snewsul li:hover .left{ margin: 0 0 0 3%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}








.snewsbg .rec{
	margin-top: 40px;
}
.snewsbg .rec li{
	border-bottom: 1px solid #ccc;
}
.snewsbg .rec li a{
	display: block;
}
.snewsbg .rec li .middle{
	margin: 0;
}
.snewsbg .rec li .middle .sntitle{
	margin: 0;
}
.snewsbg .rec li .right .sndate{
	margin: 0;
}







#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}



#baguetteBox-overlay.visible{opacity:1}



#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}



#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}



#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}



#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}



#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}



#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}



#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}



#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}



.baguetteBox-button#next-button,



.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}



.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}



.baguetteBox-button:focus,



.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}



.baguetteBox-button#next-button{right:2%}



.baguetteBox-button#previous-button{left:2%}



.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}



.baguetteBox-button svg{position:absolute;left:0;top:0}



.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}



.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}



.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}













.ncontactbg{ padding: 0;}



.ncontact{ margin: 0 auto; width: 100%; max-width: 1200px;}

.ncontact .nctop{ background-image: linear-gradient(90deg, #aa242a, #890006); margin-top: -25px;}



.ncontact .left{ width:40%; float: left; padding: 5%; background:#efefef;}

.ncontact .left form{ width:100%;}





.ncontact .right{ width: 40%; float: left; padding: 5%;}

.ncontact .right p{ font-size: 16px; color: #fff; line-height: 30px;}



.ncontact .right h1{ font-size: 24px; color: #fff; margin: 40px 0 0 0; padding: 0 0 10px 0; display: inline-table; border-bottom: 1px solid #fff;}

.ncontact .right h2{ font-size: 18px; color: #fff; font-weight: normal; margin: 70px 0 0 0;}

.ncontact .right h5{ font-size: 12px; color: #fff; font-weight: normal; margin: 0 0 25px 0;}

.ncontact .right a{ color: #fff;}











.ncontact .tableborder li{ display: block; width: 100%; float: left; margin: 0 0 5px 0; overflow: hidden; position: relative;}



.ncontact .tableborder li.miaoshu{ width: 100%;}



.ncontact .tableborder li.sub{ width: 100%;}



.ncontact .tableborder li.miaoshu span{width: 10%;}



.ncontact .tableborder input[type="text"]{ width:94%; height: 35px; padding: 0 1%; background: #fff; border: none;}



.ncontact .tableborder input[type="text"]#key{ width:55%; height: 35px; padding: 0 1%; background: #fff; border: none; float: left;}



.ncontact .tableborder textarea{width: 94%;height: 70px;padding: 1%; background: #fff; border: none; outline: none;}



.ncontact .tableborder *{ letter-spacing: 0 !important;}



.ncontact .tableborder li img{ border-radius: 10px; float: left; margin: 0 0 0 10px; height: 37px;}



.ncontact .subbutton{width: 96.5%; height: 40px; background:#aa242a; border:none;font-size:16px; color:#fff; display: block; margin: 10px 0 0 0;}







.aboutbg{ background: url(../images/index_32.jpg) center top no-repeat; padding: 120px 0 0 0; position: relative; z-index: 999999; margin: 100px 0 0 0;}



.aboutbg .stitle h1{ color: #fff;}

.aboutbg .stitle h1 p{ color: #fff;}

.aboutbg .stitle .line span:nth-child(2){ background: #fff;}

.aboutbg .stitle .line span:nth-child(1),

.aboutbg .stitle .line span:nth-child(3){ background: #fff;}



.aboutbg .about{ width: 100%; max-width:1200px; margin: 50px auto 0 auto; background: #aa242a;}

.aboutbg .about .left{ margin: -17px 0 20px 20px;}

.aboutbg .about .left img{ display: block;}

.aboutbg .about .right{ padding: 60px 50px 0 55px; width: 526px;}

.aboutbg .about .right h1{ font-size: 18px; color: #fff;}

.aboutbg .about .right h5{ font-size: 12px; color: #fff; font-weight: normal; margin: 0 0 20px 0;}

.aboutbg .about .right p{ font-size: 14px; line-height: 24px; color: #fff;}

.aboutbg .about .right a.more{ display: block; float: right; width: 110px; height: 35px; border: 1px solid #fff; margin: 30px 0 0 0; background: url(../images/index_39.png) center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.aboutbg .about .right a.more:hover{ background: url(../images/index_39_01.png) #fff center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.honor{ width: 100%; max-width:1200px; margin: 80px auto;}

.honor ul{}

.honor ul li{ display: block; float: left; margin: 0 48px 0 0;}

.honor ul li:hover img{ transition: all 0.5s;transform: scale(1.2);}







/* animation */

@keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-webkit-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-moz-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-o-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}









.servicebg{ padding: 80px 0 0 0; height: 342px;}

.servicebg .service{ width: 100%; max-width:1200px; margin: 40px auto 0 auto;}

.servicebg .service ul{}

.servicebg .service ul li{ display: block; width: 25%; float: left; overflow: hidden;}

.servicebg .service ul li div{ min-height: 220px;}

.servicebg .service ul li div.text{ background: #aa242a; text-align: center; color: #fff; position: relative; z-index: 9;}

.servicebg .service ul li div.text h1{ font-size: 28px; padding: 80px 0 0 0;}

.servicebg .service ul li div.text p{ font-size: 14px; font-weight: bold; font-weight: normal; text-transform: uppercase;}

.servicebg .service ul li div.tb{ position: relative; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.servicebg .service ul li div.tb img{ position: absolute; left: 50%; margin-left: -13px;}

.servicebg .service ul li:nth-child(1) div.tb{ background: url(../images/index_62.jpg) #fff center no-repeat; background-size: cover;}
.servicebg .service ul li:nth-child(2) div.tb{ background: url(../images/index_56.jpg) #fff center no-repeat; background-size: cover;}
.servicebg .service ul li:nth-child(3) div.tb{ background: url(../images/index_65.jpg) #fff center no-repeat; background-size: cover;}
.servicebg .service ul li:nth-child(4) div.tb{ background: url(../images/index_58.jpg) #fff center no-repeat; background-size: cover;}

.servicebg .service ul li:nth-child(2) div.text,
.servicebg .service ul li:nth-child(4) div.text{
	background: #252122;
}

.servicebg .service ul li:nth-child(2) div.tb img,

.servicebg .service ul li:nth-child(4) div.tb img{ position: absolute; left: 50%; margin-left: -13px; bottom: -1px;}

.servicebg .service ul li:hover .tb { transition: all 0.5s;transform: scale(1.2);}





.footer .right .tableborder li{ display: block; width: 100%; float: left; margin: 0 0 3px 0; overflow: hidden; position: relative;}
.footer .right .tableborder li.miaoshu{ width: 100%;}
.footer .right .tableborder li.sub{ width: 100%;}
.footer .right .tableborder li.miaoshu span{width: 10%;}
.footer .right .tableborder input[type="text"]{ width:94%; height: 35px; padding: 0 1%; background: none; border: 1px solid #fff; margin: 0;}
.footer .right .tableborder textarea{width: 94%;height: 70px;padding: 1%; background: none; border: 1px solid #fff; outline: none;}
.footer .right .tableborder *{ letter-spacing: 0 !important;}
.footer .right .tableborder input[type="text"]#key{ width:30%; height: 35px; padding: 0 1%; background: none; border: 1px solid #fff; vertical-align: middle; margin: 0;}
.footer .right .tableborder li img{ margin: 0 0 0 3%; height: 37px; vertical-align: middle;}
.footer .right .subbutton{width: 33%; height: 36px; background:#305dc4; vertical-align: middle; border:1px solid #305dc4;font-size:16px; color:#fff; margin: 0 0 0 3%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.footer .right .subbutton:hover{ background:none; color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.footer .right img{
	width: 120px;
	height: 120px;
}






.pro .npic{}

.pro .npic ul{}

.pro .npic ul li{ display:block; width: 31.333%; margin: 3% 3% 0 0; float: left; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro .npic ul li .pic{}

.pro .npic ul li:hover{box-shadow: 0 0 12px 0 #ccc; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.pro .npic ul li:hover .pic img{transition: all 0.5s;transform: scale(0.9);}

.pro .npic ul li p{ line-height: 53px; border: 1px solid #eeeeee; padding: 0 15px; border-top: none; font-size: 16px;}

.pro .npic ul li:hover p{ border: 1px solid #fff; border-top: none; color: #365dc2;}



.pro .npic ul li:nth-child(3),
.pro .npic ul li:nth-child(6),

.pro .npic ul li:nth-child(9){ margin: 3% 0 0 0;}











.newsbg{ background: #f5f5f5; padding: 135px 0 75px 0; margin: 80px 0 0 0;}

.newsbg .news{ width: 100%; max-width:1200px; margin: 0 auto;}



.newsbg .news .left{ width: 52%; margin: 50px 0 0 0; padding: 1.5%; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.newsbg .news .left:hover{ background: #aa242a; box-shadow: 0 0 12px 0 #ccc; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.newsbg .news .left:hover *{ color:#fff !important; border-color: #fff !important; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.newsbg .news .left:hover .pic img{ transition: all 0.5s;transform: scale(1.2);}

.newsbg .news .left .ncontent{ margin: 3% 0 0 0;}

.newsbg .news .left .date{ float: left; width: 13%; text-align: center; font-size: 12px; color: #a0a0a0;}

.newsbg .news .left .date span{ display: inline-table; border-bottom: 1px solid #a0a0a0; font-size: 14px; padding: 0 0 10px 0; font-weight: bold;}

.newsbg .news .left .date p{ padding: 10px 0 0 0;}

.newsbg .news .left .ntext{ float: left; width: 87%;}

.newsbg .news .left .ntext h1{ color: #1f1f1f; font-weight: bold; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.newsbg .news .left .ntext p{ color: #818181; font-size: 14px; margin: 10px 0 0 0;}

.newsbg .news .right{ width: 42.5%; margin: 50px 0 0 2.5%;}

.newsbg .news .right li{ display: block; background: #fff; margin: 0 0 17px 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.newsbg .news .right li a{ display: block; padding: 3.5%;}

.newsbg .news .right li a .date{ float: left; width: 12%; margin: 0 2% 0 0; text-align: center; font-size: 12px; color: #a0a0a0;}

.newsbg .news .right li a .date span{ display: inline-table; border-bottom: 1px solid #a0a0a0; font-size: 14px; padding: 0 0 10px 0; font-weight: bold;}

.newsbg .news .right li a .date p{ padding: 10px 0 0 0;}

.newsbg .news .right li a .ntext{ float: right; width: 86%;}

.newsbg .news .right li a .ntext h1{ color: #1f1f1f; font-weight: bold; font-size: 18px;}

.newsbg .news .right li a .ntext p{ color: #818181; font-size: 14px; margin: 10px 0 0 0;}

.newsbg .news .right li:hover{ background: #aa242a; box-shadow: 0 0 12px 0 #ccc; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.newsbg .news .right li:hover *{ color:#fff !important; border-color: #fff !important; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.newsbg a.more{ display: block; margin: 70px auto 0 auto; width: 250px; font-size: 14px; line-height: 40px; text-align: center; border: 1px solid #aa242a; background: #aa242a; color: #fff; border-radius: 5px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.newsbg a.more:hover{ border: 1px solid #aa242a; color: #aa242a; background: none; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







footer{ padding:65px 0; background: #1b1b1b;}

.footer{ width: 100%; max-width: 1200px; margin: 0 auto;}

.footer h1{ margin:0 0 30px 0; font-size: 18px; color: #fff;}

.footer .left{width: 600px;float: left;}

.footer .left p{ font-size: 14px; line-height: 26px; font-weight: normal; color: #fff;}

.footer .left h2{ font-size: 18px; color: #fff; margin: 30px 0 0 0;}

.footer .left h5{ font-size: 12px; color: #fff; font-weight: normal; margin: 0 0 12px 0;}
.footer .left a{
	color: #fff;
}
.footer .middle{ width:300px; float: left; padding:0 0 0 0;}

.footer .middle li{ width:100%; display: block; line-height: 14px; padding: 0 0 0 0; line-height: 26px;}

.footer .middle li a{ font-size: 14px; color: #bfbfbf; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.footer .middle li:hover a{ color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.footer .right{ width:300px; float: right; text-align: right; color: #fff; font-size: 14px;
line-height: 30px;
}



.fcopy{ line-height:40px; text-align: center; background: #313131; color: #fff; font-size: 12px;}

.fcopy a{ color: #fff; font-size: 12px;}





.nctitle{ margin: 0 0 30px 0;}

.nctitle h1{ font-size: 30px; display: inline; font-weight: normal; color: #222222; margin: 0 5px 0 0;}

.nctitle h2{ font-size: 14px; display: inline; font-weight: normal; color: #afafaf; text-transform: uppercase;}





.nabout{ width: 100%; max-width: 1100px; margin: -25px auto 0 auto; padding: 80px 50px; background: #fff;}

.nabout p{ font-size: 14px; line-height: 24px; padding: 0 0 10px 0; margin: 0 0 10px 0; }




.nservicebg{height:auto; background: none;}



.nadvbg{ background: url(../images/about_05.jpg);}

.nadvbg .adv{ margin: 0 auto;}

.nadvbg .adv ul li{ background: none;}

.nadvbg .adv ul li h1{ color: #fff; width: 100%; text-align: center;}

.nadvbg .adv ul li h1 span{ color: #fff;}

.nadvbg .adv ul li h3{ width: 100%; text-align: center;}

.nadvbg .adv ul li h3 span{ border: none;}













.menubut,

.menuclose,

.block_home_slider2,

.wappro,

.wapprodetail,
.logo img:nth-child(2),
nav ul li.first{ display: none;}















@media screen and (max-width: 768px) {

	.logo{ position:fixed; top: 0; left: 0; z-index: 9999999; background: #fff; box-shadow: 0 0 12px 0 #ccc; padding: 5px 0;}

	.logo .left{ max-width: 78%; float: none; display: block; margin: 0 auto;}



	.block_home_slider{ display: none;}

	.block_home_slider2{ display: block; margin: 101px 0 0 0;}
	.block_home_slider .flex-direction-nav a.flex-prev{ left: 5%;}
	.block_home_slider .flex-direction-nav a.flex-next{ right: 5%;}

	.nbanner{ height: 200px; margin: 101px 0 0 0;}

	
	input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

	nav,

	.blk_18,

	.searchform,

	.logo .right,

	.stitle .line span,

	.logo img:nth-child(1),
	.search{ display: none;}

	
	.logo img:nth-child(2){ display: block;}

	.advbg,

	.cor,

	.newsbg,

	.storybg,

	.culture,

	.fadv,

	.nhonor,

	.ncontactbg,

	.hehuobg,

	.aboutbg{ padding: 50px 0;}

	

	.stitle li h1{ font-size: 24px;}

	.stitle li p{ font-size: 20px; margin: 0;}

	.stitle li:nth-child(1), .stitle li:nth-child(3){ display:none;}

	

	.aboutbg .about .left img{ max-width: 100%;}

	.aboutbg .about .right{ width:90%; margin: 0 5%;}

	.aboutbg .about .right a.more{ float: none; margin: 45px auto 0 auto;}

	

	.honor ul li{ margin: 5%; width: 40%;}

	.honor ul li:last-child{ margin: 5%;}

	

	.advbg .adv{ margin: 0 auto;}

	.advbg .adv ul li{ width:80%; margin: 5%;}

	.advbg .adv ul li h1{ font-size: 24px;}

	.advbg .adv ul li h1 span{ font-size: 40px;}

	.advbg .adv ul li p{ height: 125px;}

	

	.advbg .adv ul li:last-child{ width:80%; margin: 0 5%;}

	.advbg .adv ul li:last-child p{ height: auto;}

	

	.aboutbg{ padding:50px 0 0 0;}

	.aboutbg .about .left{ margin:0;}

	.aboutbg .about .right{ margin: 8% 5%; padding: 0;}

	

	.pro{ margin:50px auto;}

	.pro .profl ul li{ width:23%; line-height: 40px;}

	.pro .profl ul li a{ font-size:14px;}

	.pro .proul ul li{ width:90%; margin: 5% 5%;}
	.pro .proul ul li:nth-child(3), .pro .proul ul li:nth-child(6), .pro .proul ul li:nth-child(9){ margin: 5%;}
	

	.newsbg .news .left{ width: 87%; float: none; margin: 50px 5% 0 5%;}

	.newsbg .news .left .ntext p{ margin: 0;}

	.newsbg .news .right{ float: none; width:90%; margin: 5% 5% 0 5%;}

	.newsbg a.more{ float: none; margin:5% auto 0 auto;}

	

	.cor .corul{ margin: 20px 0 0 0;}

	.cor .corul li{ width: 50%;}

	.cor .corul li:nth-child(2) .pic,

	.cor .corul li:nth-child(4) .pic,

	.cor .corul li:nth-child(6) .pic,

	.cor .corul li:nth-child(8) .pic{ border: none;}

	

	.footer .left{ padding: 0 5%; width: 90%;}

	.footer .middle{ display: none;}

	.footer .right{ display: none;}

	

	.fcopy{ padding:15px 0; line-height: 18px; font-size: 12px;}

	

	.honor{ margin: 0 auto;}

	.servicebg .service ul li{ width:50%;}

	

	.menubut{ display: block; position: fixed; right: 15px; top: 34px; z-index: 999999999; }

	.menuclose{ display: none; position: fixed; right: 15px; top: 20px; z-index: 99999999999; }

	

	nav{ position: fixed; right: 0; width: 50%; height: 100%; top: 0; z-index: 9999999999; line-height: 50px;}

	nav ul li{ width: 100%; border-bottom: 1px solid #fff;}

	nav ul li.first{ display: block; line-height: 60px; color: #fff; font-weight: bold; font-size: 20px;}

	nav ul li a{ height:47px;}

	

	.nbanner{ height: 200px;}

	

	.naboutbg{ padding:50px 0 0 0;}

	.naboutbg .nabout .left{ width:90%; margin: 0 5%; padding: 25% 0;}

	.naboutbg .nabout .left p{ padding:20px; background: rgba(255,255,255,.6); color: #444;}

	

	.newsbg{ margin:0;}

	

	.prodetail{ margin: 0 auto;}

	.prodetail img{ max-width: 100%;}

	
	.pro .npic ul li:nth-child(3), .pro .npic ul li:nth-child(6), .pro .npic ul li:nth-child(9){margin: 5%;}
	

	.newscate{ text-align: center; padding: 30px 0;}

	.newscate span{ display: none;}

	

	.snewsbg .snewsul li .left{ width: 100%;}

	.snewsbg .snewsul li .middle{ width:100%; margin: 20px 0;}

	.snewsbg .snewsul li .right{ display: none;}

	
	.newstext img{ max-width:100%;}
	.newstext video{ max-width:100% !important;}
	

	.jieshao{ margin: 50px auto; width:90%;}

	.jieshao .text{ font-size: 14px; line-height: 24px;}

	.jieshao .text span{ font-size: 22px;}

	

	

	.jieshao .jieshaoul li{ width:100% !important; margin: 0 0 20px 0 !important;}

	.jieshao .jieshaoul li img{ margin: 0 auto !important;}

	.jieshao .jieshaoul li h4{ text-align: center !important;}

	.jieshao .jieshaoul li:nth-child(2) p,

	.jieshao .jieshaoul li:nth-child(3) p{ margin:0; text-align: center;}

	

	

	.gongneng{ height:390px;}

	

	.fadv ul{ margin:5% 0 0 0;}

	.fadv ul li{ width: 90%; margin: 5%;}

	.fadv ul li img{ float:right; margin: 0;}

	.fadv ul li h3{ width: 60%; float: left;}

	.fadv ul li p{ width: 60%; float: left; height: auto;}

	

	.nhonor .honor ul{ margin: 5% 0 0 0;}

	.hehuobg .hehuo ul{ margin: 5% 0 0 0;}

	

	.hehuobg .hehuo ul li{ width: 50%; margin: 0 0 20px 0;}

	.hehuobg .hehuo ul li .tb{ margin: 0 auto;}

	.ncontactbg{ padding:0;}

	.ncontact .nctop{ margin-top:0;}

	.ncontact{ overflow:hidden;}

	.ncontact .left{ width: 90%; margin: 0;}

	.ncontact .right{ width: 90%; margin: 5%;}

	.ncontact .right form{ width: 100%;}

	.ncontact iframe{ position: relative; left: 50%; margin-left: -600px;}

	

	

	

	.block_home_slider .flex-control-paging{ bottom:10px;}

	.block_home_slider .flex-control-paging li{ margin: 0 8px;}

	

	

	.newstext>table{display:none;}

	

	.nabout{ margin:10% 5%; width: 90%; padding: 0;}

	

	

	.nctitle{ width:90%; margin: 0 5%;}

	.pro .npic ul li{ width:90%; margin: 5%;}

	.pro .npic ul li:nth-child(3), .pro .npic ul li:nth-child(6){ margin: 5%;}

	

	

	

	.wappro{ display:block;}

	.wapprodetail{ display:block;}

	.wappro img{ margin: 10px 0 0 0; width: 100% !important; height: 100% !important; max-width: 100%;}

	

	

	

	.servicebg .service ul li div.text p{
		font-size: 12px;
	}

	

	

	

	

	

}