@charset "utf-8";
/* CSS Document */

body, button, input, select, textarea a{ font-size:14px; line-height:24px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img{ margin: 0;  padding: 0;}
html{color:#333333;margin:0px auto;padding:0px;OVERFLOW-X: hidden; }
fieldset, img, iframe, button{ border:0; text-decoration:none;}
/**:focus { outline: 0;}*/
ol, ul { list-style: none;}
table {  }
caption, { text-align: left;}
header, footer, article, section, nav{display: block;}
a {outline: none; /* for Forefox */ cursor:pointer; text-decoration: none; }
a { /* for Ie*/ }
input{ outline:none; }
em{ font-style:normal;}
input,select,img{ vertical-align:middle;}
textarea{ outline: none; resize:none;}
h1,h2,h3,h4,h5,h6,.fs14 { font-weight:normal;} 
a img{border: none;}
i{ font-style:normal;}
a{ color: #666; }
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.g-w{width:100%; min-width:1200px; margin:0 auto; height:auto;}
.g-box{ width:1200px; height:auto; margin:0 auto;}


/*top*/

.top{ width:100%; height:100px; background:#fff;}
.logo{ width:280px; height:70px; padding:15px 0;}
.logo img{ width:280px; height:70px;}

/*nav*/
.nav-con{ width:742px; height:50px; padding:25px 0;}
.nav{height:50px; line-height:50px;  position:relative; z-index:1;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 21px; font-size:16px; color:#333;}
.nav .sub{ display:none; width:110px; left:0; top:50px;  position:absolute; background:#fff; border:1px #ddd solid;  line-height:36px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center;}
.nav .sub a:hover{ color:#000;}
.nav .on h3 a{ }

/*banner*/
.focusBox { position: relative; width:100%; height:600px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0;height:100% !important; width:100% !important;  }
.focusBox .pic li{  height:100% !important; width:100% !important; }
.focusBox .prev,.focusBox .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-50px; left:20px;  background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .next{ left:auto; right:30px; background-position:-51px 0; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.focusBox .hd { position: absolute; left:47.5%; bottom:40px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{display: inline-block;width: 12px;height: 12px;border-radius:50px;background:#eee;margin: 0 10px !important;opacity: 1;cursor: pointer;}
.focusBox .hd .on{ background:#c82126;}

/*首页简介*/
.ind-about{ position:relative; height:720px; overflow:hidden}
.ind-about .deng{ background:url(../images/deng.png) no-repeat; width:100%; height:424px; top:0; position:absolute; z-index:2}
.ind-about .bg1{ background:url(../images/about_bg2.png) no-repeat; width:100%; height:386px; top:233px; position:absolute; z-index:1}
.ind-about .bg2{ background:url(../images/about_img.png) no-repeat; width:100%; height:615px; top:45px; position:absolute;}
.ind-about .title{ width:370px; position:relative; z-index:3; margin-left:130px; padding-top:90px; text-align:right}
.ind-about .title .en{ color:#ebebeb; font-size:65px; height:86px;text-transform:Uppercase; font-style:normal; display:block}
.ind-about .title .zh{ font-size:24px; font-style:normal; position:relative}
.ind-about .title .zh:before{display:block; content:" "; position:absolute;top:50%; right:110px; width:50px; height:2px;background:#c82126;}
.ind-about .inner{ width:460px; position:relative; z-index:3; margin-left:160px; padding-top:70px; }
.ind-about .inner p{line-height:30px; font-size:15px; color:#333; margin-bottom:20px;}
.ind-about .inner .more{position:relative; text-align:right; margin-top:30px; background:url(../images/ico3.png) no-repeat right center ; padding-right:5px;  }
.ind-about .inner .more:before{ position:absolute;display:block; content:" "; position:absolute; top:50%; margin-top:-0.5px; left:0;width:100%; height:1px; background:#b3b3b3}
.ind-about .inner .more a{  background:#f0f0f0; display:inline-block; position:relative; z-index:2; padding-left:15px; padding-right:15px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; color:#8c8c8c}
.ind-about .inner .more a:hover{ margin-right:20px;}

/*首页产品*/

.pro_tj{ background:url(../images/pro_tj_bg.jpg) no-repeat center top; padding-top:65px; text-align:center;border-bottom: solid 1px #ddd;margin-bottom:60px; }
.pro_tj .title{ margin-bottom:75px;}
.pro_tj .title .en{ color:#646469; font-size:65px;text-transform:Uppercase; font-style:normal; display:inline-block}
.pro_tj .title span{ display:inline-block; text-align:left; margin-left:10px;}
.pro_tj .title .zh{ color:#fff; font-size:24px;text-transform:Uppercase; font-style:normal; display:block; margin-bottom:5px;}
.pro_tj .title .more{ color:#c82126; font-size:14px;text-transform:Uppercase; font-style:normal; display:block; background:url(../images/ico2.png) no-repeat 50px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.pro_tj .title a:hover .more{ background:url(../images/ico2.png) no-repeat 60px;}

.slideTxtBox{}
.slideTxtBox .hd{width:608px; margin:0 auto;  position:relative;  }
.slideTxtBox .hd ul li{ float:left; width:120px; height:40px; line-height:40px; border:1px solid #fff;font-size:16px; margin:0 15px; display:block; text-align:center;cursor:pointer;  }
.slideTxtBox .hd ul li a{ color:#fff;}
.slideTxtBox .hd ul li.on{background:#c82126; border:1px solid #c82126; }
.slideTxtBox .bd{ margin-top:40px; background:#fff; padding:50px 30px;}
.slideTxtBox .bd ul{ overflow: hidden;margin: 0 -10px;}
.slideTxtBox .bd li{ float: left;width: 25%;}
.slideTxtBox .bd li .con {margin: 0 10px;background:#fff;}
.slideTxtBox .bd li .pic { width:265px; height:235px; overflow:hidden;}
.slideTxtBox .bd li .pic img { width:265px; height:235px; }
.slideTxtBox .bd li .text a { font-size:15px; line-height:50px;}

/*首页案例*/

.ind-case{margin-bottom:60px;}
.ind-case .title{ float:left; background:url(../images/case_title.jpg) no-repeat; width:149px; height:280px; padding:240px 0 0 220px; margin-bottom:15px;}
.ind-case .title .zh{ color:#fff; font-size:24px;text-transform:Uppercase; font-style:normal; display:block; margin-bottom:5px; position:relative; padding-bottom:15px; margin-bottom:15px;}
.ind-case .title .zh:before{display:block; content:" "; position:absolute; bottom:0; left:0;height:2px; background:#c82126; width:50px;}

.ind-case .title .more{ color:#666666; font-size:14px;text-transform:Uppercase; font-style:normal; display:block; background:url(../images/ico1.png) no-repeat 50px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.ind-case .title  a:hover .more{ background:url(../images/ico1.png) no-repeat 55px;}
.ind-case .inner{ position:relative; background:#000}
.ind-case .inner img{filter:Alpha(opacity=50);opacity:0.5;transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s;}
.ind-case .inner p{ position:absolute; color:#fff; font-size:18px; right:0; padding-right:25px; overflow:hidden; bottom:10px; height:50px; line-height:50px; width:325px; z-index:2; text-align:right; background:url(../images/case_hover.png) no-repeat; background-position:calc(100% + 350px );transition: all linear 0.4s;-webkit-transition: all linear 0.4s;-moz-transition: all linear 0.4s;}
.ind-case .inner:nth-child(1){  width:390px; height:245px; margin-left:15px; margin-bottom:15px;}
.ind-case .inner:nth-child(2){  width:390px; height:260px;margin-left:15px;margin-bottom:15px;}
.ind-case .inner:nth-child(3){  width:410px; height:520px; float:left;margin-left:15px;margin-bottom:15px;}
.ind-case .inner:nth-child(4){  width:509px; height:300px; float:left}
.ind-case .inner:nth-child(5){  width:676px; height:300px; float:left;margin-left:15px;}
.ind-case .inner a:hover p{ background-position:0}
.ind-case .inner a:hover img{filter:Alpha(opacity=100);opacity:1}


/*内页banner*/
.xbanner{clear: both; position: relative;width: 100%;height:360px;}


/*首页新闻*/

.ind-news{ margin-top:80px;}
.ind-news .title{ margin-bottom:35px;}
.ind-news .title .en{color:#ebebeb; font-size:65px; height:72px;text-transform:Uppercase; font-style:normal;  display:block; text-align:center}
.ind-news .title .zh{color:#262626; font-size:24px; font-style:normal; display:block; padding-bottom:15px; position:relative; text-align:center; margin-top:-8px; }
.ind-news .title .zh:before{display:block; content:" "; position:absolute;bottom:0%; left:50%; margin-left:-25px; width:50px; height:2px;background:#c82126;}

.ul-imgtxt03{overflow: hidden;margin: 0 -18px;}
.ul-imgtxt03 li{float: left;width: 33.33%;}
.ul-imgtxt03 li a{display: block;margin: 0 18px;}
.ul-imgtxt03 li .pic{overflow: hidden;position: relative;height: 0;padding-top: 67%;}
.ul-imgtxt03 li .pic img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;/*! max-width: 100%; *//*! max-height: 100%; */margin: auto;}
.ul-imgtxt03 li .txt{padding: 20px 0;}
.ul-imgtxt03 li .txt .tit{padding-bottom: 20px;position: relative;border-bottom: 1px solid #ccc;}
.ul-imgtxt03 li:hover .txt .tit{border-bottom: 1px solid #fff;}
.ul-imgtxt03 li .txt .tit:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;
-webkit-transition: .3s;-o-transition: .3s;}
.ul-imgtxt03 li:hover .txt .tit:after{width: 100%;background-color:#e60012;}
.ul-imgtxt03 li .txt .tit h3{margin-bottom: 15px;font-size: 16px;font-weight: 400;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-imgtxt03 li:hover .txt .tit h3{color:#e60012;}
.ul-imgtxt03 li .txt .tit span{font-size: 12px;color: #666;}
.ul-imgtxt03 li .txt p{margin: 20px 0;font-size: 12px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.ind-news .more{ background: url(../images/ico3.png) no-repeat 125px center #f0f0f0; line-height:50px; padding-left:70px; border:solid 1px #e6e6e6; border-radius:30px; width:115px; height:50px; margin:10px auto 30px auto}
.ind-news .more a{ color:#808080}

/* 首页招商加盟 */

#igood{width: 100%; min-width: 1200px; padding: 50px 0; background:#f7f7f7;}
#igood ul li{float: left; width: 200px; margin: 0 20px; text-align: center}
#igood ul li div{width: 88px; height: 88px; border: 1px solid #ccc; border-radius: 88px; margin: 0 auto; transition: 0.5s ease}
#igood ul li img{width: 40px; height: 40px; padding: 24px}
#igood ul li strong{height: 40px; line-height: 40px; display: block; font-size: 18px; color: #333; margin-top: 10px}
#igood ul li span{height: 20px; line-height: 20px; display: block; font-size: 12px; color: #666}
#igood ul li:hover div{transform: rotateY(180deg); transition: 0.5s ease}
#igood ul li:hover strong{color:#c82126}

/*  页脚  */
.footer {min-width: 1200px; background:#333;z-index:9}
.footer_t {min-width: 1200px;  border-bottom: 1px solid #2e2e2e;}
.footer_t_l {display: block; height: 70px; overflow: hidden;}
.footer_i_l {margin-top:60px; margin-right:80px;}
.footer_i_l h3{ font-size:18px; line-height:40px; color:#666; background:url(../images/tel.png) no-repeat 0 5px; padding-left:45px;}
.footer_i_l p{ width: 100%;margin-top:15px;font-size:20px;line-height:40px;color:#fff; }
.footer_i_l p span{ font-size:16px;color: #999; }

.footer_i {height:248px;}
.footer_i_i {margin-top:60px; }
.footer_i_i dd {width:136px;float: left;}
.footer_i_i dd h3{padding-bottom:8px; font-size: 16px; line-height:16px; margin-bottom: 20px; color: #ddd;}
.footer_i_i dd a.link{display: block; line-height:28px; font-size: 14px; color: #999;}
.footer_i_r {margin-top:40px;}
.footer_i_r_b {width: 140px; height: 140px; box-sizing: border-box; padding: 14px;}
.footer_i_r p {font-size: 14px; color:#999; line-height: 40px; text-align: center;}
.footer_b {min-width: 1200px; height: 50px; border-top: 1px solid #444;}
.footer_b_l {font-size: 13px; color:#999; line-height: 50px;}
.footer_b_l p{ text-align:center; font-size:14px;}
.footer_b_l p a{ color:#999;}


/*内页banner*/

.nbanner{clear: both; position: relative;width: 100%;height:470px;}



.sub_nav {text-align: center;border-bottom: solid 1px #dbdbdb; padding: 20px 0;position: relative;}
.sub_nav ul li{display: inline-block;padding: 0 50px;line-height: 40px;height: 40px;border-radius: 40px;font-size: 16px;background: #ebebeb;cursor: pointer;}
.sub_nav ul li.on, .sub_nav ul li:hover {background:#c82126;color: #fff;text-decoration: none;}
.sub_nav ul li.on a, .sub_nav ul li:hover a {color: #fff;}

.main{ margin-top:50px; margin-bottom:50px; }


/*关于我们*/

.about1 .about1_1{ float:left; width:510px;}
.about1 .about1_1 .title{ font-size:26px; position:relative; padding-left:15px; margin-bottom:50px;}
.about1 .about1_1 .title:before{display:block; content:" "; position:absolute; top:5px; background:#c82126; left:0; height:25px; width:2px}
.about1 .about1_1 .title:after{display:block; content:" "; position:absolute; top:50%; background:#c82126; left:145px;width:75px; height:1px; }
.about1 .about1_1 .inner p{ color:#737373; font-size:15px; line-height:30px; margin-bottom:30px;}
.about1 .about1_1 .inner span{ display:block; line-height:42px; font-size:16px;}
.about1 .about1_2 { float:right; width:610px;}

.about2{ margin-bottom:-40px;}
.about2_pic{ width:420px;}
.about2_words{ width:700px;}
.about2_words ul{ margin-left:-40px;}
.about2_words ul li{ width:330px; height:150px; float:left; margin-left:40px;}
.about2_words ul li h3{width: 43px;height: 1px;background: #cccccc;display: block;}
.about2_words ul li h2 {font-size: 18px;color: #333; line-height:40px;}
.about2_words ul li p{font-size: 14px;color: #555; }


/*新闻中心*/

.newslist{}
.newslist .n-list ul li{height: 190px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ccc;}
.newslist .n-list ul li .newpic{position:relative;height: 180px;width: 280px;position:relative; overflow:hidden;}
.newslist .n-list ul li img{position:absolute; top:0;left:0;width:280px; -moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.newslist .n-list ul li .newpic:hover img{cursor: pointer;transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.newslist .n-list ul li .fr{width:860px;}
.newslist .n-list ul li a {display: block;font-size: 16px; color:#000; line-height:40px;}
.newslist .n-list ul li a:hover{ color:#c82126;}
.newslist .n-list ul li .time{display: block; background: url(../images/inco18.png) 0 center no-repeat;padding-left: 25px;color: #999;margin-bottom: 10px;}
.newslist .n-list ul li .deails {font-size: 12px;color: #666;height: 44px;overflow: hidden;}
.newslist .n-list ul li .deailsbtn {padding-top: 25px;font-size: 13px;}
.newslist .n-list ul li .deailsbtn a span{ font-size:14px; color:#666; line-height:24px; padding: 6px 22px;border: 1px solid #ccc;display: inline-block; cursor:pointer;}
.newslist .n-list ul li .deailsbtn a span:hover {background:#c82126;border: 1px solid #c82126;color: #fff;}

.newsdisplay {width:100%;text-indent:2em;}
.newsdisplay h3 { width:100%; text-align:center; font-size:24px; color:#333; line-height:36px;}
.newsdisplay h4{ width:100%; text-align:center;  font-size:12px; color:#bbb; margin-bottom:20px; padding:8px 0 15px; border-bottom:1px dashed #bdbdbd;}
.newsdisplay p{ font-size:14px; color:#666; line-height:33px; }

.next{ width:100%; float:left; margin:30px 0 0;}
.next .next-left{ width:calc(100% - 80px);text-align:left;}
.next .next-left span { width:100%; display:block;float:left; line-height:30px; color:#666; font-size:14px; font-weight:300; text-indent:0 !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.next .next-left span a{ text-decoration:none; color:#666;} 
.next .next-left span a:hover{ color:#f08200;}
.next span { float:right; font-size:14px; font-weight:300; margin-right:40px;}
.next span a{ color:#666; padding:15px 0 0 0;}
.next span a:hover{color:#1e64bc;}


/*产品中心*/

.pro_list ul{ margin-left:-10px; margin-right:-10px;}
.pro_list ul li{ float:left; width:263px; border:solid 1px #e6e6e6; padding:10px; margin:0 10px 20px 10px; text-align:center ;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.pro_list ul li:hover{box-shadow: 0 0 5px #ccc;}
.pro_list ul li .img_area{width:263px;height:233px; position:relative }
.pro_list ul li .img_area img{ width:263px;height:233px; }
.pro_list ul li .txt_area{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:40px; line-height:40px;}

.page_main1 {text-align: center;margin-top:20px;}




/*销售网络*/
.xswl .bt{text-align:center; color:#333; font-size:30px; line-height:40px; font-weight:normal; margin-bottom:30px;}
.xswl .bt span{font-size:14px; color:#b1b1b1; display:block;}
.xswl .bt p{font-size:14px; color:#b1b1b1; line-height:24px; margin-top:15px;}
.xswl .bt p i{display:block;}
.xswl img{width:1100px; height:auto; display:block; margin:0 auto;}

/*招商加盟*/

.htit3 h3{font-size:30px;color:#f08918;font-weight:bold;padding-top:30px; text-align:left; padding-left:30px;}
.htit4 h3{font-size:30px;color:#e60012;font-weight:bold;padding-top:50px; text-align:left; }
.htit2 h3{font-size:30px;color:#0d6fa6;font-weight:bold;padding-top:50px; text-align:center; }
.join_odds_box .list_box .pic_box{width:50%;display:inline-block;float:right;text-align:center;}
.join_odds_box .list_box .text_box{width:50%;display:inline-block;float:left;}
.join_odds_box .box1 .pic_box{float:left;}
.join_odds_box .box1 .text_box{float:right;text-align:right;}

.join_odds{padding-bottom:80px;}
.join_odds_box .list_box .text{width:95%;font-size:15px;color:#666;line-height:36px;text-align:left;display:inline-block;padding-top:25px;}
.liucheng {padding-bottom:50px; background: #f7f7f7;margin-top:50px;}
.liucheng img{ margin-top:50px;}

/*案例展示*/


.case li { margin-bottom: 35px; vertical-align: top; margin-left: 1%; line-height: normal; font-size: 14px; display: inline-block; width: 23.3%; text-align: center; }
.case-img { height: 270px; overflow: hidden; width: 100%; max-height:245px; height:245px; min-height: 150px; border: 1px solid #e5e5e5; padding: 10px 0; }
.case-img img { width: auto; height: auto; max-height: 98% !important; vertical-align: middle; max-width: 98% !important; display: inline-block; margin: 0 auto; transition: 0.8s linear 0s; }
.case li:hover .case-img img { transform: scale(1.1); transition: 0.8s ease 0s; }
.case-img:before { vertical-align: middle; display: inline-block; height: 100%; content: ''; transition: 0.5s linear 0s; }
.case li p { line-height: normal; margin-top: 15px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }


/*联系我们*/

.contact_box .text_box{width:45%;float:left;display:inline-block;}
.contact_box .text_box h3{font-size:48px;line-height:60px;color:#c82126;}
.contact_box .text_box small{font-size:18px;}
.contact_box .text_box h4{font-size:20px;color:#303030;line-height:40px; font-weight:bold;}
.contact_box .text_box p{font-size:16px;color:#303030;line-height:40px;}
.contact_box .pic_box{width:45%;float:right;display:inline-block;}