@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;font-family: "Microsoft YaHei";list-style: none;-webkit-list-style: none}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block}
body{font-family: "微软雅黑";font-size: 16px;-webkit-font-smoothing: antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust: 100%;min-width: 1320px;color: #333;overflow-x: hidden;}
ul, ol{list-style-type: none;}
blockquote, q{quotes: none;}
a{color: #333;text-decoration: none;}
a:hover{color: #d00;}
body{min-width:1200px;}
.clearfix{content: '';height: 0px;display: block;clear: both;}
img{border: 0;}
img::selection{background-color: transparent;} img::-moz-selection{background-color: transparent;}
*, *:before, *:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
i, em{font-style: normal;}
em, cite, i{font-style: normal;}
span, b, i, em{font-style: normal;}
h1,h2,h3,b,strong{font-weight: normal;}
p{line-height: 2;}
.clearfix:after{content: '.';display: block;height: 0;clear: both;visibility: hidden;}
.wid{width:1200px;margin-left: auto;margin-right: auto;}
.fl{float: left}
.fr{float: right}
.mt80{margin-top: 80px}
.m80{margin-top: 80px;margin-bottom: 80px;}
.m30{margin-top: 30px;margin-bottom: 30px}
.mt30{margin-top: 30px}
.mb30{margin-bottom: 30px;}
.pt30{padding-top: 30px}
.pa30{padding: 30px 0}
.ml15{margin-left: 15px}
.m100{margin-top: 100px;margin-bottom: 100px;}
.pt60{padding-top: 60px}
.p30{padding: 30px 0}
.p50{padding: 50px 0}
.m50{margin-top: 50px;margin-bottom: 50px;}
.mb50{margin-bottom: 50px}
.pa20{padding: 20px 0}
.p10{padding: 10px 0}
/*top*/
.top{background: #f0f0f0;line-height: 36px; font-size:14px;}
.top marquee{width:500px;}
.xian{width: 100%;height: 1px;background: #ccc;}
.top a{color: #666;}
/* nav*/
.nav_bg{background:#0858b1;height:50px;}
nav li{width: 150px;height: 50px;line-height: 50px;text-align: center;float: left;position: relative;transition: all,.5s;}
nav li:after{ width:1px; height:50px; background:#0060ca; content:''; position:absolute; display:block; top:0px; right:0px}
nav .current{background: #fa0;}
nav li:hover{background:#fa0;}
nav li:hover a{color: #fff;}
nav li a{color: #fff;display: block;}
nav li .sub_nav{position: absolute;;top:60px;width: 150px;text-align: center;color: #fff;display: none;z-index:50;}
nav li .sub_nav p a{color: #fff;background: #004694;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;margin-bottom: 1px;}
nav li .sub_nav p a:hover{background:#fa0;color: fff;}
/*banner*/
.flexslider{position:relative; overflow:hidden;background:#000 url(../images/loading.gif) 50% no-repeat; z-index:10;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flexslider .slides .s1{ background:url(../images/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../images/ban02.jpg) 50% center no-repeat;}
.flexslider .slides .s3{ background:url(../images/ban03.jpg) 50% center no-repeat;}
.flexslider .slides .s4{ background:url(../images/ban04.jpg) 50% center no-repeat;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*index*/
.m1t{text-align:center;margin-bottom: 10px;}
.m1t h2{ font-size:24px; background:url(../images/m1t2.png) no-repeat center center; height:30px; line-height:30px;}
.m1t span{  margin-bottom:20px; display:block;}
.m1t p{  margin-top:20px;}
.index_tit{position:relative;width:100%;height: 54px;margin: 0 auto 20px;color: #22479b;font-size: 20px;line-height: 54px;text-align: left;font-weight: bold;background: url(../images/index_33.png) left bottom no-repeat;border-bottom: #ddd 1px solid;}
.pro_nav li{width:190px;margin:5px;background: #eeeeee;float: left;text-align: center;height: 50px;line-height: 50px;border-radius:4px;transition: all,.5s;}
.pro_nav li:hover{background: #0858b1;}
.pro_nav li:hover a{color: #fff;}
.pro_nav li a{display: block;}
/*产品*/
.pro_box li{width:290px;margin-right: 10px;float: left;margin-bottom: 20px;}
.pro_box li img{width:280px;padding: 5px;border: 1px dashed #ccc;}
.pro_box li .tit{text-align: center;background: #eee;height: 40px;line-height:40px;width: 280px;transition: all,.3s;}
.pro_box li:hover .tit{background:#0858b1;color: #fff;}
/*关于我们*/
 

.index_about{background: url(../images/m41.jpg) no-repeat center center;height: 500px;position:relative;color: #fff;margin: 50px 0;}
.index_about .left{width: 550px;padding-top: 50px;}
.index_about .left   a{color:#fff;margin-top: 30px;display: block;width: 150px;border: #fff 1px solid;line-height: 40px;text-align: center;}
.m42 h2{ padding-top:30px; margin-bottom:36px; }
.index_about .left h3{font-size: 28px;margin: 25px 0;}
.m42 p{ line-height:24px; margin:25px 0; }
/*优势*/
.youshi{background:#f0f0f0;padding:50px;margin: 50px auto 0;line-height:50px;}
.advantage{width:1200px;margin: 0 auto;}
.advantage .tit{ margin-bottom:35px;}
.advantage h2{font: bold 33px/40px "微软雅黑";margin-bottom:30px;padding-left: 20px;}
.advantage h2 span{ font:normal 12px/20px "Times New Roman", Times, serif; color:#aaa;}
.advantage p{padding-left:20px;font:normal 16px/32px "微软雅黑";color:#666;background: url(../images/xx.jpg) no-repeat left 10px;}
.youshi .red{color: red;font-weight: bold;font-size: 16px;}
.youshi .fl,.youshi .fr{ width: 550px; padding: 15px 0;}
.youshi .part1 .fl,.youshi .part3 .fl,.youshi .part2 .fr{ padding-top: 60px;}
/*制作流程*/
.w_liulist li{
	width: 120px;
	height: 123px;
	margin-right:8% ;
	position: relative;
	background: url(../images/liucheng_q.png);
	font-size: 18px;
	text-align: center;
	color: #bb0222;
	box-sizing: border-box;
	padding:15px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}
.w_liulist li:last-of-type{
	margin-right: 0px;
}
.w_liuhead{
	background: url(../images/liucheng_st.png) center center no-repeat;
	text-align: center;
	font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 20px;
}
.w_liulist li::after{
	content:url(../images/liucheng_jt.png);
	width:30px;
	height: 16px;
	position: absolute;
	right:0px;
	top:50%;
	margin-top: -8px;
}
.mm{ height:229px; background:url(../images/mm.jpg) no-repeat center center;}
.mm ul{ float:left; width:30%; padding-top:67px; }
.mm li{ float:left; text-align:center; width:50%; height:94px;background:url(../images/mml.png) no-repeat right center;}
.mm li p{ font-size:16px; color:#fff; margin-top:20px;}
.mm li div{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.mm li:hover div{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}

.mmc{ float:left; width:40%; padding-top:67px; text-align:center;}
.mm .ul2 li{background:url(../images/mml.png) no-repeat left center;}
/*新闻资讯*/
.new_box h1{font-size:18px;color: #333;font-weight: bold;line-height: 2;}
.new_box li{width: 590px;padding: 10px;float: left;margin-right: 20px;}
.new_box li:nth-child(even){margin-right: 0;}
.new_box li .xian{margin: 20px 0;}
.new_box h1 span{font-weight: normal;color: #666;}
.new_box p{font-size: 14px;}
/*link*/
.link{width:1200px;height: 60px;background: url(../images/link.jpg) no-repeat left center;border: 2px solid #eee;line-height: 60px;box-sizing: border-box;margin: 40px auto;}
.link a{color:#666;float: left;max-width: 150px;margin: 0 16px;}
.link a:hover{color: red;}
.link a:nth-child(1){margin-left:250px;}
/*about内页*/
.left_nei{width:220px;}
.sub_class { border:#0858b1 4px solid; margin-bottom:20px;}
.left_nei .tit_class,.newcont .main-left-title{background: #0858b1;color: #fff;/* padding-left: 20px; */padding-top: 15px;padding-bottom: 15px;font-weight: bold;font-size: 25px;text-align: center;}
.left_nei .sub_class li{color: #333;/* padding: 18px; */border-bottom: 1px solid #e8e8e8;font-size: 16px;padding-left:30px; } 
.left_nei .sub_class li a{display: block;height: 50px;line-height: 50px;}
.left_nei .sub_class li:hover a{color:#22479b;}
.left_nei .current{background: url(../images/hover.gif) no-repeat right 20px center #eee}
.left_nei .current a{color:#22479b;}

.newcont{ margin-top:30px;}
.newcont  dl dd{ line-height:33px; font-size:14px; border-bottom:#ddd 1px solid;}

/*当前位置*/
.posi h4{text-align: left;font-size: 24px;line-height: 50px;font-weight: normal;}
.posi span{text-align: right;font-size: 14px;color: #999;line-height: 50px;}
/*右侧*/
.right_nei{width: 960px;}
.xian{width: 100%;height: 1px;background: #eee;}
/*main_nei*/
.new_nei h1{font-size: 18px;color: #333;line-height: 2;font-weight: normal}
.new_nei p{font-size: 14px;color: #999;line-height: 2}
.main_body{ line-height:2;}
/*page*/
.m-page{text-align: right;font-size: 0;height: 38px;line-height: 38px;padding-right: 10px;margin-top: 30px;}

.m-page a, .m-page li{display: inline-block;font-size: 15px;background-color: #fff;padding: 0px 13px;height: 36px;overflow: hidden;text-align: center;border: 0px #ddd solid;color: #333;font-family: Arial;margin-left: 5px;border: 1px solid #ccc;vertical-align: top;}
.m-page li{display: inline;color: #333;border:none;margin:0;padding:0}

.m-page .active a{background: #22479b;color: #fff;padding: 0px 13px;height: 36px;margin-left: 5px;display: inline-block;}
.m-page a.next, .m-page a.prev{font-family: Arial;font-size: 16px;font-weight: 700;}
.m-page a:hover, .m-page li.thisclass a{background-color: #22479b;color: #fff;}
.m-page span{font-size: 14px;padding-right: 10px;}
/*abou内页*/
.main_body p{line-height: 2;}
/*new_article*/
.main_body h1{text-align: center;;font-size:20px;line-height: 2;}
.main_body img{max-width:960px;}
.main_body .new_article p{font-size: 16px;}
.main_body .date{font-size: 12px;color: #999;text-align: center;display: inherit;line-height: 2;margin-bottom: 10px;}
.main_body .nei_img{max-width: 400px;margin: 20px auto;display: block;}
.main_body strong{ font-weight:bold;}
/*pro内页*/
.pro_nei{width: 100%;;}
.pro_nei li{width: 310px;margin:5px;float: left;}
.img_box{width: 310px;height: 248px;overflow: hidden;border: 1px solid #ccc;box-sizing: border-box;}
.pro_nei li img{width: 310px;height: 248px;transition: all .6s;/* border: 1px solid #ccc; *//* box-sizing: border-box; */}
.pro_nei li img:hover{transform: scale(1.2,1.2);}
.pro_nei li:hover .pro_tit a{background: #007ad0;color: #fff}
.pro_tit{text-align: center;height: 40px;line-height: 40px;background: #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* padding:5px; */}
.pro_tit a{display: block;width: 310px;text-overflow:ellipsis;white-space:nowrap;transition:all,.5s}
/*nei_ban*/
.about_ban{height: 300px;background: url(../images/about_ban.jpg) no-repeat center center;}
.pro_ban{height: 300px;background: url(../images/pro_ban.jpg) no-repeat center center;}
.new_ban{height: 300px;background: url(../images/new_ban.jpg) no-repeat center center;}
/*首页滚动*/


/*产品详情*/
.art_img img{width: 400px;;}
.art_con{width: 500px;text-align:left;}
.art_con .date{text-align:left;}
.art_con p{line-height: 36px;border-bottom: 1px solid #eee;}
.art_con h1{text-align:left;}
.xq{width: 100%;height: 40px;line-height: 40px;color: #000;font-size: 18px;/* background:url(../images/xiangqing.jpg) no-repeat left center; */text-indent: 30px;/* font-weight: bold; */margin-top: 20px;background: #eee;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid #ccc;}
.zixun{width: 120px;height: 40px;background: #fa0;margin-top: 20px;color: #fff;text-align: center;border-radius: 20px;line-height: 40px;transition: all,.6s;}
.zixun:hover{background: #f80;}
.zixun a{color:#fff;display: block;}


/*footer*/
.footer_bg{background: #333}
.foot_box{color: #fff}
.foot_box a{color: #fff}
.foot_box dl{margin:0 40px;line-height: 1.8}
.foot_box dt{opacity:1}
.foot_box dd{opacity: .8;font-size: 14px;}
.foot_box dl:nth-child(1) dd{width: 120px;}
.foot_box .wx{text-align: center;line-height: 2;font-size: 14px}
.bottom{background: #2e2e2e;color: #666;text-align: center;padding: 20px}



.c_meau{width: 120px;height:420px;position:fixed;right:10px;bottom:420px;display:none;z-index:9999;bottom: 50px!important;}

.c_meau .fl{ width:125px;}
.c_meau .fl h4{width:100%;height:61px;background:yellow;color:#81511c;font-size:16px;line-height: 61px;text-align:center;font-weight:bold;}
.c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{ margin-left:8px; cursor:pointer;}
.c_meau{ height:auto; bottom:-430px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{margin: 0 0 -13px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}


@media screen and (max-device-width: 1366px)
{
 .c_meau{ margin-left:470px; z-index:100;}
}


.product{ padding:30px 0 0;}
.product .left{width: 220px; }
.prolei{border: #0858b1 4px solid; margin-bottom: 20px;}
.prolei .tit{ background:#0858b1; padding:20px 0; text-align:center;}
.prolei ul li,.submenu ul li{height: 45px;line-height: 45px;}
.prolei .cpdt{font: normal 16px/45px "微软雅黑";display:block;color:#333;line-height: 45px;border-bottom:#ddd 1px dotted;padding-left:25px;}
.prolei .cpdt:hover{ background:#22479b; color:#fff;}
.prolei .cpdt a{ display:block;}
.prolei p a,.submenu ul li a{ width:180px; padding-left:20px; display:block; background:url(../images/cpdd.jpg) repeat-x;}
.prolei p a:hover,.submenu ul li a:hover{ background:#fff;}
 
.proli{width: 965px;}
.proli h1{font:bold 18px/35px "微软雅黑";border-bottom:#ddd 1px solid;color: #0858b1;}
.proli h1 span{ font:normal 14px/35px "微软雅黑"; color:#999; float:right;}
.proli ul{height:210px;width: 100%;}
.proli ul li{width: 300px;text-align:center;margin: 10px;float: left;padding: 0;box-sizing: border-box;}
.proli ul li a{ display:block; border:#ddd 3px solid;}
.proli ul li img{width: 294px;height: 248px;display: block;}
.proli ul li span{width: 100%;height: 60px;line-height: 60px;color: #333;background: #eee;display: block;transition: all,.5s;}
.proli ul li a:hover{border:#0858b1 3px solid;}
.proli ul li a:hover span{ background:#0858b1; color:#fff;} 
.prolist ul{ width:900px;}
.prolist ul li{ width:200px; text-align:center; margin:15px 15px 0 0; float:left;}
.prolist b{ font-weight:normal;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.aboutimg{ margin-right:25px;}
.about .tit,.new .tit{font:normal 18px/30px "微软雅黑";color:#007ad0;background:url(../images/titbg.jpg) repeat-x center;margin-bottom:10px;border-bottom: 1px solid #e8e8e8;font-weight: bold;}
.about .tit span,.new .tit span{ font:normal 12px/30px "微软雅黑"; color:#333; background:#fff; padding-left:10px;}
.about  p{ line-height:26px; text-indent:2em;}
.index_con li{border-bottom:1px solid #e8e8e8;}
.index_con li p{text-indent:1px;font-size: 10px;line-height: 45px}
.contact{background:#0054b6;width:230px;padding:10px;margin-right:10px;height:240px;color:#fff;font-size: 14px;}
.contact img{width:100%}
.contact div{ margin-bottom:10px;}
.contact p{ line-height:24px;}
/* 滚动案例 */
.case{margin-bottom: 50px;}
.case .tit{font: 18px/30px "微软雅黑";margin-bottom:10px;border-bottom:#ddd 1px solid;color:#007ad0;font-weight: bold;}
.case .tit span{ float:right; font:normal 14px/30px "微软雅黑";}
#demo ul li{width: 300px;float:left;margin-left:15px;text-align:center;background:#fbfbfb;border: #ddd 1px solid;}
#demo ul li span{ line-height:60px; background-color:#f0f0f0; display:block;}
#demo{overflow:hidden; width:1200px;display: inline; float:left;}
#indemo{float: left;width: 1000%;}
#demo1,#demo2{float:left;}
#demo1 a,#demo2 a{cursor:pointer;}
#demo ul li img{width: 298px;height: 260px;}
/* 首页新闻 */
newsList{ padding-top: 6px; padding-bottom: 12px;}
.newsListDl{
 float: left;
 width: 32%;
 border-bottom: 1px dotted #ddd;
 box-sizing: border-box;
 line-height:45px;
 margin-right: 15px;
 }
.newsListDl a{width: 100%;display:block;/* display: block; */padding-bottom:1px;}
.newsListDl a:hover{ color:#d00;}
.newsListDl dt{
 color: #ccc;
 font-size: 14px;
 text-align: center;
 float: right;
 }

.newsListDl .title {
 display: block;
 font-size: 16px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 }
 
 /* main */
.wuyou-waiter{position: fixed; right: 0px; top:70%; margin-top: -90px; width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height:50px; line-height:50px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -100px; opacity: 1;}

.waiter-ul li.wuyou-shop .waiter-title{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#f60; }


.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }
.weixin_img{position: absolute;;top:-60px;right:-120px;width: 230px;height: 230px;background-image:url(../images/weixin.png)!important;background-repeat: no-repeat;background-position: center center;}
.waiter-ul li:hover .weixin_img{left: -260px; opacity: 1;background:none;list-style: none;}
.waiter-ul .wx .waiter-title::before{display: none}

.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }
.new_nei{ padding: 10px 0;}
.tel .waiter-title {position: absolute; left: 0px; bottom: 1px; color: #fff; width:250px; height: 50px; line-height: 50px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-ul .tel:hover .waiter-title{left: -280px!important; opacity: 1;}


.fy{
    margin: 30px 0
}


.close{
    position:absolute;
    right:-10px;
    top:-10px;
    cursor: pointer;
}

/* 热推产品 */
.retui > p {color:#fff;background:#0858b1;width:200px;text-align:center;font-size:20px;line-height:54px;border-top-right-radius:10px;border-top-left-radius:10px;margin-bottom:20px;position:relative;}
.retui > p:before {position:absolute;content:"";width: 960px;height:1px;background:#ddd;top: 54px;left: 0;}
.retui li {float:left;width:24%;margin: 0 12px 12px 0;box-sizing:border-box;border:1px #ddd solid;text-align:center;}
.retui li a .tu1 {overflow:hidden;}
.retui li:nth-child(4n){margin-right: 0px;}
.retui li img {width:100%;transition:all,.5s;}
.retui li:hover img {transform:scale(1.1);}

.link1 {font-size: 14px;line-height: 24px;}
.link1 a {margin-left: 10px;}