@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.net/
**/
/* 样式重置 */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }
body { font: 12px/24px '微软雅黑', Arial, '宋体', HELVETICA; overflow-x: hidden; color: #666; background: #fff; }
img { border: 0; vertical-align: top; }
li { list-style-type: none; vertical-align: top; }
button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; resize: none; outline: none; }
a { text-decoration: none; outline: none; color: #666; transition: 0.2s;font-weight: bold; }
a:hover { color: #c21208; }
/* end 样式重置 */

/* 公共样式 */
.width { width: 1221px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.mb20 { margin-bottom: 20px; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.ib { display: inline-block; vertical-align: top; }
.z9 { z-index: 9; }
.title { text-align: center; }
.title h2 { line-height: 28px; font-size: 22px; color: #2c2c2c; }
.title h3 { font-family: Arial; color: #909090; }
/* end 公共样式 */

/* 头部 */
.topbar { background: url(/themes/Home/Public/images/topbar.gif) repeat-x; height: 38px; }
.topbar .fl { color: #545454; line-height: 38px; }
.topbar .fl span { color: #e20000; }
.topbar a, .topbar .fr span { display: inline-block; line-height: 18px; vertical-align: top; }
.topbar .fr { padding-top: 9px; }
.topbar .fr span { padding-left: 5px; }
.topbar img { border-radius: 50%; background: #6f6f6f; behavior: url(/PIE.htc); transition: 0.2s; }
.topbar a { color: #7e7e7e; }
.topbar a:hover { color: #c21208; }
.topbar a:hover img { background: #c21208; }
.topbar .txt { margin-left: 6px; margin-right: 10px; }
.topbar .img { margin-left: 8px; }
.topbar em { width: 1px; height: 10px; background: #a5a5a5; margin-right: 2px; position: relative; top: 5px; }
.head {background: #DADADA;height: 100px;}
.head h1 {padding-top: 22px;position: relative;z-index: 9}
.head .tel{margin-top: 20px;color:#0d4876;padding-left:45px;font-size:14px;background: url(/themes/Home/Public/images/telIcon.png) no-repeat left;}
.head .tel span{ color:#ce140e;font-size:26px;display: block;}
.top-right{float: right;margin-right: 50px;padding-top: 5px;}
.top-right .top-search{width: 185px;height: 30px;margin-right: 0;position: relative;}
.top-right .top-search input{background: #fff;width: 100%;border-radius: 50px;line-height: 26px;padding-left: 42px;}
.top-right .top-search .top-submit{position: absolute;left: 0;top: -2px; width: 42px;height: 30px; border-radius: 50px;background: url(/themes/Home/Public/images/top-search.png)no-repeat center;cursor: pointer;border: none;}
.search-on{padding: 30px;background: rgba(255,255,255,0.5);width: 100%;position: absolute;top: 100px;left: 0;height: 120px;z-index: 999;display: none}
.search-on form{width: 600px;margin: auto;padding: 10px 20px 10px 20px;background: #fff;border-radius: 50px;}
.search-on form span{color:#30A2E3;font-size: 15px;padding-right: 30px;}
.search-on form input{width: 66%;height: 40px;color:#666;outline: medium;background: none;border: 1px solid #bfbbbb;padding-left: 10px;}
.search-on form button{width: 40px;height: 40px;border: 0px;color:#fff;font-size: 15px;border-radius: 50%;cursor: pointer;float: right;background:  #f0f0f0 url(/themes/Home/Public/images/top-search.png)no-repeat center;}




/* 导航 */
.nav{width: 57%;float: right;margin-top: 27px;}
.nav ul{float:left;width: 1000px;}
.nav ul li{float:left; height: 72px; margin-right: 26px;text-align: center;}
/*.nav ul .m:hover{background: url(/themes/Home/Public/images/donw_ico.png) 48px 45px no-repeat ;}*/
.nav ul li:last-child{ border:none}
.nav ul li.active a{color:#ce140e}
.nav ul li a{display:block;color:#2D2121;padding: 13px 0;font-size:16px;}
.nav ul li a:hover{color:#ce140e }
.nav .search{float:right;width: 220px;margin: 11px 0 0 0;}
.nav .search form{width:100%;background: #fff;height: 27px;}
.nav .search input{float:left;padding:0 5px;  background: #fff; line-height: 27px;}
.nav .search button{float: right;width:30px;height:30px;cursor: pointer;background: url(/themes/Home/Public/images/searchIcon.png) no-repeat;border:0px;/* padding: 10px 0 0 0; */margin-top: 6px;}
.navsub{position: absolute;width: 1000px;height: auto;z-index: 999;top: 87px;display: none;text-align: center;left: 0}
.navsub dt{height: 40px;display: inline-block;margin-right: 5px;}
.navsub dt:last-child{ border:none}
.navsub dt a{display:block;color:#fff ! important;padding: 5px 0 5px 23px ! important;font-size:14px ! important;height: 25px;}
.navsub dt a:hover{ color:#ce140e ! important;line-height: 25px;height: 25px;}
.navsub2{width: 100%;background: #0D4876;}


.navBox{padding-top:30px;}
.navBox .trig{display: none;position: absolute;bottom: 0px;left: 45px;border-bottom: 6px solid #0D4876;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.second-bg{display: none;position: relative;width: 100%;height: 50px;background:#0d4876;z-index: 1;}
.navBox .nav-list{position: relative;width: 100%;height: 40px;z-index: 2;}
.navBox .nav-list>li{position: relative;}
.navBox .nav-list>li>a{position: relative;}
.navBox .nav-list>li ul{position: absolute;width: 1000px;display: none;z-index: 666;}
.navBox .nav-list>li ul li{float: left;height: 50px;font-size: 13px;line-height: 50px;margin: 0 0px 0 0px;}
.navBox .nav-list>li ul li a{color:#fff;font-size: 14px;display:inline-block;padding:0 0 0 20px;}
.navBox .nav-list>li ul li a:hover{color: #eee;}

.navBox .navOneLi{}
.navBox .navOneLi{float:left; height: 40px; line-height:40px; width:107px;text-align: center;}
/*.nav ul .m:hover{background: url(/themes/Home/Public/images/donw_ico.png) 48px 45px no-repeat ;}*/
.navBox .navOneLi:last-child{ border:none}
.navBox .navOneLi .a1.active{color:#ce140e}
.navBox .navOneLi .a1{display:block;color:#2D2121;/* padding: 13px 0; */font-size:16px;}
.navBox .navOneLi .a1:hover{color:#ce140e }
.navBox .navTwoUl{}
.navBox .navTwoUl li{}


/* 广告图 */
.banner { width: 100%; height: 602px; overflow: hidden; position: relative; }
.banner .bd { height: 602px; position: relative; left: 50%; margin-left: -960px; }
.banner .bd li { width: 1920px; }
.banner .hd { width: 100%; height: 12px; text-align: center; position: absolute; left: 0; bottom: 14px; }
.banner .hd ul { position: relative; z-index: 9; }
.banner .hd li { width: 10px; height: 10px; border: 1px solid #fff; display: inline-block; text-indent: -999px; overflow: hidden; margin: 0 7px; border-radius: 50%; overflow: hidden; cursor: pointer; behavior: url(/PIE.htc); }
.banner .hd .on { background: #d61108; border-color: #d61108; }
.banner_ctr{ height:90px;width:1360px;position:absolute;top:40%;z-index:2;left:36%; margin-left:-500px;}
.banner_ctr a{ display:block;width:114px;height:165px; background: url(/themes/Home/Public/images/ad_ctr.png) no-repeat 0 0; position:absolute; opacity:0.2;filter: alpha(opacity=20);display:block;}
.banner_ctr a.prev{left:0px;}
.banner_ctr a.next{right:0px; background-position: 0 -160px;}
.banner_ctr a:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/* end 广告图 */

/* 方案 */
.solution { padding-top: 50px; margin-bottom: 50px; }
.solution .title { margin-bottom: 43px; }

.solution li, .solution a { float: left; text-align: center; }
.solution a { width: 303px; height: 350px; border: 1px solid #fff; background: #fff; padding-top: 36px; }
.solution img { background: url(/themes/Home/Public/images/solution.png) no-repeat; margin-bottom: 28px; transition: 0.2s; }
.solution span { display: inline-block; vertical-align: top; width: 100%; }
.solution .tl { color: #222; font-size: 18px; position: relative; padding-bottom: 14px; margin-bottom: 17px;font-weight: 600; }
.solution .adorn { width: 34px; height: 2px; background: #453c37; position: absolute; bottom: 0; left: 50%; margin-left: -17px; }
.solution .txt {height:50px; overflow:hidden; color: #7f7f7f; line-height: 20px; width: 243px; padding: 0 30px; margin-bottom:20px; }
.solution .btn { width: 100px; height: 30px; line-height: 30px; background: #393939; color: #fff; font-family: Arial; transition: 0.2s; }
.solution a:hover { background: #f2f2f2; border-color: #ececec; }
.solution a:hover .btn { background: #c21208; }
.solution a:hover img { background-image: url(/themes/Home/Public/images/solutionOn.png); }
.solution .b img { background-position: -122px 0; }
.solution .c img { background-position: -244px 0; }
.solution .d img { background-position: -366px 0; }
/* end 方案 */

/* 服务 */
.service { background: url(/themes/Home/Public/images/service.jpg) no-repeat center 0; height: 553px; padding-top: 45px; }
.service .title { margin-bottom: 45px; }
.service .title h2 { color: #fff; }
.service .title h3 { color: #666e75; }

.serviceWrap li { width: 407px; height: 203px; float: left; background: #393939; text-align: center; }
.serviceWrap li:hover { background: #585858; transition: 0.2s; }
.serviceBox { width: 330px; margin: 0 auto; padding-top: 28px; }
.serviceBox h3 { font-size: 18px; color: #fff; margin-bottom: 6px; line-height: 30px; }
.serviceBox em { width: 34px; height: 2px; background: #e20000; margin-bottom: 17px; }
.serviceBox .p { color: #b2b2b2; margin-bottom: 20px; line-height: 22px; }
.serviceBox p { color: #b2b2b2; margin-bottom: 20px; line-height: 22px; }
.serviceBox a { width: 71px; height: 24px; background: #a6a6a6; color: #393939; }
.serviceBox a:hover { background: #c21208; color: #fff; }
/* end 服务 */

/* 新闻 */
.news { background: #f2f2f2; padding-top: 47px; height: 503px; }
.news .title { margin-bottom: 43px; }
.newsLeft { width: 585px; }
.newsRight { width: 558px; padding: 11px; background: #fff; height: 335px; overflow: hidden; }
.videoBox { width: 558px; height: 335px; overflow: hidden; }

.newsLeft li { width: 583px; height: 43px; border: 1px solid #ebebeb; background: #fff; margin-bottom: 11px; overflow: hidden; position: relative; }
.newsLeft .on { height: 131px; }
.newsLeft .on .newsList { display: none; }

.newsList { position: absolute; top: 0; left: 0; background: #fff; }
.newsList h3 a { color: #393939; line-height: 43px; background: url(/themes/Home/Public/images/newsIcon.gif) no-repeat 14px center; text-indent: 34px; width: 480px; }
.newsList h4 { color: #b4b4b4; line-height: 43px; padding-right: 22px; }

.newsBox { padding: 18px 18px 0; position: relative; }
.newsBox .fr { width: 416px; }
.newsBox h3 { margin-bottom: 3px; }
.newsBox h3 a { color: #393939; width: 100%; font-size: 16px; }
.newsBox h3 a:hover { color: #c21208; }
.newsBox p { margin-bottom: 5px; color: #7f7f7f; }
.newsBox .fl { position: relative; top: 3px; }
.newsBox .btn { width: 62px; height: 20px; background: #c21208; text-align: center; line-height: 20px; text-align: center; font-size: 14px; font-family: Arial; color: #fff; position: absolute; right: 18px; }
.newsBox .btn:hover { background: #FF635A; }

.newsTxt { padding-top: 13px; }
.newsTxt h3 { margin-bottom: 2px; }
.newsTxt h3 a { color: #393939; font-size: 16px; width: 100%; }
.newsTxt h3 a:hover { color: #c21208; }
.newsTxt p { margin-bottom: 2px; color: #393939; }
/* end 新闻 */


/*==QQ客服==*/
.float_qq{position:absolute;top:200px;right:0;width: 50px;height:263px;z-index:99999999;}
.float_qq li{width:auto;height: 50px;z-index:20;}
.qq_drop_down{display: none;width:60px;height: 52px;text-align: center;}
.float_qq li.float_qq1,.float_qq li.float_qq4{position:absolute;left:0;width: 50px;}
.float_qq li.float_qq1{top: 107px;}
.float_qq li.float_qq2{position:absolute;top: 0px;left:0;width:126px;}
.float_qq li.float_qq3{position:absolute;top: 53px;left:0;width: 230px;}
.float_qq li.float_qq4{ top:0;}
.float_qq li.float_qq5{top: 52px;position:absolute;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{display:block;color:#FFF;font-size:14px;height: 50px;line-height: 50px;overflow:hidden;background-color:#000;opacity:0.8;border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#df2128; opacity:1;}
.float_shwx{ position:absolute; top:0; left:-130px; background:url(/themes/Home/Public/images/float_wxbd.png) no-repeat top right; width:128px;color:#666; font-size:12px;display:none;background:#fff;border:1px solid #dadada;padding:5px;border:1px solid #ccc;line-height:20px;}
.float_shwx img{ display:block;margin:auto;background-color:#fff;width:110px; height:110px;margin-bottom:5px;}



/* 底部 */

.footer { background: #434343; }
.foot { }

.link{float:left;width:100%;padding:10px 0; color:#b9b9b9; font-size:13px; background: #000;}
.link a{  display:inline-block; color:#b9b9b9; font-size:12px; margin:0 5px;} 
.link a:hover{color:#c21208}

.footer .foot-main{float:left;width:100%;padding:10px 0 20px 0; color:#b9b9b9; font-size:13px; background:#434343}
.footer .foot-main a{  display:inline-block; color:#b9b9b9; font-size:12px; margin:0 5px;} 
.footer .foot-main a:hover{color:#c21208}


.express { padding-top: 18px; padding-left: 50px; }
.express dl { float: left; width: 150px; }
.express dt { margin-bottom: 11px; }
.express dd { line-height: 28px; }
.express h2 { font-size: 14px; color: #fff; }
.express h3 a { color: #b9b9b9; }
.express h3 a:hover { color: #c21208; }

.copyright {float:left;width:100%; height: 45px; line-height: 45px; color: #a2a2a2; background: #2e2e2e; }
.copyright span { margin-right: 14px; }
.copyright a { color: #a2a2a2; }
.copyright a:hover { color: #c21208; }

.siteInfo { padding-top: 18px; color: #b9b9bb; }
.siteInfo .cn { padding-top: 12px; color: #fff; }
.siteInfo .num { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 3px; }
.siteInfo .small { font-size: 25px; }
.siteInfo .big { font-size: 25px; }

.code { height: 181px; padding-top: 25px; color: #b9b9bb; text-align: center; width: 200px; border-left: 1px solid #525252; border-right: 1px solid #525252; }
.code img { margin-bottom: 14px; }
.code p { line-height: 18px; background: url(/themes/Home/Public/images/phone.png) no-repeat 7px center; width: 83px; margin: 0 auto; padding-left: 30px; }
/* end 底部 */

/* 内页 */
.pageBanner { overflow: hidden; width: 100%; margin-bottom: 20px; }
.pageBanner img { left: 50%; margin-left: -960px; width: 1920px; height: 200px; position: relative; }
.page { overflow:hidden; zoom:1; margin-bottom: 130px; }
.main { width: 970px; font-family: "宋体"; }

/* pageBanner */
.pageBanner { overflow: hidden; width: 100%; margin-bottom: 20px; }
.pageBanner img { left: 50%; margin-left: -960px; width: 1920px; height: 200px; position: relative; }

/* page */
.page { width: 1221px; margin: 0 auto; margin-bottom: 50px; }

/* feedbackBox */
.feedbackBox { padding-left: 100px; font-family: "Microsoft yahei"; }
.feedbackBoxTop { font-size: 16px; margin-bottom: 36px; padding-top: 20px; }
.feedbackBoxTop span { color: #c21208; }

/* side */
.side { width: 220px; }
.sideNav { margin-bottom: 20px; }
.sideNav h2 { height: 56px; line-height: 56px; text-align: center; font-size: 24px; background: #787878; color: #fff; margin-bottom: 2px; }
.sideNav .item { margin-bottom: 2px; }
.sideNav h3 a { display: block; height: 36px; line-height: 36px; background: url(/themes/Home/Public/images/default/sideNav.gif) no-repeat 200px #ECECEC; text-indent: 24px; position: relative; font-size: 13px; }
.sideNav h3 em { width: 4px; height: 3px; position: absolute; overflow: hidden; background: #fff; left: 24px; top: 17px; opacity: 0; filter: alpha(opacity=0); transition: 0.2s; }
.sideNav h3 a:hover, .sideNav .active h3 a { background-image: url(/themes/Home/Public/images/default/sideNavOn.gif); background-color: #c21208; color: #fff; text-indent: 34px; }
.sideNav h3 a:hover em, .sideNav .active h3 em { opacity: 1; filter: alpha(opacity=100); }
.sideNav ol { background: #f5f5f5; }
.sideNav .none a { background: none; }
.sideNav h4 { position: relative; height: 35px; }
.sideNav h4 a { position: absolute; left: 0; top: 0; width: 100%; height: 36px; line-height: 36px; text-indent: 24px; background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x; }
.sideNav h4 a:hover, .sideNav .on h4 a { background: #545454; color: #fff; }
.sideWrap { margin-bottom: 20px; }
.sideWrap h2 { height: 40px; line-height: 40px; font-size: 16px; text-indent: 20px; background: #787878; color: #fff; }
.sideBox { border: 1px solid #dadada; border-top: none; }
.contactBox { padding: 15px; }
.hotLine { background: url(/themes/Home/Public/images/default/hotLine.gif) no-repeat; padding-left: 45px; margin-bottom: 4px; height: 49px; }
.hotLine p { line-height: 16px; }
.hotLine h3 { font-size: 20px; font-family: Arial; font-weight: bold; line-height: 30px; }
.contactInfo { background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x; padding-top: 10px; }
.contactInfo span { vertical-align: top; display: inline-block; }
.contactInfo .value { width: 150px; }

/* imgSideBox */
.imgSideBox { padding: 10px 0; }
.imgSideBox li { width: 198px; margin: 0 auto 14px; }
.imgSideBox a { display: block; }
.imgSideBox img { width: 190px; height: 110px; padding: 2px; border: 1px solid #dadada; transition: 0.3s; }
.imgSideBox span { width: 168px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.imgSideBox a:hover { color: #c21208; }
.imgSideBox a:hover img { border-color: #c21208; }


/* breadCrumb */
.breadCrumb { height: 55px; border-bottom: 1px solid #dadada; position: relative; margin-bottom: 30px; display: table; width: 100%; }
.breadCrumb h2 { font-family: 'Microsoft Yahei'; font-size: 18px; position: relative; top: 2px; left: 0; height: 54px; line-height: 54px; padding: 0 4px; border-bottom: 3px solid #787878; color: #333; float: left; }
.breadCrumb .fr { color: #999; font-family: '宋体'; cursor: default; width: 600px; line-height: 16px; text-align: right; display: table-cell; vertical-align: middle; float: none; }

/* imgBox */
.imgBox { width: 970px; overflow: hidden; }
.imgBox ul { width: 1000px; }
.imgBox li { float: left; text-align: center; margin-bottom: 20px; }
.imgBox a { float: left; }
.imgBox img { border: 1px solid #dadada; transition: 0.2s; }
.imgBox span { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.imgBox a:hover { color: #c21208; }
.imgBox a:hover img { border-color: #c21208; }

/* productBox */
.productBox li { width: 282px; margin-right:30px; margin-left:10px; }
.productBox img { width: 280px; height: 200px; padding: 2px; }
.productBox span { width: 214px; }

/* imgPartnerBox */
.imgPartnerBox li { width: 180px; margin-right: 12px; }
.imgPartnerBox img { width: 176px; height: 100px; }
.imgPartnerBox span { width: 154px; }

/* imgSettingBox */
.imgSettingBox li { width: 244px; margin-right: 14px; }
.imgSettingBox img { width: 236px; height: 177px; padding: 2px; }
.imgSettingBox span { width: 214px; }

/* productBox */
.imgPictureBox li { width: 234px; margin-right: 11px; }
.imgPictureBox img { width: 226px; height: 260px; padding: 2px; }
.imgPictureBox span { width: 204px; }

/* product's picture */
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: Arial; *line-height: 1; *font-size: 271px; }
.tb-pic img { vertical-align: middle; }
.tb-pic, .tb-pic a { height: 320px; width: 350px; background: #fff; }
.tb-pic, .tb-pic img { max-height: 320px; max-width: 350px; _width: 350px; }
.tb-pic { border: 1px solid #dadada; position: relative; z-index: 1; }

.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.zoomMask { position: absolute; background: url(/themes/Home/Public/images/default/mask.png); cursor: move; z-index: 1;}

.tb-picList { width: 352px; height: 62px; overflow: hidden; margin-top: 10px; position: relative; }
.tb-picList .prev, .tb-picList .next { position: absolute; top: 20px; font-family: 'simsun'; font-weight: bold; font-size: 32px; }
.tb-picList .prev { left: 0; }
.tb-picList .next { right:0; }
.tb-picList .prev:hover, .tb-picList .next:hover { color: #c21208; }

.tb-picList .tb-thumb { position: relative; width: 290px; height: 62px; margin: 0 auto; overflow: hidden; }
.tb-picList .tb-thumb ul { position: absolute; width: 999999px; }
.tb-picList .tb-thumb li { float: left; width: 76px; overflow: hidden; position: relative; }
.tb-picList .tb-thumb a { display: block; width: 60px; border: 1px solid #dadada; text-align: center; background: #fff; }
.tb-picList .tb-thumb img { max-width: 100%; height: 60px; cursor: pointer; }
.tb-picList .tb-thumb em { position: absolute; width: 58px; height: 58px; border: 2px solid #c21208; top: 0; left: 0; display: none; }
.tb-picList .tb-thumb .tb-selected em { display: block; }

.productTop { margin-bottom: 20px; }
.productIntro { width: 590px; }
.productIntro h2 { background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x 0 bottom; font-size: 18px; font-family: 'Microsoft Yahei'; color: #000; padding: 10px 0; margin-bottom: 10px; }
.descriptionBox { height: 178px; overflow: hidden; }
.descriptionBox .explain .value { height: 116px; overflow: hidden; }
.descriptionBox span { display: inline-block; vertical-align: top; }
.descriptionBox .value { width: 320px; }
.productOrder a { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; border-radius: 4px; font-family: 'Microsoft Yahei'; background: #c21208; color: #fff; }
.productOrder a:hover { background: #e9ba25; }

.productShow { margin-bottom: 10px;}
.productShow .con img{max-width: 970px;height: 100%}
.productShow .hd { height: 38px; line-height: 38px; font-size: 14px; background: #c21208; font-family: 'Microsoft Yahei'; }
.productShow .hd li { float: left; padding: 0 20px; cursor: pointer; color: #fff; transition: 0.3s; }
.productShow .hd .on { background: #e9ba25; }
.productShow .con { padding: 10px 0; }

.column { margin-bottom: 20px; }
.column h2 { height: 36px; line-height: 36px; font-size: 14px; background: #eee; position: relative; text-indent: 20px; font-family: 'Microsoft Yahei'; }
.column h2 em { position: absolute; width: 4px; height: 14px; left: 10px; top: 50%; margin-top: -7px; background: #333; }

.productForm h2 { margin-bottom: 2px; }
.productFormBox { background: #eee; }
.productFormBox form { padding: 20px 0 20px 16px; }
.productFormBox p { float: left; margin-right: 10px; }
.productFormBox span { display: inline-block; vertical-align: middle; width: 50px; text-align: right; padding-right: 10px; line-height: 26px; }
.productFormBox input, .productFormBox textarea { vertical-align: top; transition: 0.3s; }
.productFormBox .row { margin-bottom: 10px; }
.productFormBox .row input { height: 24px; border: 1px solid #dadada; width: 150px; padding: 0 10px; line-height: 24px; }
.productFormBox textarea { width: 634px; height: 72px; border: 1px solid #dadada; padding: 10px; line-height: 18px; }
.productFormBox .row input:focus, .productFormBox textarea:focus { border-color: #aaa; }
.productFormBox img { border: 1px solid #dadada; margin-left: 10px; cursor: pointer; position: relative; top: 1px; }
.productFormBox .btn { padding-left: 60px; }
.productFormBox .btn input { width: 65px; height: 24px; line-height: 24px; text-align: center; background: #666; cursor: pointer; color: #fff; border-radius: 2px; margin-right: 10px; font-family: 'Microsoft Yahei'; }
.productFormBox .btn input:hover { background: #999; }
#verifyCode { width: 100px; }

.related h2 { margin-bottom: 10px; }

/* articleBox */
.articleBox li { overflow: hidden; zoom: 1; background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }
.articleBox img { width: 210px; height: 130px; border: 1px solid #EFEFEF; padding: 4px; }
.articleBox .fr { width: 720px; }
.articleBox h2 { font-size: 16px; font-family: 'Microsoft Yahei'; margin-bottom: 4px; padding-top: 6px; }
.articleBox h2 a { color: #000; }
.articleBox h2 a:hover { color: #c21208; }
.articleBox h4 { background: url(/themes/Home/Public/images/default/time.png) no-repeat 0 3px; padding-left: 24px; color: #a1a1a1; margin-bottom: 5px; }
.articleBox p { color: #888; }
.articleBox p a { color: #c21208; }
.articleBox p a:hover { text-decoration: underline; }
.articleBox .img { position: relative; }
.articleBox .img img { position: relative; z-index: 9; }
.articleBox .img em { position: absolute; width: 210px; height: 130px; background: url(/themes/Home/Public/images/default/timeBg.png) no-repeat #c21208; left: 5px; top: 5px; }
.articleBox .img span { color: #fff; position: absolute; width: 100%; text-align: center; left: 0; }
.articleBox .date { font-family: 'Microsoft Yahei'; font-size: 60px; line-height: 60px; top: 24px; }
.articleBox .yam { font-family: Arial; font-size: 18px; top: 88px; }

/* faqBox */
.faqBox h2 a { position: relative; padding-left: 26px; }
.faqBox h2 em { position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url(/themes/Home/Public/images/default/faq.png) no-repeat #c21208; border-radius: 3px; }
.faqBox p { background: url(/themes/Home/Public/images/default/faq.png) no-repeat 0 -26px; padding-left: 26px; }

/* faqOtherBox */
.faqOtherBox { border-top: 1px solid #f1f1f1; }
.faqOtherBox h2 a { display: block; font-size: 16px; font-family: 'Microsoft Yahei'; position: relative; padding: 10px 10px 10px 36px; border-bottom: 1px solid #f1f1f1; color: #999; }
.faqOtherBox h2 em { position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/themes/Home/Public/images/default/faq.png) no-repeat #c21208; border-radius: 3px;  }
.faqOtherBox .on a { background: #ECECEC; color: #000; }
.faqOtherBox .con { padding: 20px 0; border-left: 3px solid #c21208; padding-left: 34px; background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x 0 bottom; }

/* articleShow */
.articleTop { text-align: center; background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }
.articleTop h2 { font-size: 22px; color: #000; margin-bottom: 16px; font-family: "Microsoft yahei"; }
.articleTop p { color: #999; }
.articleTop span { margin: 0 5px; }
.articleTop a { margin: 0 5px; }
.articleTop .active { color: #000; font-weight: bold; }

.articleShow { margin-bottom: 20px; font-size: 14px; }

.articleCtrl { height: 36px; line-height: 36px; background: #eee; margin-bottom: 10px; color: #999; padding: 0 10px; cursor: default; }
.articleCtrl p { background: url(/themes/Home/Public/images/default/articlectrl.png) no-repeat 0 -25px; vertical-align: top; width: 40%; }
.articleCtrl .fl { padding-left: 16px; }
.articleCtrl .fr { padding-right: 16px; background-position: right 10px; text-align: right; }
.articleCtrl a { color: #333; }
.articleCtrl a:hover { color: #e9ba25; }

.articleList { overflow: hidden; }
.articleList h2 { margin-bottom: 10px; }
.articleList ul { width: 1000px; }
.articleList li, .articleList h3, .articleList a { float: left; }
.articleList li { width: 475px; margin-right: 20px; height: 32px; line-height: 32px; background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x 0 bottom; }
.articleList a { background: url(/themes/Home/Public/images/default/txt.png) no-repeat 6px center; padding-left: 26px; width: 370px; }
.articleList span { float: right; color: #999; font-family: Arial; }

/* pictureDetail */
/* picture's picture */
.pictureDetail .tb-pic a { cursor: default; }
.pictureDetail .tb-pic, .pictureDetail .tb-pic a { height: 500px; width: 738px; }
.pictureDetail .tb-pic, .pictureDetail .tb-pic img { max-height: 500px; max-width: 738px; _width: 500px; }
.pictureDetail .tb-pic { border: 1px solid #ECECEC; padding: 10px; }

.pictureDetail .tb-picList { width: 760px; height: 72px; }
.pictureDetail .tb-picList .tb-thumb { width: 674px; height: 72px; }
.pictureDetail .tb-picList .tb-thumb li { width: 86px; }
.pictureDetail .tb-picList .tb-thumb a { width: 70px; }
.pictureDetail .tb-picList .tb-thumb img { height: 70px; }
.pictureDetail .tb-picList .tb-thumb em { width: 68px; height: 68px; }

.pictureDetail .tb-picList .prev, .pictureDetail .tb-picList .next { top: 0; font-size: 18px; color: #fff; width: 25px; height: 72px; line-height: 72px; background: #ccc; text-align: center; }
.pictureDetail .tb-picList .prev:hover, .pictureDetail .tb-picList .next:hover { background: #c21208; }
.pictureDetail .tb-picList .non, .pictureDetail .tb-picList .non:hover { background: #F3F3F3; cursor: default; }

.pictureTop { margin-bottom: 20px; }

/* downloadList */
.downloadList { font-family: 'Microsoft Yahei'; }
.downloadList li { overflow: hidden; zoom: 1; background: url(/themes/Home/Public/images/default/splitBg.gif) repeat-x 0 bottom; height: 30px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px; }
.downloadList h2 { float: left; background: url(/themes/Home/Public/images/default/file.png) no-repeat 6px 2px; padding-left: 40px; font-size: 14px; color: #000; }
.downloadList a { float: right; background: url(/themes/Home/Public/images/default/download.png) no-repeat 0 6px; padding-left: 16px; color: blue; }
.downloadList a:hover { text-decoration: underline; }

/* jobList */
.jobList { border: 1px solid #ddd; border-top: none; }
.jobList ol { height: 45px; line-height: 45px; border-top: 1px solid #e3e3e3; background: #f4f4f4; cursor: pointer; font: normal 12px/45px "Microsoft YaHei"; }
.jobList ol li { float: left; width: 165px; padding-left: 22px; }
.jobList b { color: #000; }
.jobList .con { padding: 8px 25px; color: #999; display: none; }

/* pagination */
.pagination span { background: #c21208; }





.clear{ clear: both;}


/*2017/09/08/*/
.wh{width:100%;}

.titleAx{margin: 20px 0;text-align: center;}
.titleAx b{width:100%;display:block;color:#0e7ed5;font-size:32px;font-weight: bold;font-weight: 400;padding-bottom: 20px;font-weight: bold;}
.titleAx hr{width:100px;height:2px;margin:auto;display: block;background: #c21208;border: 0px;}
.titleAx p{color:#0e7ed5;font-size:15px;padding-top: 10px;font-weight:bold;}


.HomeSolve-1{  background: url(/themes/Home/Public/images/NewHomeSolveBG3.jpg) no-repeat center; }
.HomeSolve-2{  background: url(/themes/Home/Public/images/NewHomeSolveBG1.jpg) no-repeat center; }
.HomeSolve-3{  background: url(/themes/Home/Public/images/NewHomeSolveBG2.jpg) no-repeat center; }
.HomeSolve{padding:50px 0 100px 0;}
.HomeSolve .tone{ margin:30px 0;text-align: center;}
.HomeSolve .tone a{color: #fff}
.HomeSolve .tone li{display: inline-block;margin:0 5px;color:#fff;font-size:14px;padding:10px;background: #0e7ed5;cursor: pointer;position: relative;} 
.HomeSolve .tone li em{ display:none;background: url(/themes/Home/Public/images/horn.png) no-repeat center;width: 15px;height: 6px;position: absolute;bottom: -6px;width: 100%;left: 0;}
.HomeSolve .tone li:hover,.HomeSolve .tone li.hit{background:#c21208;}
.HomeSolve .tone li:hover em,.HomeSolve .tone li.hit em{display:block;}
.HomeSolve .down{margin-top:20px;}
.HomeSolve .down .box{  background: #fff; }
.HomeSolve .down .box img{float:left;display: block;width: 561px;height: 360px;}
.HomeSolve .down .box .frame{padding: 30px 50px;width: 560px;float: right;height: 300px;background: #fff; }
.HomeSolve .down .box .frame h3 a{ color:#0e7ed5; font-size:30px;font-weight: bold;}
.HomeSolve .down .box .frame h3{ margin:0 0 20px 0}
.HomeSolve .down .box .frame p{color:#666666; font-size:16px; line-height: 30px;}
.HomeSolve .down .box .frame b{display: inline-block;margin-top: 20px;}
.HomeSolve .down .box .frame b a{display: block;border: 1px #666 solid;color:#666666;font-size:14px;padding: 6px 15px;}
.HomeSolve .down .box .frame b a:hover{border: 1px #c21208 solid; color:#c21208;}

.Homehonor{margin:50px 0 20px 0;}
.Homehonor .honor li{width: 240px;height: 345px;float: left;text-align: center;border: 1px #ddd solid;margin-right: 10px;}
.Homehonor .honor li:hover{border: 1px solid red}
.Homehonor .honor li img{width: 240px;height: 320px;}
.honor{width: 1221px;margin: 0 auto;}

.HomeCase{margin:50px 0 20px 0;}
.HomeCase .tone{ margin:30px 0;text-align: center;}
.HomeCase .tone li{display: inline-block;margin:0 5px;color:#fff;font-size:14px;padding:10px;background: #0d4876;cursor: pointer;position: relative;} 
.HomeCase .tone li a{color:#fff;font-size:14px;}
.HomeCase .tone li:hover,.HomeCase .tone li.hit{background:#c21208;}
.HomeCase .down .list{}
.HomeCase .down .list li{float:left;width: 387px;margin: 0 10px 20px 10px;text-align: center;}
.HomeCase .down .list li img{ display:block;width:100%; height:250px;text-align: center;}
.HomeCase .down .list li .frame{padding:20px 30px; background: #eeeeee;}
.HomeCase .down .list li .frame h3{ font-size:14px; color:#000000;}
.HomeCase .down .list li .frame p{color:#666666;font-size:12px;margin: 10px 0 20px 0;}
.HomeCase .down .list li .frame em{display:block;width: 30px;height: 30px;margin:auto;color:#fff;font-size:19px;text-align: center;background: #c21208;font-style: initial;margin-bottom: -20px;line-height: 30px;}
.HomeCase .down .list li a:hover h3,.HomeCase .down .list li a:hover p{color:#c21208;}


.HomeProduct{margin: 30px 0 0px 0;padding: 50px 0 70px 0;background: #eeeeee;}
.HomeProduct .tone{ margin:30px 0;text-align: center;}
.HomeProduct .tone li{display: inline-block;margin:0 5px;color:#fff;font-size:14px;padding:10px;background: #0d4876;cursor: pointer;position: relative;} 
.HomeProduct .tone li a{color:#fff;font-size:16px;}
.HomeProduct .tone li:hover,.HomeProduct .tone li.hit{background:#c21208;}
.HomeProduct .down .list{}
.HomeProduct .down .list li{float:left;width: 279px;margin: 0 13px 20px 13px;text-align: center;}
.HomeProduct .down .list li img{display:block;width:100%;text-align: center;border: 1px #ddd solid;height: 187px;}
.HomeProduct .down .list li h3{ font-size:16px; color:#666;padding:5px 0;background: #fff;}
.HomeProduct .down .list li a:hover h3{color:#c21208;}
.HomeProduct .down .list li a:hover img{border: 1px #c21208 solid;}
.HomeAbout{background: url(/themes/Home/Public/images/HomeAboutBG.jpg) no-repeat center top;padding: 50px 0 0 0;height: 567px;}
.HomeAbout .long{float: left;width: 100%;}
.HomeAbout .long .img{float:left;width: 635px;height: 510px;}
.HomeAbout .long .frame{float: right;padding: 27px 48px;width: 407px;background: #fff;position: relative;left: -106px;top: 57px;}
.HomeAbout .long .frame h2{margin:0 0 20px 0;color:#000000; font-size:30px;font-weight:bold;}
.HomeAbout .long .frame .wx{margin:10px 0;color:#66666; font-size:16px; line-height:30px;}
.HomeAbout .long .frame a{display: inline-block;color:#999;padding: 5px 35px;font-size:12px;border:1px #ddd solid;margin-top: 20px;}
.HomeAbout .long .frame a:hover{ border:1px #c21208 solid; color:#c21208;}



.HomeNews{padding:50px 0 35px 0; background: #ebebeb;}
.HomeNews .box{ width:580px; }
.HomeNews .box h1.title{text-align: initial;margin:0 0 10px 0;}
.HomeNews .box h1.title b{color:#2c2c2c;padding-left: 10px;border-left:solid 3px #c21208;font-size:22px;font-weight: 400;}
.HomeNews .box h1.title a{float:right;font-style:initial;color:#fff;font-size:15px;width: 15px;height: 27px;background:#393939;text-align: center;}
.HomeNews ul li{ margin-bottom:10px;background: #fff;}
.HomeNews ul li.one{padding:20px;}
.HomeNews ul li.one img{ float:left; margin-right:10px;width:120px; height:90px;}
.HomeNews ul li.one h4{color:#393939; font-size:16px;}
.HomeNews ul li.one span{ display:block; margin:1px 0;font-size:12px;color:#aaaaaa;}
.HomeNews ul li.one p{color:#7f7f7f; font-size:12px;}
.HomeNews ul li.two{color:#393939;font-size:12px;padding: 10px 10px 10px 35px;background: #fff url(../images/ico01.png) no-repeat 13px 18px;}
.HomeNews ul li.two span{float:right; color:#b4b4b4; font-size:12px;}
.HomeNews ul li a:hover,.HomeNews ul li a:hover h4{color:#c21208}

	.poster-main{
		position: relative;
		margin: 50px auto;
	}
	.poster-main .poster-list .poster-item{
		position: absolute;
		left: 0;
		top: 0;
	}
	.poster-main .poster-btn{
		position: absolute;
		top: 0;
		cursor: pointer;
	}
	.poster-main .poster-prev-btn{
		left: 0;
		background: url("/themes/Home/Public/images/btn_l.png") no-repeat center center;
	}
	.poster-main .poster-next-btn{
		right: 0;
		background: url("/themes/Home/Public/images/btn_r.png") no-repeat center center;
	}
	


/*首页案例*/
.merchants3 .block{width:1230px;height:100%;margin:0 auto;}

.merchants3{background:#fff;height:750px;position:relative;overflow:hidden;}
.merchants3 .p1{position:absolute;top:0px;left:50%;margin-left:170px;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;}
.merchants3.show .p1{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;z-index:2;}
.merchants3 .block{padding-top:50px;}
.merchants3 .title{text-align:center;color:#833c1e;}
.merchants3 .title h1{color:#833c1e;font-family:'ownfont';font-size:50px;text-transform:uppercase;}
.merchants3 .title h2{margin-top:10px;font-size:32px;color:#833c1e;}
.merchants3 .title p{font-size:14px;margin-top:8px;}
.merchants3 .focus{margin-top:40px;height:550px;position:relative;}
.merchants3 .focus .frame{position:relative;width:1005px;height:100%;}
.merchants3 .focus .frame .child{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;
transform:scale(0.5);-webkit-transform:scale(0.5);
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.merchants3 .focus .frame .child.now{transform:scale(1);-webkit-transform:scale(1);z-index:1;opacity:1;
transition-duration:0s;-webkit-transition-duration:0s;}
.merchants3 .focus .frame .child .pic{position:absolute;left:0;top:0;width:549px;height:549px;overflow:hidden;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform:translateX(-80px);-webkit-transform:translateX(-80px);}
.merchants3 .focus .frame .child .txt{position:absolute;right:0;top:45px;width:490px;height:460px;overflow:hidden;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1);opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform:translateX(80px);-webkit-transform:translateX(80px);}
.merchants3 .focus .frame .child.now .pic{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.merchants3 .focus .frame .child.now .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.merchants3 .focus .frame .child .txt .inner{padding:95px 45px 0;font-size:16px;line-height:1.5;}
.merchants3 .focus .frame .child .txt h3{font-size:30px;color:#833c1e;margin-bottom:20px;line-height:30px;font-weight:bold;}
.merchants3 .focus .frame .child .txt h3 img{vertical-align:middle;margin-right:10px;}
.merchants3 .focus .nav-2{position:absolute;right:125px;top:200px;text-align:center;}
.merchants3 .focus .nav-2 .prev{background:url(/themes/Home/Public/images/arrow2a.png) center center no-repeat;width:35px;height:35px;display:block;margin-bottom:15px;cursor:pointer;}
.merchants3 .focus .nav-2 .next{background:url(/themes/Home/Public/images/arrow2b.png) center center no-repeat;width:35px;height:35px;display:block;margin-top:15px;cursor:pointer;}
.merchants3 .focus .nav-2 .index{font-family:Arial;font-size:20px;color:#833c1e;}
.merchants3 .focus .nav-2 em{background:url(/themes/Home/Public/images/arrow2c.png) center center no-repeat;height:14px;display:block;}
.merchants3 .focus .nav-2 .count{font-family:Arial;font-size:20px;color:#833c1e;}