﻿@charset "UTF-8";
@import "//at.alicdn.com/t/font_836944_j71eyitghvf.css";
@import url(reset.css);
.w1200{width: 1200px;margin: 0 auto;position: relative;}



/*------网站头部head.htm------*/

header{width: 100%;height: 80px;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);position: relative;min-width:1200px; z-index:10;}
header.flex{position: fixed;top: 0;left: 0;z-index: 22;}

/*------头部LOGO------*/

header .logo{width: 104px;display: block;margin-left: 1.25%;padding-top: 10px;}
header .logo img{position: relative;top: 0;}
header .china{margin-left: 1.4%;padding: 24px 0 16px 1.8%;font-size: 12px;color: #666;font-family: 'Arial';line-height: 20px;text-transform: uppercase;background: url(style/line03_h.png) no-repeat left center;}
header .china p{color: #5c5656;font-size: 15px;}
header .china p.txt{font-size: 12px;color: #a9a7a7;padding-top: 2px;}

/*------头部导航------*/

header .nav-list{float: right;width: 45.3%;margin-right: 6%; height:80px; line-height:80px;}
header .nav-list li{float: left;width: 16.6666667%;background: url(style/head05.jpg) no-repeat left center;text-align: center;}
header .nav-list li:first-child{background: none;}
header .nav-list a{color: #666;font-size: 16px;display: block;width: 100%;transition: color 0.3s;}
header .nav-list a:hover { color:#c20a14;}

/*------微博微信------*/

header .bdsharebuttonbox{float: right;padding: 32px 0.6% 32px 0;margin-right: 1%;background: url(style/line04_h.png) no-repeat right center;}
header .bdsharebuttonbox a{float: left;width: 17px;height: 19px;padding: 0;margin: 0 5px;transition: background 0.3s;}
header .bdsharebuttonbox a.bds_oa{background: url(style/aa09.png) no-repeat center;}
header .bdsharebuttonbox a.bds_em{background: url(style/aa10.png) no-repeat center;}
header .bdsharebuttonbox a.bds_weixin{background: url(style/head03.png) no-repeat center;}

.weixin-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 300px;height: 300px;z-index: 15;margin: auto;display: none;}
.weixin-box img{width: 100%;}
.weixin-box .close{position: absolute;top: 3px;right: 3px;background: url(style/clo01.png) no-repeat center;display: block;width: 15px;height: 15px;opacity: 1;}


/*------英文链接------*/

header .en{display: block;margin-right: 12px;font-size: 16px;color: #333;height: 100%;line-height: 80px;transition: color 0.3s;}
header .en:hover{color: #c20a14;}

/*------头部搜索------*/

.search-box{float: right;width: 15px;overflow: hidden;margin-right: 1%;padding-top: 27px;transition: width 0.3s;position: relative;height: 28px;box-sizing: initial;}
.search-box.on{width: 9.5%;}
.search-box.on .text{display: block;}
.search-box-btn{width: 15px;height: 15px;background: url(style/wel13.png) no-repeat center;float: right;position: relative;top: 34px;right: 0;}
.search-box-btn.on{background: url(style/clo01.png) no-repeat center;}
.search-box .text{width: 70%;float: left;font-size: 16px;color: #999999;line-height: 26px;background: none;border: none;display: none;}
.search-box .submit{width: 15px;height: 28px;float: right;background: url(style/wel13.png) no-repeat center;border: none;position: absolute;right: 0;top: 27px;padding: 0;}
.search-two{display: none;}
.search-one{display: block;}

/*------展开按钮------*/

header .tit{width: 80px;height: 100%;background: #c20a14;float: right;position: relative;cursor: pointer;}
header .tit.on{background: url(style/wel14.png) no-repeat left center;}
header nav.tit.on span{display: none;}
header nav.tit span{position: relative;left: 50%;margin-left: -15px;top: 29px;}
header nav.tit .line01{width: 31px;height: 1px;background: #fff;margin-bottom: 9px;display: block;}
header nav.tit .line02{width: 31px;height: 2px;background: url(style/line02.png) no-repeat center;margin-bottom: 9px;display: block;}

/*------展开菜单------*/

.nav-box{width: 100%;display: none;position: absolute;}
.nav-box.flex{top: 0;left: 0;z-index: 20;}
.nav-box .bg{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);display: none;}
.nav-box .nav-list-box{position: absolute;top: 0;right: 0;background: #fcfcfc;width: 21.5%;height: 100%;overflow: auto;display: none;}
.nav-box .nav-list-box::-webkit-scrollbar{width: 1px;height: 1px;background-color: none;display: none;}
.nav-box .nav-list-box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: none;}
.nav-box .nav-list-box::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: none;}
.nav-box .nav-list-box ul{padding-top: 14.4%;padding-left: 15%;}
.nav-box .nav-list-box li{padding-bottom: 22px;}
.nav-box .nav-list-box h2{font-size: 22px;color: #333;line-height: 47px;}
.nav-box .nav-list-box h2 span{width: 17%;font-size: 30px;display: inline-block;color: #e3e3e3;position: relative;top: 4px;transition: color 0.3s;}
.nav-box .nav-list-box h2 a{display: inline-block;color: #333333;}
.nav-box .nav-list-box a{display: inline-block;color: #666666;transition: color 0.3s;}
.nav-box .nav-list-box p{padding-left: 17%;font-size: 16px;color: #666666;line-height: 32px;}
.nav-box .nav-list-box p.p2{padding-left: 26%;}
.nav-box .nav-list-box a:hover{color: #c20a14;}
.nav-box .nav-list-box li:hover h2 span{color: #666;}



/*-----网站底部foot.htm-----*/

footer{width: 100%;padding: 17px 0 19px; min-width:1200px;}
.foot_con { width:1200px; margin:0 auto; overflow:hidden;}
footer.flex{position: fixed;bottom: 0;left: 0;z-index: 20;}
footer p{font-size: 12px;color: #666;opacity: 0.8;line-height: 30px;text-transform: uppercase;}
footer p a{text-transform: capitalize;font-size: 14px;color: #666;transition: color 0.3s;}
footer.one p{color: #fff;}
footer.one p a{color: #fff;}
footer.two p.fr{display: none;}
.text-h1 h3{font-size: 18px; color:#333;}
.text-h1 h3 a{font-size: 18px; color:#333;}
.text-h1 h3 a:hover {color:#c20a14;}

.text-h1 h4{font-size: 13px;color: #7a7a7a;text-transform: uppercase;}
.text-h1 h4 a {color: #7a7a7a;}
.text-h1 h4 a:hover {color:#c20a14;}
.footer{padding-top: 30px;background: #f6f6f6;color: #444; width:100%; min-width:1200px;}
.footer .about{border-bottom: 1px solid #fff;}

/*-----三个图标-----*/

.footer .about .icon{padding-top: 30px;}
.footer .about .icon a{float: left;color: #9b9b9b;padding: 0 10px;}
.footer .about .icon a:hover{color: #cf2d34;}

/*-----联系方式-----*/

.footer .about .address{clear: both;margin-top: 10px;padding: 20px 0;border-top: 1px solid #eaeaea;}
.footer .about .address_con { width:1000px; float:left; overflow:hidden; line-height:36px;}
.footer .about .address .h1{color: #444;font-size: 16px; display:block;}
.footer .about .address em { font-style:normal; padding-left:200px;}

/*-----微信关注-----*/

.footer .about .address .wechat{padding-right: 0;text-align: center; width:120px; float:right;}
.footer .about .address .wechat img{margin: 10px auto; width:120px; height:120px;}

/*-----友情链接-----*/

.footer .link{border-top: 1px solid #eaeaea;padding: 20px 0;}
.footer .link p { width:1200px; margin:0 auto; padding:0;}
.footer .link p a { padding-right:20px; color:#666;}
.footer .link p a:hover { color:#cf2d34;}

/*-----导航版权-----*/

.footlink{padding: 25px 0;color: #979797; width:1200px; margin:0 auto; overflow:hidden;}
.footlink a{padding-right: 20px;color: #9b9b9b;}
.footlink a:hover{color: #cf2d34;}

/*-----侧边客服-----*/

.talk_list{width: 52px;position: fixed;bottom: 200px;right: 0;z-index: 99999;}
.talk_list img, .list_left img{width: 100%;height: 100%;}
.list_left{width: 130px;position: absolute;top: 0;right: 50px;padding: 0 10px;display: none;}
.list_show{background: url("/theme/pc/image/index.png") no-repeat;width: 50px;height: 50px;display: inline-block;}
.list_shop{background-position: -3px -55px;}
.list_customer{background-position: -53px -55px;}
.list_call{background-position: -103px -3px;}
.list_mall{background-position: -153px -3px;}
.list_top{background-position: -203px -3px;cursor: pointer;}
.list_shop:hover{background-position: -3px -3px;}
.list_customer:hover{background-position: -53px -3px;}
.list_call:hover{background-position: -103px -55px;}
.list_mall:hover{background-position: -153px -55px;}

/*------网站首页index.htm------*/

/*------首页轮播------*/

.banner { width:100%; z-index:0; min-width:1200px;}
.banner a {cursor: pointer; width: 100%; margin: 0 auto; height: 805px;background:no-repeat center top;display:block; min-width:1200px;}
.banner { position:relative; height:805px; overflow:hidden;}
.banner .btn{ width:100px; bottom: 20px; padding: 5px 6px;position: absolute;left:50%; margin-left: -50px; z-index: 7;}
.banner .btn span{ border-radius:14px; color:#eee;  background:#eee; border: 0px solid #5977d2;color: #FFFFFF;cursor: pointer;display: inline-block; width:18px; height:18px;cursor: pointer; margin-left: 5px;padding: 0px 0px; font-size:0px;transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;-webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;-o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;}
.banner .btn span.cur{ width:32px;height:18px;background:#a92027; color:#a92027;}

/*------简介视频------*/

.indexabout{height: 420px;background-color: #f9f9f9;padding: 80px 0 50px; width:100%; min-width:1200px;}
.indexabout .con{position: relative; width:1200px; margin:0 auto;}
.indexabout .con .red{background-color: #cf2d34;color: #fff;position: absolute;width:840px;padding: 50px 50px 90px;}
.indexabout .con .red h3,.indexabout .con .red h4,.indexabout .con .red h3 a,.indexabout .con .red h4 a{color: #fff;}
.indexabout .con .red h3 a:hover,.indexabout .con .red h4 a:hover{ text-decoration:underline;}
.indexabout .con .red p{padding-top: 30px;font-size: 14px; width:620px;}
.indexabout .con .pic{position: absolute;right: 0px;top: 70px;width: 40%;padding-left: 50px;}
.indexabout .con .pic img{width: 100%;}

/*------播放窗口------*/

#code{width: 530px;height: 320px;background-color: #fff;position: absolute;display: none;left: 45%;z-index: 1002;}
#closebt{position: absolute;right: 5px;top: 5px;}
#closebt img{width: 20px;}
.goodtxt{text-align: center; padding-top:25px;}
.goodtxt p{height: 30px;line-height: 30px;font-size: 16px;color: #000;font-weight: 600;}

/*------创始人致辞------*/

.indexzhici{background-color: #fff;padding: 60px 0;width:1200px; margin:0 auto;}
.indexzhici_l { width:318px;}
.indexzhici_l a { display:block; width:318px; height:200px; overflow:hidden;}
.indexzhici_l img { width:318px; height:200px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.indexzhici_l img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.indexzhici_r { width:820px;}
.indexzhici p{font-size: 14px;color: #a4a4a4;}
.indexzhici h4{padding-top: 30px;color: #474747;font-size: 18px;}
.indexzhici h4 a {color: #474747;}
.indexzhici h4 a:hover { color:#c20a14;}
.indexzhici .red{padding-top: 10px;color: #c2021e;font-size: 14px;}
.indexzhici .red a {color: #c2021e;}
.indexzhici .red a:hover { color:#c20a14;}
.indexzhici .red span{color: #cbcbcb;}

/*------新闻动态------*/

.indexnews{background-color: #f9f9f9;padding: 30px 0; width:100%; min-width:1200px;}
.indexnews .text-h1 { width:1200px; margin:0 auto;}
.indexnews .indexnews_l { width:570px; float:left;}
.indexnews .indexnews_r { width:570px; float:right;}
.indexnews .con{padding-top: 20px; width:1200px; margin:0 auto;}
.indexnews .con .pic{padding-top: 20px; width:570px;}
.indexnews .con .pic a { display:block; width:570px; height:200px; overflow:hidden;}
.indexnews .con .pic img{width:570px; height:200px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.indexnews .con .pic img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.indexnews .con .list{padding-bottom: 20px;width:570px; clear:both; }
.indexnews .con .list .pull-left { width:90px; float:left;}
.indexnews .con .list .time{width: 90px;padding-left: 10px;color: #444444;font-size: 20px;}
.indexnews .con .list .time span{display: block;font-size: 16px;color: #a4a1aa;}
.indexnews .con .list .pull-right{width: 470px; float:right;}
.indexnews .con .list .pull-right a{font-size: 18px;color: #444444; display:block; height:40px; line-height:40px; overflow:hidden;}
.indexnews .con .list .pull-right a:hover { color:#c20a14;}
.indexnews .con .list .pull-right p{color: #a4a1aa; height:48px; line-height:24px; overflow:hidden;}
.indexnews .indexnews_l .list .pull-right p{color: #a4a1aa; height:72px; line-height:24px; overflow:hidden;}
.indexnews .con .lists{padding-top: 20px;}
.indexnews .con .lists a{display: block;width: 100%;font-size: 18px;color: #444444;margin-bottom: 10px;}

/*------解决方案------*/

.solution{padding: 30px 0; width:1200px; margin:0 auto;}
.solution .solution_l { width:570px; float:left;}
.solution .solution_r { width:570px; float:right;}
.solution .box{padding: 20px 0;}
.solution .box .txts, .solution .box .pic{height: 200px;}
.solution .box .txts{background-color: #cf2d34;color: #fff;border-top: 5px solid #c2021e;padding: 75px 20px; width:197px; float:left; height:45px;}
.solution .box .txts h4{font-size: 18px;}
.solution .box .txts p{font-size: 11px;}
.solution .box .pic{border: 1px solid #dfdfdf;border-left: none;text-align: center;width:332px; float:right; height:198px;}
.solution .box .pic a { width:332px; height:198px; display:block; overflow:hidden;}
.solution .box .pic img{ width:332px; height:198px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.solution .box .pic img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.solution .box .into{clear: both;color: #979797;padding-top: 20px;}

/*------内页轮播banner_list.htm------*/

.topadcs { width:100%; min-width:1200px; height:288px;}



.scroll-index{padding: 88px 0 112px;}
.scroll-index .left{width: 240px;float: left;overflow:hidden;}
.scroll-index .left h2{color: #000000;font-size: 27px;line-height: 27px;}
.scroll-index .left i{width: 15px;height: 1px;display: block;margin: 10px 0;background: #ac1d24;}
.scroll-index .left p{font-size: 18px;color: #666;line-height: 24px;text-transform: uppercase;}
.scroll-index .left ul{padding-right: 30px;padding-top: 30px;}
.scroll-index .left ul li{}
.scroll-index .left ul li h3{padding: 15px 0;border-bottom: 1px dotted #ddd;}
.scroll-index .left ul li h3 a{display: block;font-size: 16px;height: 20px;line-height: 20px;border-left: 2px solid #ddd;padding-left: 15px;color: #999;}
.scroll-index .left ul li h3 a:hover{border-left: 2px solid #ac1d24;color: #ac1d24;}
.scroll-index .left ul li.cur h3 a{border-left: 2px solid #ac1d24;color: #ac1d24;}

.scroll-index .left dl { margin-top:10px;}
.scroll-index .left dl dd { padding:5px 0;}
.scroll-index .left dl dd a { color:#666; display:block;background-image:url(/theme/pc/style/a26.png); background-repeat:no-repeat; background-position:5px 6px; font-size:14px; line-height:20px;padding-left:20px;  }
.scroll-index .left dl dd a:hover {background-image:url(/theme/pc/style/a26_h.png);color: #ac1d24;}

.scroll-index .right{float: right;border-left: 1px solid #e6e6e6;width: 905px;padding-left: 49px;}


/*------单页模板list_page.htm------*/

.scroll-index .right .pages h2{font-size: 27px;color: #000;line-height: 27px;padding-left: 88px;background: url(style/pro05.png) no-repeat left center;margin-bottom: 35px;}
.scroll-index .right .pages p{font-size: 15px;color: #666666;line-height: 25px;padding-bottom: 20px;}
.scroll-index .right .pages .page_content { width:905px; overflow:hidden;}
.scroll-index .right .pages .page_content img { max-width:905px;}
.scroll-index .right .pages .more{display: block;padding-left: 34px;font-weight: normal;width: 200px;height: 47px;line-height: 47px;font-size: 16px;color: #fff;background: #ac1d24 url(style/pro06.png) no-repeat 155px center;transition: background 0.3s;margin-top: 35px;}

/*------新闻列表list_news.htm------*/

.news-list{padding: 0 0 52px;}
.news-list li{width: 100%;margin-bottom: 20px;border: 1px solid #f0f0f0;transition: box-shadow 0.3s;}
.news-list li span.box{transition: background 0.3s,color 0.3s;}
.news-list li a{display: block;width: 100%;}
.news-list li.even{background: #f5f5f5;}
.news-list li .data{padding: 0 7% 0 5%;height: 80px;line-height: 80px;position: relative;font-size: 14px;color: #333333;transition: background 0.3s,color 0.3s;}
.news-list li b{width: 21px;height: 11px;position: absolute;top: 50%;margin-top: -5px;right: 7%;background: url(style/news04.png) no-repeat center;transition: background 0.3s;}
.news-list li .box{padding: 40px 7% 62px 5%;display: block;}
.news-list li h2{font-size: 24px;color: #333333;line-height: 44px;margin-bottom: 13px;}
.news-list li .font{font-size: 14px;color: #888888;line-height: 24px;}
.news-list li:hover{box-shadow: 0 5px 20px rgba(11,1,2,.05);background: #fff;}
.news-list li:hover .data{background: #ae2128;color: #fff;}
.news-list li:hover span.box{background: #ae2128;color: #fff;}
.news-list li:hover h2{color:#fff;}
.news-list li:hover p.font{color:#fff;}
.news-list li:hover b{background: url(../style/news04_h.png) no-repeat center;}

/*------图片列表list_pic.htm------*/

.pic-list{width: 100%;}
.pic-list h2{font-size: 27px;color: #000;line-height: 27px;padding-left: 88px;background: url(style/pro05.png) no-repeat left center;margin-bottom: 35px;}
.pic-list p{font-size: 14px;color: #666666;line-height: 32px;width: 85%;margin: 0 auto;}
.pic-list ul{width: 100%;}
.pic-list li{float: left;width:272px;margin: 14px;  overflow:hidden;}
.pic-list li a{display: block; width:268px;height: 180px; overflow:hidden; border:1px solid #fafafa;padding:1px; text-align:center;}
.pic-list li p{color: #333;margin-top: 8px; margin-bottom: 8px;height:30px; line-height:30px; overflow:hidden; text-align:center;}
.pic-list li img{display: block;margin: 0 auto;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.pic-list li img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.pic-list .link{display: block;padding-left: 34px;font-weight: normal;width: 230px;height: 47px;line-height: 47px;font-size: 16px;text-align: left;color: #fff;background: #ac1d24 url(style/pro06.png) no-repeat 188px center;transition: background 0.3s;margin: 30px auto 0;}

/*------图片列表list_pro_pic.htm------*/

.pro-list{width: 100%;}
.pro-list h2{font-size: 27px;color: #000;line-height: 27px;padding-left: 88px;background: url(style/pro05.png) no-repeat left center;margin-bottom: 35px;}
.pro-list p{font-size: 14px;color: #666666;line-height: 32px;width: 85%;margin: 0 auto;}
.pro-list ul{width: 100%;}
.pro-list li{float: left;width:272px;margin: 14px;  overflow:hidden;}
.pro-list li a{display: block; width:268px;height: 368px; overflow:hidden; border:1px solid #fafafa;padding:1px; text-align:center;}
.pro-list li p{color: #333;margin-top: 8px; margin-bottom: 8px;height:30px; line-height:30px; overflow:hidden; text-align:center;}
.pro-list li img{display: block;margin: 0 auto;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.pro-list li img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.pro-list .link{display: block;padding-left: 34px;font-weight: normal;width: 230px;height: 47px;line-height: 47px;font-size: 16px;text-align: left;color: #fff;background: #ac1d24 url(style/pro06.png) no-repeat 188px center;transition: background 0.3s;margin: 30px auto 0;}

/*------新闻内容info_news.htm------*/

.news-info{padding: 0 0 52px;}
.info-hd{margin-bottom: 30px;text-align: center;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.info-hd h2{font-size: 18px;font-weight: normal;color: #333;padding: 0 0 10px;}
.info-bd{position: relative;overflow: hidden;min-height: 300px; width:905px;}
.info-bd img{ max-width:905px;}
.info-bd p{font-size: 15px;color: #666666;line-height: 25px;padding-bottom: 20px;}
.info-page{margin-top: 45px;padding: 15px 0 0;border-top: 1px solid #eee;}
.info-page .con{float: left;width: 80%;}
.info-page p{font-size: 12px;line-height: 22px;height: 22px;overflow: hidden;}
.info-page p a{color: #333;transition: all 0.5s;}
.info-page p a:hover{color: #c20a14;transition: all 0.5s;}
.info-page .back{float: right;display: inline-block;padding: 2px 22px;border: 2px solid #eee;color: #333;transition: all 0.3s;}
.info-page .back:hover{background: #c20a14;color: #fff;border: 2px solid #c20a14;transition: all 0.5s;}

/*------分页样式------*/

.page{width: 100%;padding: 13px 0;border-bottom: 1px solid #e8e8e8;text-align: center;background: #eeeeee;}
.page li{display: inline;}
.page li a{color: #7d7d7d;font-size: 14px;line-height: 14px;padding: 12px 14px;margin: 0 5px;display: inline-block;transition: background 0.3s,color 0.3s;}
.page li.active a{background: #9b0000;color: #fff;}