@charset "utf-8";

/*清除默认样式*/
html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,form,fieldset,legend,input,textarea,select {margin:0; padding:0; font-weight:normal;}
html,body {min-height:100%;}
html {verflow:-Scroll; /*overflow-x:hidden;*/ zoom:1; overflow-y:scroll;}
body {color:#666; font-size:15px; line-height:24px; font-family:Arial, Microsoft YaHei, tahoma; }
ul,ol,li {list-style:none}
fieldset,input,img,select {vertical-align:middle;} 
button,input,select,textarea {outline:none; border:none; resize:none;}
a {color:#666; text-decoration:none; outline:none;}
a:hover,a:active,a:focus {color:#3a3a3a; text-decoration:none;}
img {-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
p,big,small,em {display:block;margin:0;}
table {border-collapse:collapse;border-spacing:0;}

/*html5 初始化新标签的CSS*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block;}

/*清除浮动*/
.clearfix:after {clear:both; content:""; display:block; height:0; overflow:hidden; visibility:hidden; }
.clearfix {zoom:1;}

/*滚动条样式*/
::-webkit-scrollbar {width:8px; height: 8px; background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius: 8px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); background-color: #ccc;}

/* CSS活动的公共样式 */
.fl{ float:left; }
.fr{ float:right; }

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }

.radius {border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.pic-scale {-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}

/*按钮动画*/
.btn-wave{position:relative; -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); overflow:hidden;}
.btn-wave:before{content:''; display:block; width:120%; height:0; padding:60% 0; background-color:#ca191e; border-radius:50%; position:absolute; left:-10%; top:50%; 
	-webkit-transform:translateY(-50%) scale(0); transform:translateY(-50%) scale(0); z-index:-1;}
.btn-wave:hover:before, .btn-wave-active:before{-webkit-animation:btnWave 2s ease; animation:btnWave 2s ease infinite; -webkit-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards; animation-fill-mode:forwards;}
@-webkit-keyframes btnWave
{
	  0%{           -webkit-transform:translateY(-50%) scale(0); transform:translateY(-50%) scale(0);} 
	 50%{opacity:1;} 
	100%{opacity:0; -webkit-transform:translateY(-50%) scale(1); transform:translateY(-50%) scale(1);}
}
@keyframes btnWave
{
	  0%{            -webkit-transform:translateY(-50%) scale(0); transform:translateY(-50%) scale(0);} 
	 50%{opacity:1;} 
	100%{opacity:0; -webkit-transform:translateY(-50%) scale(1); transform:translateY(-50%) scale(1);}
}


body {max-width:1920px; min-width:1280px; margin:0 auto;}
.container {width:100%; /*width:1280px;*/ margin:0 auto; padding:0 15px;}
.fixed-width{width:1280px; padding:0px;}

/*头部*/
header {width:100%; z-index:99999; background:rgba(255,255,255,1); transition:all 1s;}

header .top {background:#fff;}
header .top-title {height:40px; line-height:40px; border-bottom:1px solid #ebebeb; color:#3a3a3a;}
header .top-title .title-left {float:left; min-width:10%; color:#3a3a3a;}
header .top-title .title-right {float:right; min-width:5%;}
header .top-title .title-right li {float:left;}
header .top-title .title-right .txt {padding:0 10px;}
header .top-title .title-right .txt a {color:#3a3a3a; padding-right:10px; position:relative;}
header .top-title .title-right .txt a:hover {color:#d1292e;}
header .top-title .title-right .txt a .code {display:none; position:absolute; top:30px; left:-20px; width:100px; height:100px;}
header .top-title .title-right .txt a:hover .code {display:block;}
header .top-title .title-right .txt a .code img {width:100%;}
header .top-title .title-right .txt a .code p {font-size:14px; color:#666; text-align:center; line-height:1;}

header .header {padding:5px 0; background:#fff; box-sizing:border-box; transition:all 0.3s;}

header .header .logo {float:left; width:380px; margin:20px 0 0 0; z-index:999999;}
header .header .logo img {width:380px; transition:all 0.5s;}

header .header .slogan {float:left; width:320px; text-align: center; margin-top: 20px;}
header .header .slogan .p1 {font-size:16px; color:#666;}
header .header .slogan .p2 {font-size:18px; color:#000; font-weight:bold; padding:5px 0;}
header .header .slogan .p3 {font-size:16px; color:#666;}

header .header .search {float:left; width:280px; margin:30px 0 0 0;}
header .header .search .test {float:left; width:84%; height:36px; line-height:42px; color:#252525; border:1px solid #ccc; padding:0 12px; font-size:14px;}
header .header .search .button {width:16%; height:36px; line-height:36px; background:#d1292e  url(../images/search.png) no-repeat center;}

header .header .tell {float:right; width:250px; padding:0 0 0 50px; margin:20px 0; background:url(../images/tell.png) no-repeat left center; background-size:44px;}
header .header .tell .p1 {font-size:14px; color:#666;}
header .header .tell .p2 {font-size:25px; color:#d1292e; /*font-family:"Futura";*/}

/*菜单导航*/
header .nav {width:100%; background:#d1292e; text-align: center;}
header .i_home_b{display:inline-block; background:url(../images/home.png) no-repeat; width:19px; height:15px;}

header nav ul {}
header nav>ul>li {float:left; position:relative;}
header nav ul li>a {display:block; padding:0 32px; font-size:16px; color:#fff; text-align:center; line-height:48px; transition:all 0.3s;}
header nav ul li>a 
header nav>ul>li.cur>a, header nav>ul>li:hover>a {color:#fff; background:#2e3438;}
header nav ul li .sub-box {display:none; position:absolute; top:48px; left:0; z-index:99; background:#333333;}
header .fixed ul li .sub-box {top:46px;}
header nav ul li:hover .sub-box {display:block;}
header nav ul li .sub-box a {display:block; width:128px; font-size:15px; color:#fff; text-align:center; border-bottom:1px solid #5e6569; line-height:56px; transition:all 0.3s;}
header nav ul li .sub-box a:hover {background:#5e6569; font-size:16px;}

/*菜单导航固定顶部*/
header .headerfixed{position:fixed; top:0; right:0; z-index:999; width:100%; padding:0 0 !important;}
header .headerfixed .top {display:none;}
header .headerfixed .logo {margin:10px 0 !important;}
header .headerfixed .logo img {width:380px !important;}
header .headerfixed .slogan {margin-top: 10px !important;}
header .headerfixed .search {margin:20px 0 0 0;}
header .headerfixed .tell {margin: 10px 0 0 10px !important;}

header .fixed {position:fixed; top:74px; right:0; z-index:999; background:#d1292ef0;}
header .fixed ul li a {line-height:46px;}

/*导航条-产品展示*/
header nav ul li:nth-of-type(3) .sub-box {width:321px;}
header nav ul li:nth-of-type(3) .sub-box a {float:left; width:160px; height:106px; padding:0 0 0 0px; text-align: center; line-height:100px;}
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(1) {background-image:url(../images/icon/ico1.jpg);}
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(1):hover {background-image:url(../images/icon/ico1-1.jpg); }
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(2) {background-image:url(../images/icon/ico2.jpg); border-left:1px solid #5e6569;}
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(2):hover {background-image:url(../images/icon/ico2-1.jpg); }
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(3) {background-image:url(../images/icon/ico3.jpg);}
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(3):hover {background-image:url(../images/icon/ico3-1.jpg); }
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(4) {background-image:url(../images/icon/ico4.jpg); border-left:1px solid #5e6569;}
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(4):hover {background-image:url(../images/icon/ico4-1.jpg); }
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(5) {width:320px; border-left:1px solid #5e6569; line-height:100px;}
header nav ul li:nth-of-type(3) .sub-box a:nth-of-type(5):hover { }


/*右侧浮窗*/
.slide-fixed {position:fixed; top:192px; right:0; width:20px; z-index:999; /*visibility:hidden;*/}
.slide-fixed .fixCloseBtn{cursor:pointer; width:20px; height:16px; line-height:16px; text-align:center; background:#333333; color:#FFF; }
.slide-fixed .fixCloseBtn:hover{ background:#d10311;}

/*右侧浮窗*/
.right-fixed {position:fixed; top:208px; right:0; width:80px; z-index:999; }
.right-fixed .icon {background:#f9f9f9d9; padding:2px; margin-bottom:1px; cursor:pointer; text-align:center; position:relative; transition:all 0.3s;}
.right-fixed .icon i {display:inline-block; width:70px; height:42px; line-height:42px;}
.right-fixed .icon i img {width:35px;}
.right-fixed .icon span {font-size:12px; color:#666;}
.right-fixed .icon:hover {background:#fff; box-shadow:0 4px 8px 0 rgb(7 17 27 / 10%); transform:translate(-5px,0px);}
.right-fixed .icon .weixin {display:none; position:absolute; top:-32px; right:80px; width:150px; height:180px; background:#fff; box-shadow:0 2px 6px 0 rgb(7 17 27 / 10%);}
.right-fixed .icon:hover .weixin {display:block;}
.right-fixed .icon .weixin img {width:100%;}
.right-fixed .icon .call {position:absolute; top:0; right:-300px; width:200px; height:70px; background:#d1292e; padding:22px 0; box-sizing:border-box; overflow:hidden; transition:all 0.5s;}
.right-fixed .icon:hover .call {right:71px;}
.right-fixed .icon  .call .no {font-size:24px; color:#fff;}

/*点击显示留言浮窗*/
.window-fixed {position:fixed; /*top:432px;*/ bottom:10px; right:0; width:80px; z-index:999; /*visibility:hidden;*/}
.window-fixed .icon {background:#d1292e; padding:2px; /*margin-bottom:1px;*/ cursor:pointer; text-align:center; position:relative; border-radius:5px;}
.window-fixed .icon i {display:inline-block; width:70px; height:42px; line-height:42px;}
.window-fixed .icon i img {width:35px;}
.window-fixed .icon span {color:#fff;}

/*右侧留言浮窗*/
.fixed-msg {position:fixed; z-index:1000; height:100%; width:100%; top:0px; left:0px; display:none; background:rgba(0, 0, 0, 0.2);}
.fixed-msg .msg-box {width:800px; height:460px; margin:10% auto; padding:20px; background:#fff; position:relative;}
.fixed-msg .msg-box h4 {height:50px; line-height:50px; font-size:25px; font-weight:bold; overflow:hidden; text-align:center;}
.fixed-msg .msg-box h4 strong {font-size:37px; color:#d1292e;}
.fixed-msg .msg-box h5 {font-size:18px; height:40px; line-height:40px; overflow:hidden; color:#666666; text-align:center;}
.fixed-msg .msg-box .closefix {width:26px; height:26px; position:absolute; z-index:2; right:15px; top:15px; cursor:pointer; background:url(../images/close.png) no-repeat left top;}

/*.fixed-msg .msg-box .side-form {}
.fixed-msg .msg-box .side-form input {float:left; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:14px; padding:0 5%; margin:1%; line-height:40px; width:48%; height:40px;} 
.fixed-msg .msg-box .side-form textarea {float:left; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:14px; padding:0 5%; margin:1%; line-height:40px; width:98%; height:100px;} 
.fixed-msg .msg-box .side-form select {float:left; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:14px; padding:0 5%; margin:1%; line-height:40px; width:48%; height:40px;}
.fixed-msg .msg-box .side-form .submit{width:98%; line-height:40px;}
.fixed-msg .msg-box .side-form #code {width:200px; height:40px;} 
.fixed-msg .msg-box .side-form #side_btnSubmit{float:right; background:#d1292e; border:0; display:block; color:#fff; text-align:center; font-size:16px; width:190px; line-height:40px; cursor:pointer;}
*/

.fixed-msg .msg-box .item { float:left; width:50%; margin-top:20px; position:relative; }
.fixed-msg .msg-box .item label { display:block; left:1px; line-height:35px; outline:0 none; position:absolute; text-align:center; top:1px; width:90px; font-size:14px; color:#3a3a3a; font-style:normal; }
.fixed-msg .msg-box .item .txt { float:left; margin-left:90px; display:block; }
.fixed-msg .msg-box .item input { width:260px; height:38px; background:#fff; border:1px solid #ddd; font-size:14px; line-height:36px; color:#666; }
.fixed-msg .msg-box .item textarea { width:640px; height:100px; background:#fff; border:1px solid #ddd; font-size:14px; line-height:18px; padding:8px 8px 8px 8px; color:#666; }
.fixed-msg .msg-box .item select { width:80px; height:40px; background:#fff; border:1px #ddd solid; color:#6a6a6a; float:left; margin-right:10px; padding:0 5px; float:left; }

.fixed-msg .msg-box .item #county {margin-right:0px;}
.fixed-msg .msg-box .item #title { width:260px; height:40px; background:#fff; border:1px #ddd solid; color:#6a6a6a; float:left; margin-right:0px; padding:0 5px; float:left; }
.fixed-msg .msg-box .item #code{ width:80px; background:#fff;}
.fixed-msg .msg-box .item #side_btnSubmit{ float:right; margin-right:30px; background:#d1292e; border:0; display:block; color:#fff; text-align:center; font-size:16px; width:190px; line-height:40px; /* clear:both; */ cursor:pointer;}

.fixed-msg .msg-box .w100{ width:100%; }


/*底部*/
.service {padding:10px 0; overflow:hidden; background:#d1292e;}
.service ul li {float:left; width:25%; height:116px; border-left:1px solid #da4141; position:relative; transform:scale(1); overflow:hidden;}
.service ul li:nth-child(1) {border-left:0;}
.service ul li a {display:block; padding:40px 30px 20px; color:#fff; overflow:hidden; background:url(../images/read_white.png) no-repeat 30px bottom;}
.service ul li a span {display:block; height:30px; line-height:30px; font-size:22px;}

footer {width:100%; border-top:solid 1px #e6e6e6; padding:5% 0; background:#fafafa;}

/*
.footer-nav{width:630px;}
.footer-nav ul{float:left; width:110px; margin-right:7%;}
.footer-nav ul li.tit{margin-bottom:20px;}
.footer-nav ul li.tit a {font-size:16px; color:#333; font-weight:normal;}
.footer-nav ul li {font-size:14px; line-height:28px;}
.footer-nav ul li a{color:#666;}
.footer-tel {width:20%;}
.footer-tel .p1{font-size: 16px; color:#666;}
.footer-tel .p2 {padding:20px 0;}
.footer-tel .p2 a {font-size:28px; color:#d1292e; padding:10px 0 5px 0; }
.footer-tel .p3{font-size:14px; color:#666; padding:1px 0;}
.footer-weixin {width:20%;}
.footer-weixin .code {float:left; width:45%; margin:0 2.5%;}
.footer-weixin img {width:100%; box-shadow:0 10px 20px #f1f1f1;}
.footer-weixin .p2 {font-size:14px; color:#9e9e9e; text-align:center; padding:5px 0 0 0;}
*/

.footer-nav{width:80%;}
.footer-nav ul{float:left; width:15%; margin-right:5%;}
.footer-nav ul li.tit{margin-bottom:20px;}
.footer-nav ul li.tit a {font-size:18px; color:#333; font-weight:normal;}
.footer-nav ul li {font-size:15px; line-height:28px;}
.footer-nav ul li a{color:#666;}
.footer-tel {width:20%;}
.footer-tel .p1{font-size: 18px; color:#666;}
.footer-tel .p2 {padding:20px 0;}
.footer-tel .p2 span {font-size:28px; color:#d1292e; padding:10px 0 5px 0;}
.footer-tel .p3{font-size:15px; color:#666; padding:1px 0;}

/*尾部版权*/
.footer-by{padding:10px 0; font-size:15px; background:#292929; border-top:solid 1px #303030; overflow:hidden;}
.footer-by .left font{display:inline-block; margin-right:25px; color:#ccc;}
.footer-by .left a{text-decoration:none; color:#ccc;}
.footer-by .right a{text-decoration:none; color:#ccc;}


/*功能页面-通用CSS*/
/*当前位置*/
.position {/*width:1280px;*/ margin:0 auto; color:#666; font-size:16px;}
.position .position-link {float:left; min-width:200px; height:20px; line-height:20px; font-size:15px; margin:32px 0px 10px 5px;}
.position .position-link a:hover,.position .position-link a:last-child {color:#d1292e;}
.position .sub {float:right; min-width:200px;}
.position .sub li {float:left; height:36px; margin:30px 0 0 30px; position:relative;}
.position .sub .cur a {color:#d1292e;}
.position .sub li a {display:block; /*height:72px; line-height:69px;*/ float:none; font-size:16px; color:#666; padding:0 8px;}
.position .sub li:after {content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#d1292e; transition:all 0.3s;}
.position .sub li:hover:after,.position .sub li.cur:after {width:100%;}

/*子栏目导航条*/
big.title{margin:15px 5px 0px 0px; overflow:hidden;}
big.title em{font-size:15px; border:solid 1px #cfcfcf; margin-top:10px; margin-right:10px; text-align:center; width:100%; font-style:normal; max-width:150px; line-height:40px;}
big.title .cur, .title em:hover {background:#d1292e; border:solid 1px #d1292e; color:#ffff;}

/*放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.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;border:1px solid #aaa;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);}
	
/*分页样式*/
.paged{ padding:10px 0px 30px 0px; text-align: center; overflow: hidden; }
#setpage a,#setpage #info{  border:1px solid #cfcfcf; background:#ffffff; display:inline-block; margin:0px 2px; padding:2px 10px; font-size:15px; text-align:center; color:#333; }
#setpage a:hover{  border:1px solid #a12722; background:#b8302b; color:#fff;  }
#setpage .current{ border:1px solid #a12722; background:#b8302b; color:#fff; margin:0px 2px; padding:2px 10px; }
#setpage .disabled{ border:1px solid #cfcfcf; background:#fff; color:#adaaad; margin:0px 2px; padding:2px 10px; }

/*产品搜索列表*/
.search-title h1 { display:inline-block; font-size:26px; /*color:#d1292e;*/ padding-left:20px; position:relative; }
.search-title h1:after { content:""; position:absolute; left:0px; top:6px; width:4px; height:19px; background:#ee0718; transition:all 0.3s; }
.search-title h6 {display:inline-block; font-size:16px; padding:16px 0 0 20px; }

.search-list {padding:20px 0;}
.search-list ul {overflow:hidden;}
.search-list ul li {float:left; width:19.2%; position:relative; border:1px solid #ccc; margin-right:1%; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.search-list ul li:nth-child(5n){margin-right:0px;}
.search-list ul li:hover {border:1px solid #d1292e;}
.search-list ul li .pic {margin:5px; height:240px; overflow:hidden; text-align:center; background:#f1f1f1; }
.search-list ul li .pic img {max-width:100%; max-height:100%;}
.search-list ul li h3 {font-size:15px; color:#3a3a3a; text-align:center; padding-top:5px; padding-bottom:10px;}