@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
body,button, input, select, textarea {font:16px "Microsoft Yahei","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#333;transition:all 0.3s;}
a:hover {color:#000;}
.clear { clear:both; height:0; font-size:0px; line-height:0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;outline:none;}
.wrap {width:1200px;margin:0 auto;}
.ovh {overflow:hidden;}
table {border-collapse:collapse;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.posr {position: relative;}
.padd {padding:40px 0;}


/*header*/
.header {height:160px;box-shadow:0 0 5px rgba(0,0,0,0.2);}
.h_top {background-color: #f8f8f8;color:#545454;height: 40px;line-height: 40px;}
.h_tel strong {font-size: 24px;font-weight: bold;color:#e60012;}
.logo {float:left;margin:18px 0 0 5px;}
.nav {float:right;margin-top:40px;}
.nav li {float:left;margin-left:12px;}
.nav li a {display:block;font-size:17px;height:40px;line-height:40px;padding:0 20px;transition:all 0.2s;position:relative;}
.nav li a.active,.nav li a:hover {background-color: #e60012;color:#fff;}


/*index*/
.banner {position:relative;}
.banner .hd { width:100%;height:40px;position:absolute;left:0;bottom:0; z-index:2;}
.banner .hd ul { overflow:hidden; zoom:1;text-align:center;padding-top:5px;}
.banner .hd ul li { display:inline-block;vertical-align:top;margin:0 5px; width:15px; height:15px;border-radius:15px; text-indent:-9999px;border:2px solid #fff; cursor:pointer;position: relative;transition:all 0.3s;}
.banner .hd ul li.on {background-color:#fff;width:30px;}
.banner .bd {position:relative;}
.banner .bd li img {width:100%;}
.banner .prev,.banner .next{ position:absolute;left:2%;top:50%;margin-top:-25px; display:block;width:18px;height:50px;}
.banner .prev {background:url(../images/arrow_l.png) no-repeat;}
.banner .next {background:url(../images/arrow_r.png) no-repeat;left:auto;right:2%;}
.banner .prev:hover,.banner .next:hover {opacity:0.8;}

.index_tit {text-align:center;margin-bottom:40px;}
.index_tit h3 {font-size:35px;font-weight: bold;color:#e60012;}
.index_tit p {font-size: 15px;text-transform: uppercase;background:url(../images/tit_line1.png) no-repeat center center;margin-top: 10px;}
.index_tit2 h3 {color:#fff;}
.index_tit2 p {color:#fff;background:url(../images/tit_line2.png) no-repeat center center;}

.product {background-color: #f5f5f5;}
.pro_subnav {font-size: 0;text-align: center;margin-bottom: 40px;}
.pro_subnav li {display:inline-block;vertical-align:top;margin:0 35px;}
.pro_subnav li a {display: block;height: 40px;line-height: 40px;padding:0 50px;font-size: 17px;border:1px solid #172a88;border-radius:15px;}
.pro_subnav li a:hover {background-color: #172a88;color:#fff;}

.prolist li {float: left;width: 380px;margin:0 10px 15px;}
.prolist li a {display:block;}
.prolist li img {width:100%;height: 300px;}
.prolist li p {height: 55px;line-height: 55px;text-align: center;padding:0 5px;font-size: 17px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.prolist li a:hover {box-shadow:0 0 5px rgba(0,0,0,0.8);}

.video {background:url(../images/video_bg.jpg) no-repeat center center;background-size:cover;height: 420px;}
.video_scroll {position:relative;}
.video_scroll .bd ul{ overflow:hidden;height: 220px;zoom:1;}
.video_scroll .bd li {margin:0 10px;float:left;width:220px;overflow:hidden;text-align:center;}
.video_scroll .bd li a {display: block;}
.video_pic {position: relative;overflow: hidden;}
.video_pic img {width:100%;height:180px;transition:all 0.2s;}
.video_pic i {display: block;width: 60px;height: 60px;background:url(../images/play.png) no-repeat;position: absolute;top:50%;left:50%;margin-left:-30px;margin-top:-30px;}
.video_scroll .bd li p {font-size:15px;height: 40px;line-height:40px;text-align:center;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #fff;transition:all 0.3s;}
.video_arrow {position: absolute;top:50%;width:18px;height:50px;margin-top:-25px;}
.video_scroll .prev {background:url(../images/arrow_l.png) no-repeat;left:-50px;}
.video_scroll .next {background:url(../images/arrow_r.png) no-repeat;right:-50px;}
.video_scroll li a:hover .video_pic img {transform:scale(1.1);}
.video_scroll li a:hover p {color:#333;background-color: #fff;}

.about {background:url(../images/about_bg.jpg) no-repeat center center fixed;background-size:cover;height:625px;color:#fff;}
.about_txt {float: left;width: 730px;line-height: 30px;}
.about_txt p {margin-bottom:10px;text-indent:2em;}
.about_pic {float:right;width: 450px;height: 280px;background:url(../images/about_jia.png) no-repeat;margin-top: 30px;}
.about_pic li {float:left;width:50%;height: 140px;text-align: center;padding-top:25px;}
.about_pic li div {height:70px;}
.about_pic li p {font-size: 17px;}
.amore {display:block;width: 130px;height: 35px;line-height: 35px;text-align: center;color:#fff;margin:35px auto 0;background-color: #e60012;}
.amore:hover {transform:translateX(10px);color:#fff;}

.advantage {background:url(../images/advantage_bg.jpg) no-repeat center center;background-size:cover;height:700px;}
.advan_pic {float:left;width: 50%;}
.advan_txt {float:left;width: 50%;}
.advan_txt_wrap {width:540px;height:240px;margin:0 auto;padding-top:35px;border-top:1px solid #bfbfbf;}
.advan_txt_wrap2 {border-top:none;border-bottom:1px solid #bfbfbf;}
.advan_txt_item {height: 100px;}
.advan_txt_item h6 {color:#e60012;font-size: 18px;margin-bottom: 10px;background:url(../images/dot.png) no-repeat left center;padding-left:30px;}
.advan_txt_item p {color:#666;font-size: 13px;line-height: 22px;padding-left:30px;}


.news_list li {float:left;width:580px;margin:0 10px 20px;}
.news_list li a {display:block;overflow: hidden;}
.news_pic {float:left;width:280px;overflow: hidden;}
.news_pic img {width:100%;height:200px;}
.news_txt {float:right;width:280px;padding-right:5px;}
.news_txt h6 {font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:20px 0 5px;}
.news_txt span {display:block;font-size:12px;}
.news_txt p {font-size:15px;line-height:20px;margin:8px 0 15px;}
.news_txt b {font-size: 15px;color:#e60012;font-weight: normal;}
.news_list li a:hover {box-shadow:0 0 10px rgba(0,0,0,0.3);transform:translateY(-3px);}
.news_list li a:hover .news_txt h6 {color:#e60012;}


/*footer*/
.footer {background-color:#333;color:#fff;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.f_fast {padding:50px 20px 90px 20px;}
.f_fast h6 {font-size:20px;margin-bottom:20px;padding-left:30px;background:url(../images/farrow.png) no-repeat left center;}
.f_nav {float:left;width:280px;}
.f_nav ul {padding-left:30px;}
.f_nav li {margin-bottom:10px;}
.f_contact {float:left;width:380px;}
.f_contact p {margin-bottom:10px;padding-left:30px;}
.f_weixin {float:right;width:145px;margin-top: 40px;}
.f_weixin p {text-align: center;margin-top: 10px;}
.f_copy {text-align:center;padding:12px 0;border-top:1px solid #5c5c5c;}
.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:60px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;background:url(../images/backtop.png) no-repeat center top;height:16px;width:100%;margin-top:8px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}


/*common*/
.padd2 {padding:50px 0;}

.left {float:left;width:280px;}
.pnav h3 {height: 80px;line-height:80px;text-align: center;color:#fff;background-color: #e60012;font-size: 28px;}
.pnav ul {border:1px solid #ddd;border-top:none;}
.pnav ul li {font-size:20px;border-bottom:1px dashed #eee;padding:15px 20px 15px 50px;}
.pnav ul li:last-child {border:none;}
.pnav ul li a {display: block;}
.pnav ul li a:hover,.pnav ul li a.active {color:#e60012;}
.lcontact {margin-top:15px;background-color:#666;color:#fff;padding:20px 0;}
.lc_tit {height:50px;line-height:50px;text-align:center;font-size:18px;font-weight: bold;}
.lc_line {display: block;margin:0 auto;}
.lc_con {padding:20px 10px 0 20px;}
.lc_con p {margin-bottom:10px;}
.lc_con p span {visibility:hidden;}

.right {float:right;width:880px;}

.breadnav {border-bottom:1px solid #ddd;margin-bottom:30px;}
.breadnav h2 {float:left;font-size:23px;font-weight: bold;padding-bottom:10px;border-bottom:3px solid #e60012;}
.breadnav p {float:right;color:#999;font-size:14px;margin-top:16px;}
.breadnav p a {color:#999;}
.breadnav p a:hover {text-decoration:underline;color:#000;}

#pages {margin-top:35px;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:0 13px;height:36px;line-height:36px;margin:0 2px;border:1px solid #aaa;border-radius:3px;}
#pages a:hover,#pages span {border-color:#e60012;color:#e60012;}
#pages span {background-color:#e60012;color:#fff;}

/*news*/
.nlist li {border-bottom:1px dashed #ddd;}
.nlist li a {display:block;padding:15px;overflow:hidden;}
.nlist_pic {float:left;width:220px;}
.nlist_pic img {width:100%;height:157px;}
.nlist_txt {float:right;width:600px;}
.nlist_txt h6 {font-size:18px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:12px 0 5px;}
.nlist_txt span {display:block;font-size:12px;color:#999;}
.nlist_txt p {font-size:15px;line-height:20px;margin:8px 0 15px;}
.nlist_txt b {font-size: 15px;color:#e60012;font-weight: normal;}
.nlist li a:hover {box-shadow:0 0 5px rgba(0,0,0,0.3);}
.nlist li a:hover h6 {color:#e60012;}

.show_tit {font-size:25px;text-align:center;line-height:1.2;padding:0 15px;}
.show_des {color:#999;text-align:center;font-size:14px;padding:15px;border-radius:4px;background-color: #f5f5f5;margin-top: 20px;}
.show_con {color:#666;line-height:1.6;margin-top:30px;}
.show_con p,.show_con div {margin-bottom:15px;}
.show_con img {max-width:100%;height:auto !important;}

.spage {margin-top: 50px;border-top:1px solid #eee;color:#999;padding-top:20px;font-size: 15px;}
.spage p {padding:5px;}
.spage p a {color:#999;}
.spage p a:hover {color:#000;}


/*about*/
.showa_con {font-size:18px;}

/*product*/
.plist ul li {float:left;width:275px;margin:0 9px 18px;}
.plist li a {display:block;transition:all 0.3s;}
.plist li a img {width:100%;height:246px;}
.plist li a h6 {height:50px;line-height:50px;padding:0 5px;font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;}
.plist li a:hover {box-shadow:0 0 3px rgba(0,0,0,0.3);}
.plist li a:hover h6 {color:#e60012;}

.showp_pic {text-align:center;float:left;width:380px;}
.showp_txt {float:right;width: 460px;}
.showp_txt h2 {font-size:28px;font-weight:bold;margin-top:20px;}
.showp_txt p {color:#999;margin-top:20px;line-height: 1.5;}
.showp_tel {display:block;margin-top:30px;text-align: center;font-size:19px;border:1px dashed #e60012;padding:8px 0;}
.showp_contit {background-color:#f2f2f2;margin-top:30px;border-left: 5px solid #e60012;padding:10px;font-weight: bold;}
.showp_con {padding:30px 20px;border:1px solid #eee;color:#666;line-height:1.6;}
.showp_con p,.show_con div {margin-bottom:15px;}
.showp_con img {max-width:100%;height:auto !important;}


/*video*/
.vlist li {float:left;width:210px;margin:0 5px 10px;}
.vlist li a {display: block;}
.vlist_pic {overflow:hidden;position:relative;}
.vlist_pic img {width:100%;height:172px;transition:all 1s;}
.vlist_pic i {display:block;background:url(../images/play.png) no-repeat;width:75px;height:75px;position:absolute;top:50%;left:50%;margin-top:-38px;margin-left:-38px;}
.vlist li h6 {height:40px;line-height:40px;text-align:center;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent;}
.vlist a:hover .vlist_pic img {transform:scale(1.1);}
.vlist a:hover h6 {border-color:#e60012;}

.showv_con iframe {width:100%;height:600px;}