/*
* @Author: Administrator
* @Date:   2017-07-27 15:03:45
* @Last Modified by:   Administrator
* @Last Modified time: 2017-12-20 10:53:12
*/
*{margin: 0; padding: 0; border: 0;}
body{margin: 0; padding: 0; min-width: 1200px; background: #fff; font-family: "Microsoft YaHei";}
ul {margin: 0; padding: 0; list-style: none;}
li{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none; color:#333}
.clear{ clear: both;}

.an{ background:url(/images/ga.png) no-repeat; background-position: center left; padding-left: 24px;}


.top{ width: 100%; border-top: 4px solid #cf1616;}
.header { width: 1200px; margin: 0 auto; height: 115px;}
.header  .header_l{ float: left; width: 296px;}
.header  .header_l img{ width:100%; margin-top:8px;}
.header  .header_r { width: 904px; float: left;}
.header  .header_r .header_rt ul{ overflow: hidden; margin-left: 616px; margin-top: 15px;}
.header  .header_r .header_rt ul li{ float: left; margin-right: 10px;}
.header  .header_r .header_rt:first-child .tu{ margin-left: 20px;}
.header  .header_r .header_rt .tu { position: absolute;margin-left:-20px; display: none;
    transition:all 0.6s;
    -webkit-transition: all .6s ;
    -moz-transition: all .6s ;
    -o-transition: all 0.6s;}
.header  .header_r .header_rt li:hover .tu{ display: block;  transition:all 0.6s;z-index: 999;
    -webkit-transition: all .6s ;
    -moz-transition: all .6s ;
    -o-transition: all 0.6s;}
#nav_l{ color: #cf1616;}


/******************************banner开始*******************************/
.banner{width: 100%; overflow: hidden;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;
    border:1px solid #cf1616;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute;
    left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#cf1616;}

/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;min-width: 1080px;text-align:center;}

.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;	background:#000;
    background:rgba(0,0,0, .7);	left:0;	right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;
    text-indent:-9999px;overflow:hidden;text-decoration:none;height:74px;width:46px;
    background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}

@media screen and (max-width:600px){
    .callbacks_nav{
        top:47%;
    }
}
/******************************banner结束*******************************/


/******************************产品开始*******************************/
.products-s{/*background: url('../images/pro-bg.jpg') no-repeat center;*/ height: 791px;}
.product{ width: 1200px; margin: 0 auto;}
.tit h3{  line-height: 30px; text-align: center; font-size: 36px; font-weight: 500;
    background: url("../images/pro_tit.png") no-repeat center; width: 1116px; height: 59px; margin: 0 auto;
     padding-top: 40px;}

.block{  display:block;  }
.none{  display:none;  }

/*大盒子*/
#wrap1{  width:1160px;  /*height:620px; */ overflow:hidden;  margin:0 auto;  }
#diya{  list-style:none;  overflow: hidden;  text-align: center; margin: 0 auto; width: 802px;}
#diya li{  border:1px solid #999;  text-align:center;  line-height:30px;  float:left;  margin-left: 12px;
           color: #222;  padding: 2px 32px;  }
#diya li:hover{ background: #e3141e; color: #fff; border: none; padding: 3px 33px;}

/*内容盒子*/
#wrap1 div{  width:1072px; /* height:580px;*/ margin: 0 auto; }
#wrap1 div ul { overflow: hidden;}
#wrap1 div ul li { float: left; width: 249px; height: 228px; border: 1px solid #DDDDDD; margin:20px 8px;}
#wrap1 div ul .pro img{ width: 218px; height: 144px; display: block; margin: 22px auto;}
#wrap1 div ul .pro span{ display: block; text-align: center; line-height: 30px; }
#wrap1 div ul li:hover{ box-shadow: 5px 5px 5px #ccc9c9; }
#wrap1 div ul li:hover a{ color: #e3141e;}
/******************************产品结束*******************************/


/****************************** 新闻开始 *******************************/
.news{ background: url("../images/new_bg.jpg") no-repeat center; width: 100%; height: 568px;}
.news .tit{ padding-top: 35px;}
.news .tit h3{ margin-top: 0;}
.news .new_list{ width: 1200px; margin: 0 auto; }
.news .new_list ul{ overflow: hidden; padding: 18px 50px 58px;}
.news ul li{ float: left; width: 300px; margin: auto 25px;}
.news ul li img{ width: 300px; height: 190px;}
.news ul li p{ font-size:20px; color: #333; margin: 22px auto 28px; }
.news ul li span { font-size: 14px; color: #666;}
.news ul li .line{ width: 300px; height: 8px; background: #d3d3d3; margin-top: 16px;}
.news ul li:hover p{ color: #000000;}
.news ul li:hover span{ color: #222;}
.news ul li:hover .line{ background: #e3141e;}

/****************************** 新闻结束 *******************************/


/****************************** 关于我们开始 *******************************/
.abouts{ /*width:100%; background: url("../images/ab-bg.jpg") no-repeat center; height: 576px;*/}
.about{  width: 1200px; margin: 0 auto;}
.ab_con .ab_l{ float: left; width: 414px;}
.ab_con .ab_r{ float: left; width: 690px; height: 325px; margin: 30px 0 40px 20px;}
.ab_con .ab_r .ab_rt{ width: 212px; height: 56px; margin-bottom: 15px;}
.ab_con .ab_r p{ line-height: 30px; color: #666; text-indent: 32px;}
.ab_con .ab_r .ab_rb img { float: right; position: relative; top:-70px;}
.ab_con .ab_r a{ display: block; width: 130px; height: 40px; border: 1px solid #e3141e; color: #333; text-align: center;
                  line-height: 40px; border-radius: 3px; margin-top: 35px; transition: all 0.4s;}
.ab_con .ab_r a:hover{ background: #e3141e; color: #FFFFFF;transition: all 0.4s;}

/****************************** 关于我们结束 *******************************/


/****************************** 加盟开始 *******************************/
.jion{ width: 100%; height: 646px; background: url("../images/jion_bg.jpg") no-repeat center;}
.jion .tit{ padding-top: 30px;}
.jion .jion_con{ width: 1200px; margin: 0 auto;}
.jion .jion_con ul{ overflow: hidden;}
.jion .jion_con ul li{ float: left; width: 300px;}
.jion .jion_con ul li img{width: 107px; height: 107px; display: block; margin: 40px auto;
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
}
.jion .jion_con ul li img:hover{
    -webkit-transform:rotatey(360deg);
    -moz-transform:rotatey(360deg);
    -o-transform:rotatey(360deg);
}

.jion .jion_con ul li h3{ font-weight: 500; font-size: 26px; color: #222; text-align: center; margin: 5px auto 23px;}
.jion .jion_con ul li p{ width: 230px; margin: 0 auto; color: #444; line-height: 24px;}
.jion .jion_con .more{ width:160px; height: 45px; border: 1px solid #e3141e; text-align: center; line-height: 45px; margin: 40px auto; border-radius: 3px;}
.jion .jion_con .more:hover a{ background: #e3141e; color: #fff; display: block;}

/****************************** 加盟结束 *******************************/



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:999;top:360px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:14px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:url(../images/fixCont.png)#ff4a00 no-repeat 0 0;}
.yb_bar .yb_phone{background:url(../images/fixCont.png) #ff4a00 no-repeat 0 -57px;font-size:18px; line-height:53px; font-weight:600; font-family:Arial, Helvetica, sans-serif;}
.yb_bar .yb_QQ{text-indent:0;background:url(../images/fixCont.png) #ff4a00 no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:url(../images/fixCont.png) #ff4a00 no-repeat 0 -169px;}
.hd_qr{padding:0 30px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



/****************************** 底部开始 *******************************/
.bottom{ width: 100%; height: 190px; /*background: url("../images/foot-bg.jpg") no-repeat center;*/}
.bottom h3{ font-size:22px; font-weight: 500; margin-top: 42px;}
.bottom .bot_con{ width: 1200px; margin: 0 auto;}
.bottom .bot_con .bot_l{ float: left;}
.bottom .bot_con .bot_l ul { overflow: hidden;}
.bottom .bot_con .bot_l .one{ float: left;  font-size: 22px; margin:42px  45px 17px 0;}
.bottom .bot_con .bot_l .one ul{ margin-top: 15px;}
.bottom .bot_con .bot_l .two{ color: #999; font-size: 16px; line-height: 26px; text-align: center;}
.bottom .bot_con .bot_m{ float: left; width: 440px;}
.bottom .bot_con .bot_m img{ float: left; margin-top: 15px;}
.bottom .bot_con .bot_m ul{ margin: 10px;}
.bottom .bot_con .bot_m li{ line-height: 30px;}

.bottom .bot_con .bot_r{ float: left; width: 110px;}
.bottom .bot_con .bot_r img{ display: block; margin: 15px auto;}


.ft{ /*background: url("../images/foot-bg.jpg") no-repeat center;*/ height: 45px;  line-height:45px; color: #111;text-align: center; clear: both; font-size: 14px;
border-top: 1px solid #999;}
.ft a{ color: #111;}
/****************************** 底部结束 *******************************/

/****************************** 内页标题开始 *******************************/
.ny_tu{ width: 100%; height: 350px;}
.tit_list .ny_tit{ color: #fff; background: #e3141e; border: none; padding: 11px 25px;}

.tit_n { margin: 25px auto 5px;}
.tit_n h3{ font-size: 24px; text-align: center; color: #333; line-height: 35px;}
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 30px 30px;
    border-style:solid;
    border-color:transparent transparent #e3141e;/*透明 透明  红*/
    margin:10px auto 15px;
    position:relative;
}
.tit_list{ text-align: center; /* height: 60px;*/  margin-top: 40px;  margin-bottom: 50px; }
.tit_list a{ color: #111;  padding: 10px 24px; border: 1px solid #ccc;}
.tit_list a:hover{ color: #fff; background: #e3141e; border: none; padding: 11px 25px;}

/****************************** 内页标题结束 *******************************/

/****************************** 新闻开始 *******************************/
.news_list{ width: 1200px; margin: 0 auto;}
.news_list li{padding: 32px;border-bottom: solid 1px #ddd;}
.news_list li h3{font-size: 18px;color: #222;}
.news_list li span{font-size: 24px;color: #999;}
.news_list li p{font-size: 14px;color: #333;line-height: 24px;}
.news_list li img{width: 370px;height: 210px;float: right;}
.news_list .newxx{width: 720px;float: left;}

/****************************** 新闻结束 *******************************/


/****************************** 分页开始 *******************************/
.btns{ width:600px; margin:60px auto 140px;}
.btns a{ font-size: 20px;padding:8px 26px; background:#ccc; color: #fff; float:left; margin-right: 8px;}
.btns a:hover{ background: #e3141e;}
.btns a:nth-child(3){ background:none; color: #aaa;}
.btns a:nth-child(5){ margin-right:0;}

/****************************** 分页结束 *******************************/


/****************************** 新闻详情开始 *******************************/
.new_del{ width: 1200px; margin: 0 auto;}
.new_del .del_tit{ border-bottom: 1px dashed #c1c1c1; padding-bottom: 12px; margin-bottom: 15px;}
.new_del .del_tit h3{ text-align: center; font-weight: 500; color: #222; margin: 10px auto;font-size: 22px;}
.new_del .del_tit span{ display: block; color: #666; text-align: center;}
.new_del .new_con p {  color: #666; line-height: 26px; width: 1100px; margin: 0 auto;}
/*.new_del .new_con p img{ width: 100%;}*/

.page { margin: 60px auto 140px;}
.page a:hover{ color: #e3141e;}

/****************************** 新闻详情结束 *******************************/


/****************************** 留言开始 *******************************/
.con_main{ width: 1200px; margin: 0 auto 100px; overflow: hidden; }
.con_main h3{ font-weight: 500; font-size: 24px; color: #333;}
.con_main .con_l{ float: left; width: 678px; overflow: hidden;    border: 1px solid #ccc;}    
.con_main .con_l ul{ margin-top: 25px; }
.con_main .con_l ul li{ color: #333; margin-bottom: 20px; font-size: 18px; }
.con_main .con_r{ float: left;width: 480px; margin-bottom: 60px; padding-left: 40px;}

.con_r .form_m { width:480px;}
.con_r .form_m ul { overflow:hidden;}
.con_r .form_m ul li { float:left; margin:5px 30px 5px 0;}
.con_r .form_m input{ width:440px; height:15px; border:1px solid #C9C5C5; margin-top:5px;}
.con_r .form_m textarea{ width:440px; height:130px; border:1px solid #C9C5C5; margin-top:5px;}
.con_r .ti_1 {background-color:#e3141e;  width:200px; margin:10px 0; height:45px; border: none;margin-left: 272px;}
.con_r .ti_1 p{ text-indent:0;}
.con_r .ti_1 p a{ font-size:20px; color:#fff; line-height:45px; text-align:center; display:block;}

.con_main .map{ width: 800px;}
/****************************** 留言结束 *******************************/


/****************************** 产品展示开始 *******************************/
.pro{ margin:46px auto; width: 1120px;}
.pro ul{ overflow:hidden;}
.pro li{ width:340px; height:290px; border:#D5D5D5 solid 1px; float:left; margin-right:30px; margin-bottom:35px;}
.pro li img{ width:280px; height:210px; margin:15px auto; display:block;}
.pro p{ width:320px; line-height:50px; height:50px; text-align:center; font-size:18px; text-indent: 0;}
.pro li:hover{ border:1px solid #e3141e; color:#e3141e; }

/****************************** 产品展示结束 *******************************/


/****************************** 产品详情开始 *******************************/
.conside{ width:1200px; margin:0 auto; padding-bottom:120px;}

.conside img{ margin:80px auto 20px auto;}
.conside .right{ margin:0 auto; width: 500px; float: left; }
.conside .right img{ margin:0;}
.conside .right .Big_box{ width:460px; height:480px; /* margin:0 20px;*/ overflow:hidden;}
.conside .right .bigBox,.smallBox{ float:left;}
.conside .right .bigBox{/*border:solid 1px #e3141e;*/ width:450px; height:280px;}
.conside .right .bigBox img{ width:80%; display: block; margin: 30px auto;}

.conside .right .smallBox{ width:460px; height:120px; padding-top: 20px;}
.conside .right .smallBox img:last-child{ margin-right: 0;}
.conside .right .smallBox img{border:solid 1px #c1c1c1; float:left; width:100px; height:75px; margin-right:15px; margin-bottom: 15px;}
.conside .right .smallBox img:hover{ border:solid 1px #e3141e;}

.conside .left{ float: left; margin-left: 60px; margin-top: 80px;width: 600px;}
.conside .left .le_t{ border-bottom: 1px dashed #7d7d7d; width: 400px; padding-bottom: 15px; color: #333333;
                     margin-bottom: 25px;}
.conside .left p{ line-height: 28px;}
.conside .left h3{ font-size: 2px; color: #444; text-align: center; line-height: 45px;}
/****************************** 产品详情结束 *******************************/


/****************************** 视频 *******************************/
.ny_video{ width: 1200px; margin: 20px auto;}
.ny_video ul{ overflow: hidden;}
.ny_video ul li{ float: left; width: 380px; margin: 10px;}
.ny_video ul li .video{ width: 380px; height: 255px; background: #999;}
.ny_video ul li .video img{ width: 100%; height: 255px;}
.ny_video ul li p{ text-align: center; line-height: 32px;}