@charset "UTF-8";
/* CSS Document */
/*-----top------*/
/*header*/
header{ margin:0 auto; padding:15px 0;}
header .top_c{ margin:0 auto; }
.logo_r{ width:350px; height:50px; float:left; }
.top_co{ float:left; padding-left:30px;}
.top_co img{ display:inline-block; vertical-align:middle;}
.top_co p{ font-size:28px; font-weight:bold; color:#eb0000; display:inline-block;vertical-align:middle; padding-left:10px; line-height:18px; padding-top:5px;}
.top_co p i{ font-size:12px;}
.top_l{ width:335px; height:42px; float:right; background:#f1f1f1; line-height:42px;}
.top_search{ width:257px; padding:5px; border:none; line-height:28px; text-indent:10px; background:none; float:left;}
.top_but{ color:#fff; background:#e60027; height:42px; text-align:center; display:inline-block; width:68px; float:right;}
.top_l a:hover{ color:#fff; background:#ce0023;}
.nav{ width:100%; height:54px; background:#213652;}
.nav_c{ width:1200px; margin:0 auto;}
.nav_c ul li{ float:left;}
.nav_c ul li a{ color:#fff; display:inline-block; height:54px; line-height:54px; width:134px; text-align:center; font-weight:bold; font-size:16px;}
.nav_c ul li a.curr,.nav_c ul li a:hover{ background:#eb0000;}

/*focusImg*/
.focusImg{
	width:100%;
	height: 420px;
	overflow: hidden;
	position: relative;
}
.focusImg .hd{
	position: absolute;
	left: 0;
	bottom:40px;
	width:100%;
	height: 10px;
	text-align: center;
	z-index: 1;
}
.focusImg .hd li{
	float: left;
	width:10px;
	height: 10px;
	background: #fff;
	border-radius: 5px;
	margin:0 10px;
	cursor: pointer;
}
.focusImg .hd li.on{
	background:#e50000;
}
.focusImg .bd{
	position: relative;
	height: 425px
}
.focusImg .bd li{
	width:100%;
	height: 425px
}

/*Video-News*/
.video{ margin:20px auto; position:relative;}
.video_01{ width:515px; height:360px; float:left; overflow:hidden;}
.video_02{ float:left; margin-left:16px;}
.video_02_t{ width:292px; height:170px; margin-bottom:20px;}
.news{ width:360px; height:360px; float:right; position:relative; z-index:1; margin-top:-130px;}
.news_t{ background:#e42425; display:block; padding:40px 40px 0px 40px; height:70px;}
.news_t p{ display:inline-block; color:#fff; font-size:22px; line-height:22px; width:245px;} 
.news_t p i{ color:#f18a8e; font-size:12px;}
.news_t a{ display:inline-block; vertical-align:top; margin-top:10px;}
.news_b{ padding:0 15px; overflow:hidden; background:#f2f2f2;}
.news_b ul li{ width:100%; border-bottom:1px solid #dadada; padding:17px 0;}
.news_b ul li a:hover h1{ color:#e42425;}
.news_b ul li:last-child{ border:none;}
.news_b .news_img{ float:left; width:92px; overflow:hidden; height:92px;}
.news_b .news_img { width:92px; height:92px;  transition: .9s;}
.news_b .news_img img:hover { transform: scale(1.2); transition: .5s;}



.news_b .news_text{ width:215px; float:right;}
.news_b .news_text h1{ font-size:16px; color:#333; margin-bottom:6px;}
.news_b .news_text i{ font-size:14px; color:#bcbcbc;}
.news_b .news_text p{ font-size:12px; color:#bbb; line-height:18px; padding-top:8px;}

/*about*/
.about{ margin:30px auto; height:auto; overflow:hidden;}
.about ul li{ float:left;}
.about_txt{ float:left;width: 30%;margin-left: 1%;}
.about_txt h3{ font-size:30px; color:#303030;}
.about_txt h3 span{ color:#c8c7cc; font-size:16px;}
.about_txt a:hover h3{ color:#e50000;}

/*product*/
.product{ margin:50px auto 50px; width:1200px;}
.product_tl{ margin:0 auto;}
.product_tl_l{ font-size:30px; color:#000; height:75px;}
.product_tl_l span{ font-size:16px;}
.product_tl_r {padding-top:12px;}
.product_tl_r a{ margin-left:10px; margin-right:6px; font-size:16px; color:#C00; }
.product_c{ width:1200px; margin:0 auto;}
.product_c ul li{ float:left; margin-right:30px; margin-bottom:35px;}
.product_c ul li:last-child{ margin-right:0px;}

.top_ico{ width:106px; height:84px; background:url(../images/top_ico.png) no-repeat; margin-bottom:-84px; position:relative; z-index:2;}
.img_pic { width:260px; overflow:hidden; height:240px; margin-bottom:8px;}
.img_pic img { width:260px; height:250px;  transition: .5s;}
.img_pic img:hover { transform: scale(1.2); transition: .5s;}
.img_box{ width:260px; float:left;}
.img_box h1{ font-size:20px; color:#000; line-height:34px; padding-top:10px;}
.img_box a:hover h1{ color:#e50000;}
.img_box p{ color:#666; font-size:16px; line-height:25px;}

/*公司简介*/
.cont_us{ width:100%; background:url(../images/cont_bg.png) no-repeat bottom; height:auto; padding-bottom:50px; margin:10px auto 0;}
.cont_us_c{ margin:0 auto;}
.cont_usl{ width:460px;}
.cont_usr h1{ font-size:36px; color:#000; margin-bottom:40px;}
.cont_usr a:hover h1{ color:#e42425;}
.cont_usr h1 i{ font-size:26px;}
.cont_usr p{ font-size:18px; color:#333333; line-height:30px; margin-bottom:30px;}
.cont_usr span{ display:inline-block; padding:10px 50px; color:#c1c1c1; border:1px solid #c1c1c1;}
.cont_usr{ width:670px; padding-left:68px; padding-top:4px;}
/*友情链接*/
.link{ margin:0 auto;}
.link_c { padding:15px 0;}
.link_c h1{ font-size:14px; color:#333;}
.link_c h1 a{ color:#666; margin:0px 12px;}
.link_c h1 a:hover{ color:#e42425;}

footer{ background:#213752; margin:0 auto;}
footer .foot{ margin:0 auto; padding:40px 0;}
footer .foot_l{ width:530px; float:left;}
footer .foot_l ul li a{ color:#b9c0c8; display:block; font-size:14px;}
footer .foot_l ul li{ float:left; width:110px; color:#b9c0c8; font-size:14px; line-height:35px; margin-right:50px;}

.foot_c{ color:#b9c0c8; width:125px; text-align:center; float:left; padding-top:10px;}
.foot_r{ float:right; width:449px;color:#b9c0c8; padding-top:10px;}
.foot_r p{ font-size:18px; margin-bottom:35px;}
.foot_r ul li{ width:220px; color:#b9c0c8; line-height:25px; font-size:12px; float:left;}

/*联系客服*/
.zixun {
    position: fixed;
    top: 50%;
    right:100px;
    z-index: 994;
    margin-top: -76px;
}
.zixun .zx-a {
    margin-bottom: 5px;
    text-align: center;
    position: relative;
}
.zixun .zx-a>a {
    width: 57px;
    height: 57px;
    display: block;
    position: relative;
    z-index: 993;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
/*.zixun .zx-a .top{
	background: #a8a8a8
}*/
/*.zixun .zx-a .top img{
    width: 40px;
    height: 40px;
    margin-top: 15px;
}*/
/*.zixun .zx-a:hover p{
	display: block;
}*/
.zixun .zx-a .ewm{
	width: 146px;
	height: 146px;
	/*left: -146px*/
}
.zixun .zx-a .ewm img{
	display: block;
	width: 100%;
	height: 100%
}
/*.zixun .zx-a>a.bg1{
	background: #6da9de
}
.zixun .zx-a>a.bg2{
	background: #78C340
}
.zixun .zx-a>a.bg3{
	background: #FBB01F
}*/
.zixun .zx-a p {
    position: absolute;
    top: 0;
    right:0;
    width: 120px;
    height: 50px;
    line-height: 50px;
    color: #555;
    text-align: right;
    font-size: 16px;
    display: none;
}

/*简介*/
.cont_bg{ width:100%; margin:0 auto 40px; background:url(http://cdn.guantutuzhuang.com/cont_bg.jpg) no-repeat top center; padding-top:270px;}
.cont_bg2{ width:100%; margin:0 auto 40px; background:url(../images/cont_bg2.jpg) no-repeat top center; padding-top:270px;}

.cont_web{ width:1200px; margin:0 auto;border:1px solid #f1f1f1; padding-bottom:20px;}
.cont_webtl{ padding:25px 0px; margin-left:25px; overflow:hidden; border-bottom:1px dotted #d3d3d3; width:1150px; }
.cont_webtl h1{ float:left; border-left:4px #eb0000 solid; font-size:30px; color:#000000; height:30px; line-height:30px; padding-left:20px;}
.cont_webtl p{ float:right; color:#848484; font-size:14px; line-height:25px;}
.cont_webtl p a{ color:#848484;}
.cont_webtl p a:hover{ color:#eb0000;}
.cont_jian{ border-bottom:1px dotted #d3d3d3; width:1150px; margin-left:25px;}
.cont_jian dl{ padding:35px 25px; height:auto; overflow:hidden;}
.cont_jian dl dt{ float:left;}
.cont_jian dl dd{ font-size:16px; color:#848484; line-height:34px; text-indent:25px; float:left; width:830px; padding-left:40px; padding-top:15px;}
.cont_jjlist{ padding:25px 20px; border-bottom:1px dotted #d3d3d3; line-height:40px; width:1100px; margin-left:25px;}
.cont_jjlist h1{ font-size:24px; color:#000;}
.cont_jjlist p{ font-size:16px; color:#848484;} 
.cont_jjlist p img{ margin-right:15px;}

.zhizi_cont{ padding:30px 0px 30px 40px;}
.zhizi_cont ul li{ background:#f1f1f1; padding:15px; width:220px; float:left; margin-right:20px; margin-bottom:20px;}
.zhizi_cont ul li img{ width:100%; height:auto;}
.pro_list { padding-left:32px; width:1150px; overflow:hidden;}
.pro_list ul li{ line-height:52px; border-bottom:1px dotted #d3d3d3;}
.pro_list ul li span{ float:left; width:80px; color:#333;}
.pro_list ul li p a{ margin-right:25px;}
.pro_list ul li p a.cur{ color: #fff; background-color:#eb0000; padding:5px 15px;  border-radius:2px;}
.pro_list ul li p a:hover { color:#eb0000;}

.pro_c{ width:1238px; margin:0 auto;}
.pro_c ul { padding:20px 0px 20px 35px;}
.pro_c ul li{ float:left; margin-right:26px; margin-bottom:25px;}
.pro_c ul li:last-child{ margin-right:0px;}

.img_pic2 { width:265px; overflow:hidden; height:255px; margin-bottom:8px;}
.img_pic2 img { width:265px; height:255px;  transition: .5s;}
.img_pic2 img:hover { transform: scale(1.2); transition: .5s;}
.img_box2{ width:265px; float:left;}
.img_box2 h1{ font-size:20px; color:#000; line-height:45px; margin-bottom:6px;}
.img_box2 a:hover h1{ color:#e50000;}
.img_box2 p{ color:#848484; font-size:14px; line-height:22px;}


.new_page{ margin:0 auto; padding:25px; width:560px;}
.new_page ul li{ float:left;}
.new_page ul li a{ color:#333; padding:8px 15px; font-size:14px;display:inline-block; margin-right:10px; background:#f0f0f0; color:#333;}
.new_page ul li a.cur{ color:#fff; background:#eb0000; display:inline-block;}
.new_page ul li a:hover{ color:#fff; background:#eb0000; }
.new_page a{color:#333;}


.new_tl{ padding:25px;}
.new_tl a{ font-size:14px; color:#333; margin-right:20px;}
.new_tl a.cur{ color: #fff; background:#eb0000; padding:5px 15px;  border-radius:2px;}


.news_b2{ padding:0 25px; overflow:hidden;}
.news_b2 ul li{ width:100%; border-bottom:1px solid #f0f0f0; padding:35px 0;}
.news_b2 ul li a:hover h1{ color:#e42425;}
.news_b2 .news_img img{ width:100%; height:auto;}
.news_b2 .news_img{ float:left; width:200px; overflow:hidden; height:120px;}
.news_b2 .news_img { width:200px; height:120px;  transition: .9s;}
.news_b2 .news_img img:hover { transform: scale(1.2); transition: .5s;}



.news_b2 .news_text{ width:900px; float:left; padding-left:30px;}
.news_b2 .news_text h1{ margin-bottom:6px; font-size:22px; color:#484848}
.news_b2 .news_text h1 i{ float:right; color:#b8b8b8;}
.news_b2 .news_text p{ font-size:14px; color:#626262; line-height:30px; padding-top:8px;}

.news_detail{ width:1100px; margin:0 auto;}
.news_detail h1{ font-size:20px; color:#000; text-align:center; padding:20px 0 10px; line-height:30px;}
.news_detail p{ color:#555; padding:5px 0 15px;line-height: 220%; }
.news_detail div{ color:#838383; font-size:14px; text-indent:25px; padding:10px 0 15px; line-height:26px;}

.case { padding:25px; width:1100px;}
.case ul li{ font-size:16px; color:#848484; line-height:45px; height:45px; float:left; width:480px; }
.case ul li span{ display:inline-block;}
.case ul li i{ width:6px; height:6px; border-radius:50%;  display:inline-block; background:#666666; line-height:20px; margin-right:15px; vertical-align:middle;}
.contus{  padding:25px;}
.map{ padding:15px;}
.contus_info{ padding:15px 25px;}
.contus_info h1{ padding:15px 0; color:#333333; font-size:18px;}
.contus_info ul li{ float:left; width:500px; margin-bottom:20px; height:120px; overflow:hidden;}
.contus_info ul li p{ font-size:14px; color:#6a6a6a; line-height:25px;}
.contus_info ul li p img{ width:30px; height:30px;}
#qyhj img{width: 185px;height:130px;}

.shop_c {
    width: 1154px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    padding: 22px 0px 40px 5px;
}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;padding:20px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{width:400px;height:300px; overflow:hidden;text-align:center;}
.spec-scroll{clear:both;margin-top:20px;width:500px;}
.spec-scroll .prev2{float:left; display:block;text-align:center;width:18px;height:47px; cursor:pointer; font-size:40px;font-family: consolas; color:#cecece; margin-right:10px; margin-top:15px;}
.spec-scroll .prev2:hover,.spec-scroll .next2:hover{ color:#333;}
.spec-scroll .next2{float:right;display:block;text-align:center;width:18px;height:47px; cursor:pointer; font-size:40px;font-family: consolas; color:#333; margin-top:15px;}
.spec-scroll .items{float:left;position:relative;width:430px;height:96px;overflow:hidden; margin-left:10px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:96px;}
.spec-scroll .items ul li{float:left;width:106px;text-align:center;}
.spec-scroll .items ul li img{ border:1px solid #e8e8e8; width:84px;height:84px; cursor:pointer;}
.spec-scroll .items ul li img:hover{ width:84px; height:84px;border:1px solid #eb0000;}
.shop_r{ width:546px; overflow:hidden; float:left; padding-left:107px;}
.shop_rt ul li h1 {
	padding-top:10px;
	font-weight:bold;
    font-size: 32px;
    color: #000;
    word-break: break-all;
    width: 546px;
	height:60px;
}

.shop_rt .p_desc{
	padding-top:10px; border-top:1px solid #ebebeb;
    line-height: 28px;
    overflow: hidden;
    font-size: 16px;
    color: #343434;
}

.shop_rt .p_info {
    margin-top: 15px;
    overflow: hidden;
	padding-top:10px; 
}

.shop_rt .p_info span {
	color:#333;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.shop_rt .p_label {
	padding-bottom:25px;
	color:#343434;
    padding-top: 15px;
    font-size: 16px;
	border-bottom:1px solid #ebebeb;
}

.shop_rt .p_label span {
    display: inline-block;
    line-height: 26px;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 0 8px;
    margin-right: 5px;
    color: #666;
}

.shop_rt .p_btns {
    margin-top: 37px;
    overflow: hidden;
}

.shop_rt .p_btns a {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #ef001d;
    border-radius: 4px;
}

.shop_rt .p_btns .order_btn {
    width: 200px;
    background: #eb0000;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    margin-right: 20px;
}


.p_btns .tel {
	color:#333;
    padding: 8px 0;
    line-height: 27px;
    font-size: 16px;
}
.p_btns .tel span {
    font-size: 24px;
    color: #eb0000;
}

.product_r {
	
    width: 1150px;
    overflow: hidden;
    padding: 18px;
}

.m {
	margin-left:25px;
    width:1150px;
    overflow: hidden;
}
.right-extra .tab {
    margin-bottom: 25px;
    width: 1150px;
    height:45px;
    line-height:45px;
    background: #f5f5f5;
}
.tab {
    overflow: hidden;
}
.right-extra .tab .curr {
    position: relative;
    height:45px;
    padding: 0px 50px;
    overflow: hidden;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
	background:#fa171e;
}
.right-extra .tab li {
	cursor:pointer;
    position: relative;
    height:45px;
    padding: 0px 50px;
    overflow: hidden;
    line-height:45px;
    font-size: 16px;
    color: #333;
    display: inline-block;
    font-weight: bold;
}
.mc {
    width: 1100px;
}

.right-extra .name {
    padding: 0 10px 10px;
    width: 1100px;
}
.right-extra p {
	padding:0;
    color: #666;
    font-size: 16px;
    line-height:28px;
}
.canshu{ border:1px solid #dedede; font-size:14px;}
.canshu dl dt{ line-height:45px; border-bottom:1px solid #dedede; text-indent:20px;}
.canshu dl dd{ line-height:45px; border-bottom:1px solid #dedede; text-indent:20px; background:#fafafa;}




.vjs-poster {
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    position: relative;
    width: 100%;
    max-height: 100%;
}
.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}