//颜色
@main_color: #e62129;
@main_color2: #008FFF;
@main_color3: #FFF;

//颜色

//过渡
.transition(@s:.5s){
    transition: @s;
    -ms-transition: @s;
    -moz-transition: @s;
    -webkit-transition: @s;
    -o-transition: @s;
}
//过渡
.transform_translateY(@px:10px){
    transform: translateY(@px);
    -ms-transform: translateY(@px);
    -moz-transform: translateY(@px);
    -o-transform: translateY(@px);
}



/* reset 重置样式 */
body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;}
body { background: #FFF; color: #000; font-size: 12px; font-style: normal; font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;}
em, b, i { font-style:normal;}
li { list-style:none;}
img { border:none;}
a { text-decoration:none; color:#000; .transition(.5s)}
a:hover { _text-decoration:underline; color:@main_color;}
table { border-spacing:0; border-collapse:collapse;}
/* reset 重置样式 */


//自定义属性
.centered{width: 1200px; margin: 0 auto;}//公共宽度 头和尾巴
.centered_index{width: 1200px; margin: 0 auto;}//首页
.centered_page{width: 1200px; margin: 0 auto;}//内页
@page_right_width:950px;
.centered_page_right{width: @page_right_width;}//内页右边宽度


//清除浮动
.clearboth{clear: both;}
.clearfix{ *zoom: 1;} 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}

//定位
.fl {float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.vh{visibility:hidden;}
.dn{display: none;}

//文字
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs20{font-size:20px;}
.fwb{font-weight:bold}
.fwn{font-weight:normal;}
//.t2{text-indent:2em;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
//.unl{text-decoration:underline;}
//.no_unl{text-decoration:none;}

//长度高度
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h{height:100%}


//边距
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
//自定义属性 end


/*hover_浮动客服*/
.online{width: 170+50px; position:fixed;top:25%; right:-170px; z-index:999;}
#floatDivBoxs{width:170px;background:#fff; float:right;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:@main_color;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel ul li{padding:0 0 15px 5px; font-size: 16px; color:@main_color;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online/online_botbg.jpg) no-repeat;  box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
//在线客服_标题
#rightArrow{float:left; width:50px;height:150px;background:url(../images/online/online_title.png) no-repeat;background-color: @main_color;
.transition(.3s);
}
#rightArrow a.rightArrow_title{display:block;height:150px;}
#rightArrow_en{float:left; width:50px;height:150px;background:url(../images/online/online_title_en.png) no-repeat;background-color: @main_color;
.transition(.3s);
}
#rightArrow_en a.rightArrow_title{display:block;height:150px;}
//返回头部
.online_message{ display: none; cursor:pointer;  width:50px;height:45px; background:url(../images/online/online_message.png) no-repeat ; .transition(.5s)}
.online_message_en{ display: none; cursor:pointer;  width:50px;height:45px; background:url(../images/online/online_message_en.png) no-repeat ; .transition(.5s)}
.online_message:hover{background-position:-50px 0;}
.online_message_en:hover{background-position:-50px 0;}
.online_top{display: none; cursor:pointer;  width:50px;height:45px; background:url(../images/online/online_top.png) no-repeat ;position:absolute; right:170px; .transition(.5s)}
.online_top_en{display: none; cursor:pointer;  width:50px;height:45px; background:url(../images/online/online_top_en.png) no-repeat ;position:absolute; right:170px; .transition(.5s)}
.online_top:hover{background-position:-50px 0;}
.online_top_en:hover{background-position:-50px 0;}






///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////








//header
.header {height: 111px;}
.header .left img{margin-top: 15px;}
.header .right .nav{line-height: 111px;}
.header .right .nav>li{float: left; padding: 0 30px; position: relative;}
.header .right .nav>li.on>a{color: @main_color;}
.header .right .nav>li>a{font-size: 16px; }
.header .right .nav>li.on>a>.xian{display: inline-block; width: 200px;  height: 2px; background:@main_color;
position: absolute;
top:80px;left: 0px;}
.header .right .nav>li>a>.xian{display: inline-block; width: 200px;  height: 2px; background:@main_color;
position: absolute;
top:80px;left: -200px;
.transition(2s)
}

.header .right .nav>li>a:hover .xian{left: 0;}


.header .right ul.nav>li>ul{width: 124px; position: absolute; z-index: 10; top:111px; left: 0; display: none; background: #fff; box-shadow: 0px 3px 5px #333;}
.header .right ul.nav>li>ul>li{padding: 10px; line-height: 30px; text-align: center; border-bottom: 1px dashed #fff; }
.header .right ul.nav>li>ul>li a{color: #000; }
.header .right ul.nav>li>ul>li:hover{background: @main_color;}
.header .right ul.nav>li>ul>li:hover a{color: #fff;}
//header


//banner
@banner_width:1920px;
@banner_height:723px;
.banner{ width:100%; height:@banner_height; overflow:hidden; position:relative;}
//如果要全屏请在.banner的width改100%   如果要设置宽度请在bannerwidth改@banner_width
.banner .hd{overflow:hidden;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left; position:absolute; left:50%; bottom:5px; z-index:1;}
.banner .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 100px; margin: 0 2px}
.banner .hd ul li.on{ background:@main_color; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;
    left: 50%; 
    margin-left: -@banner_width / 2;
    }
.banner .bd li{ zoom:1; vertical-align:middle; width:@banner_width;}
.banner .bd img{ width:@banner_width; height:@banner_height; display:block;}

.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }
//banner


//搜索
.search{ height: 30px;}
.search form{line-height: 30px;}
.hotkey{line-height: 30px; margin-left: 10px;}

.key{float:right; line-height: 30px;}

//搜索


//footer
.footer{}
.footer .link{}
.footer .link .hd{padding-bottom: 10px; border-bottom: 1px solid #CCC; }
.footer .link .hd ul li{float:left; padding: 10px 20px; cursor:pointer; color: #666}
.footer .link .hd ul li.on{background: @main_color; color: #fff}

.footer .link .bd{padding: 15px 0;}
.footer .link .bd a{color: #666; }
.footer .link .bd a:hover{color: @main_color;}

.footer_nav {background: #0b1226; padding: 20px 0; border-bottom: 1px solid #3E3E3E;}
.footer_nav dl{float: left;margin-right: 10px;width: 210px;}
.footer_nav dt{margin-bottom: 10px;color: #E0E0E0;letter-spacing: 2px;}
.footer_nav dd a, .link dd{font-size: 12px;line-height: 28px;color: #BDBDBD;letter-spacing: 1px;}
.footer_nav dd a:hover{text-decoration: underline;}
.footer_nav .cont-us{margin-right: 0;width: 320px;}

.footer_nav .cont-us dd{color: #E0E0E0;}

.footer_copyright{background: #0b1226; padding: 10px 0; color: #FFF;}
.footer_copyright p{padding: 5px 0;}
.footer_copyright a{color: #FFF;}
//footer



//首页中间部分
.business{height: 707px; overflow: hidden;}
.business .left{width: 360px; }
.business .left h5{font-size: 52px; margin-top: 180px; color: @main_color; font-weight: normal;}
.business .left h6{font-size: 34px; color: @main_color; font-weight: normal;}
.business .left p{width: 348px; font-size: 14px; margin-top: 30px;}
.business .left .btn{margin-top: 30px; width: 148px; height: 42px; background: @main_color; line-height: 42px; text-align: center; font-size: 14px; color: #FFF; border-radius: 5px;}
.business .left .btn a{color: #FFF;}

.business .right{margin: 129px 30px 0 0; position: relative;}
.business .right ul{width: 718px; height: 443px; overflow: hidden;}
.business .right li{float:left; width: 349px; height: 216px; background: #F00;
position: relative; overflow: hidden;
}
.business .right li .tier1{width: 144px; height: 42px; background: #313f4c; position: absolute; top:147px;left: 0; text-align: center; line-height: 42px; font-weight: normal; color: #FFF;
.transition(.5s)
}
.business .right li .tier1 h3{font-size: 16px;}
.business .right li .tier2{width: 349-80px; height: 216-60px; background: rgba(0,0,0,0.5); position: absolute; top:216px; padding: 30px 40px; text-align: center;
.transition(.5s)
}
.business .right li:nth-child(2) .tier2{top:443px; .transition(1s)}
.business .right li:nth-child(2) .tier2 p{margin-left: 62px;}
.business .right li .tier2 h3{font-size: 20px; color: #FFF;}
.business .right li .tier2 p{font-size: 16px;margin-top: 14px; line-height: 32px; color: #FFF; text-align: left; margin-left: 75px;}
.business .right li:hover .tier1{left: -144px;}
.business .right li:hover .tier2{top:0;}



//业务2
.yewu2{width: 100%; height: 613px; margin: 0 auto; background: url(../images/yewu2/t1.jpg) no-repeat center; overflow: hidden;}
.yewu2 .left{ width: 580px; height: 613px; overflow: hidden;}
.yewu2 .left h3{font-size: 28px; margin-top: 167px;}
.yewu2 .left i{display: inline-block; width: 50px; height: 3px; background: @main_color; margin-top: 50px;}
.yewu2 .left p{margin-top: 40px; font-size: 18px; color:#7b8390; line-height: 40px;}

.yewu2 .right{ }
.yewu2 .right ul{margin: 107px 0 0 0;}
.yewu2 .right ul li{width: 571px; height: 88px; margin-bottom: 64px;}
.yewu2 .right ul li i{float: left; display: block; width: 68px; height: 90px; background: url(../images/yewu2/i1.png) no-repeat center; margin-right: 10px;}
.yewu2 .right ul li:nth-child(2) i{float: left; display: block; width: 68px; height: 90px; background: url(../images/yewu2/i2.png) no-repeat center; margin-right: 10px;}
.yewu2 .right ul li:nth-child(3) i{float: left; display: block; width: 68px; height: 90px; background: url(../images/yewu2/i3.png) no-repeat center; margin-right: 10px;}
.yewu2 .right ul li h3{font-size: 20px; color: #FFF;}
.yewu2 .right ul li p{font-size: 14px; color: #FFF;}

//关于我们
.about{height: 665px; overflow: hidden;}
.about .top{height: 337px; overflow: hidden; }
.about .top ul{margin-top: 337-285px; }
.about .top .pic{width: 600px; height: 285px;}
.about .top .pic img{width: 600px; height: 285px;}
.about .top .title{}
.about .top .title h3{font-size: 52px; text-align: right;}
.about .top .title h4{font-size: 34px; text-align: right;}

.about .bottom{}
.about .bottom .content p{width: 600-40px; height: 275-40px; color: #000; font-size: 16px; padding: 20px; line-height: 29px;}
.about .bottom .pic{width: 600px; height: 285px;}
.about .bottom .pic img{width: 600px; height: 285px;}

//新闻
.news{margin: 70px auto;}
.news .title{text-align: center;}
.news .title h3{padding: 5px 20px; font-size: 24px;}
.news .title h3 i{display: inline-block; width: 112px; height: 2px; background: #ececec;  margin-bottom: 6px;}
.news .title h3 i.xian1{margin-right: 35px;}
.news .title h3 i.xian2{margin-left: 35px;}
.news .title p{padding: 15px 0;}
.news .content{padding: 30px 0;}
.news .content .left ul li{width: 543px; height: 351px;}
.news .content .left ul li img{width: 543px; height: 351px;}
.news .content .right{ width: 609px; height: 351px; background: url(../images/news/t1.png) no-repeat center;}
.news .content .right ul li{margin-top: 15px; height: 100px;}
.news .content .right ul li .time{font-size: 16px;}
.news .content .right ul li .icon{width: 18px; height: 18px; background: #bababa; margin-left: 24px; border-radius: 20px ; margin-top: 4px; .transition(.5s)}
.news .content .right ul li .t{width: 440px; height: 110px; overflow: hidden;}
.news .content .right ul li .t h3{font-size: 18px;}
.news .content .right ul li .t p{font-size: 14px; margin-top: 5px;}
.news .content .right ul li:hover .icon{background:@main_color;}
.news .content .right ul li:hover .t p{color:#000; }

.news .content .right ul li.on .time{color: @main_color;}
.news .content .right ul li.on h3{color: @main_color;}
.news .content .right ul li.on .icon{background:@main_color;}
.news .content .right ul li.on .t p{color:#000; }




.ggt{_width:1920px;height:251px;background:url(../images/banner/gg.jpg) no-repeat center;_margin:0 auto;}































/* //////////////////////////// 内页 //////////////////////////// */
//内页 start----------------------------------------------------------------------------------------------
.icon-xiangyou:before { content: "\f01a9"; }
.hide{display:none;}
.fixed{position:fixed; top:0px; _position:absolute; _top:0px;z-index:10;}

/* //////////////////////////// 内页 //////////////////////////// */
.page_banner{width:100%;margin:0 auto;overflow:hidden;}

/*位置*/
.position{display:block;width:100%;height:25px;line-height:25px;padding:15px 0;border-bottom:1px solid #eee;overflow:hidden;}
.position h3{float:left;width:500px;height:25px;line-height:25px;font:24px/1 'Microsoft yahei';}

/*上导航*/
//.sub_cat{display:block;width:100%;padding:10px 0;border-bottom:1px solid #eee;background:#fff;overflow:hidden;}
//.sub_cat a{float:left;height:12px;line-height:12px;margin:3px 10px 3px 0;padding:10px 25px;border:1px solid #e8e8e8;background:#f2f2f2;overflow:hidden;}
/*上导航*/
/*左导航*/
.about_content_shu_left{width: 225px;left: 0;top: 0;background: #fff;z-index: 10;}
.about_content_shu_left_title{height: 52px;line-height: 52px;width: 100%;background: @main_color; }
.about_content_shu_left div.title{height: 52px;line-height: 52px;color: #fff;margin-left: 20px; font-weight: normal;}
.about_content_shu_left div.title a{color: #FFF; font-size: 14px;}
.about_content_shu_left div.title a:hover{color: #FFF;}
.about_content_shu_left div.title a span{font-size: 14px;}
.about_content_shu_left_ul{background: #fff;}

.about_content_shu_left_ul li.nLi{line-height: 43px;_height: 43px;border-bottom: 1px solid #ccc;border-left: 1px solid #CCC;border-right: 1px solid #CCC;position: relative;}
.about_content_shu_left_ul li.nLi .f a{margin-left: 20px;_font-weight: bold;}
.about_content_shu_left_ul li.nLi em{margin-right: 10px; margin-top: 6px; display:block; width:40px; height:32px;  background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer;}
.about_content_shu_left_ul .sub{display: none;}
.about_content_shu_left_ul .sub li{border: 0px; }
.about_content_shu_left_ul .sub li a{margin-left: 40px;}

.about_content_shu_left_contact{overflow: hidden;height: 86px;border: 1px solid #ccc;margin-top: 20px;background: url(../images/fuwurexian.jpg) no-repeat left top;}
.about_content_shu_left_contact_bd{font-size: 24px;margin-top: 47px;margin-left: 19px;color: @main_color;font-weight: bold;font-family: "微软雅黑";}

.floatNav .current{color:@main_color;}
/*左导航*/


/*内页右边部分*/
.position_box{width: 100%;overflow: hidden;}
.search_box_notfound{border-bottom: 1px solid #ccc;}
.position_box_top{border: none;}
.position_box_hd{height: 48px;line-height: 48px;border-bottom: 1px solid #CCC;}
.position_box_hd h3{float: left;font-family: "微软雅黑";font-size: 16px;}
.position_box_hd .position{float: right;}

/*栏目头*/
.part_head{float:left;_margin-top:20px;width:100%;height:40px;line-height:40px;border-bottom:1px solid #e1e1e1;overflow:hidden;}
.part_head h3{float:left;font-size:20px;color:#000;}
.part_head span.loc{float:right;color:#595959;}
.part_head span.loc a{color:#595959;}
.part_head span.loc a.current{color:#1f1a17;}
.part_head .scroll_btns{float:right;}
.part_head .scroll_btns a{float:left;padding:3px;border:1px solid #eee;height:12px;line-height:12px;margin:15px 0 0 5px;font-size:10px;color:#bbb;}

/*版块头*/
.sector_head{float:left;width:100%;height:40px; line-height:40px; border-bottom:1px solid #e1e1e1;overflow:hidden;}
.sector_head h3{float:left;font-size:16px;height:40px;line-height:40px; font-weight: normal;}
.sector_head h3.bg{padding:0 20px;}


/*分页*/
.pages{display:block; margin:20px 0 10px 0;width:100%;text-align:center;}
.pages a{display:inline-block;margin:0 3px;padding:0 8px;height:24px;line-height:24px;background:#f5f5f5; border:1px solid #e1e1e1;color:#545452}
.pages a:hover{text-decoration:none; color:@main_color;}
.pages span{display:inline-block;margin:0 3px;padding:0 8px;height:24px;line-height:24px;color:#545452;background:#f5f5f5; border:1px solid #e1e1e1;}
.pages .current:hover{color:#FFF;}
.pages .current{background: @main_color; }
.pages .current{color: #FFF;}

/*内页广告*/
.sector_hotline{float:left;width:100%;padding:40px 0;height:36px;line-height:36px;overflow:hidden;font-family:'Microsoft YaHei';}
.sector_hotline span{float:left;font-size:24px;color:#fff;margin-left:30px;}
.sector_hotline a{float:right;padding:0 15px;height:36px;margin-right:30px;background:#fff;}
.sector_hotline a i{float:left;height:36px;line-height:36px;}


/* ===== 产品列表页 ===== */
/*产品列表*/
ul.product_list{float:left;width:110%;overflow:hidden;}
ul.product_list li{float:left;width:202px;margin:20px 72px 0 0;overflow:hidden;}
ul.product_list li img{float:left;width:200px;height:200px;margin:0;border:1px solid #eee;background:#fff;}
ul.product_list li span.tit{float:left;width:100%;height:30px;line-height:35px;text-align:center;overflow:hidden;}
/*产品详情*/
.product_show{float:left;width:100%;margin-top:20px;overflow:hidden;}
.product_show .cros_gallery{float:left;width:430px;}
.product_show .cros_gallery2{float:left;width:350px;}

//放大镜
@fangdajing_width:350px;
@fangdajing_height:350px;
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:move;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:@fangdajing_width;height:@fangdajing_height;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{width:@fangdajing_width;height:@fangdajing_height;}
/*图片小图预览列表 左*/
.spec-preview{float:left; width:@fangdajing_width; height:@fangdajing_height; border:1px solid #DFDFDF;}
.spec-scroll{float:left; clear:both;width:60px; margin-right: 10px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:60px;height:10px; line-height:10px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:58px;height:312.5px;overflow:hidden; margin: 7.5px 0;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{width:61px;height: 63px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid @main_color; padding:1px;}
/*图片小图预览列表 下*/
@fangdajingXia_width:350px;
@fangdajingXia_height:350px;
.spec-preview2{width:@fangdajingXia_width;height:@fangdajingXia_height;border:1px solid #DFDFDF;}
.spec-scroll2{clear:both;margin-top:10px;width:353px;}
.spec-scroll2 .prev{float:left;margin-right:4px;}
.spec-scroll2 .next{float:right;}
.spec-scroll2 .prev,.spec-scroll2 .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll2 .items{float:left;position:relative;width:320px;height:56px;overflow:hidden;}
.spec-scroll2 .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll2 .items ul li{float:left;width:65px;text-align:center;}
.spec-scroll2 .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll2 .items ul li img:hover{border:2px solid @main_color;padding:1px;}

/*产品信息*/
.product_show .info{float:right;width:305px;overflow:hidden;}
.product_show .info h1{float:left;margin:5px 0;width:100%;height:30px;line-height:30px;font:16px/2 'microsoft yahei';overflow:hidden;}
.product_show .info .keyword,
.product_show .info .type{float:left;width:100%;height:30px;line-height:30px;font-size:14px;color:#888;overflow:hidden;}
.product_show .info .keyword span,
.product_show .info .type span{font-size:16px;color:#000;}
.product_show .info .keyword a,
.product_show .info .type a{color:#888;}
.product_show .info .desc{float:left;width:100%;padding-bottom:10px;border-bottom:1px solid #e1e1e1;overflow:hidden;}
.product_show .info .desc .p{float:left;width:100%;height:60px;line-height:20px;font-size:12px;color:#888;overflow:hidden;}
.product_show .info .desc span{font-size:16px;color:#000;}
.product_show .info .tel{float:left;width:100%;padding:20px 0 10px 0;border-top:1px solid #e1e1e1;line-height:32px;font-size:16px;font-weight:bold;}
.product_show .info .tel em{font-size:20px;letter-spacing:1px;}
.product_show .info .abtn{float:left;width:100%;padding:25px 0;overflow:hidden;}
.product_show .info .abtn a{float:left;margin-right:10px;padding:8px 15px;font-size:14px;font-weight:bold;border:1px solid #e8e8e8;}

.product_show .info2{float:right;width:370px;overflow:hidden;}
.product_show .info2 h1{float:left;margin:5px 0;width:100%;height:30px;line-height:30px;font:16px/2 'microsoft yahei';overflow:hidden;}
.product_show .info2 .keyword,
.product_show .info2 .type{float:left;width:100%;height:30px;line-height:30px;font-size:14px;color:#888;overflow:hidden;}
.product_show .info2 .keyword span,
.product_show .info2 .type span{font-size:16px;color:#000;}
.product_show .info2 .keyword a,
.product_show .info2 .type a{color:#888;}
.product_show .info2 .desc{float:left;width:100%;padding-bottom:10px;border-bottom:1px solid #e1e1e1;overflow:hidden;}
.product_show .info2 .desc .p{float:left;width:100%;height:60px;line-height:20px;font-size:12px;color:#888;overflow:hidden;}
.product_show .info2 .desc span{font-size:16px;color:#000;}
.product_show .info2 .tel{float:left;width:100%;padding:20px 0 10px 0;border-top:1px solid #e1e1e1;line-height:32px;font-size:16px;font-weight:bold;}
.product_show .info2 .tel em{font-size:20px;letter-spacing:1px; color: @main_color;}
.product_show .info2 .abtn{float:left;width:100%;padding:25px 0;overflow:hidden;}
.product_show .info2 .abtn a{float:left;margin-right:10px;padding:8px 15px;font-size:14px;font-weight:bold;border:1px solid #e8e8e8;}

//详情描述
.product_details{margin: 20px 0 0 0;}
.product_details .sector_head ul li{float:left;font-size:16px;height:40px;line-height:40px; font-weight: normal; padding: 0 20px; cursor:pointer;}
.product_details .sector_head ul li.on{ background: @main_color; color: #FFF;}

.product_content{width:@page_right_width - 40px - 2px;border:1px solid #e1e1e1;border-top:none;}
.sector_content{float:left;width:@page_right_width  - 40px - 2px;padding:20px;overflow:hidden;}

//在线留言
.page_feedback{border-bottom: 1px solid #e1e1e1;}
.page_feedback .title{ font-size: 16px; width: 104px - 40px; height: 40px; line-height: 40px; font-weight: normal; padding: 0 20px; cursor: pointer; background: @main_color; color: #FFF; }
/* ===== 产品列表页 ===== */


/* ===== 案例列表页 ===== */
ul.case_list{float:left;width:110%;overflow:hidden;}
ul.case_list li{float:left;width:236px;margin:20px 21px 0 0;overflow:hidden;}
ul.case_list li img{float:left;width:234px;height:151px;margin:0;border:1px solid #eee;background:#fff;}
ul.case_list li span.tit{float:left;width:100%;height:30px;line-height:35px;text-align:center;overflow:hidden;}
ul.case_list li:hover a{color:#fff;}
ul.case_list li:hover{background-color:@main_color}
ul.case_list li:hover img,
.small_pic .list ul li img.current{border-color:@main_color}
/* ===== 案例详情页 ===== */
.pic-scroll{ position: relative;width: 640px; padding: 4px; overflow: hidden;}
.pic-scroll .bigImg{ height: 375px; position: relative;}
.pic-scroll .bigImg li img{ vertical-align:middle; width:640px; height:370px;border-radius: 25px; }
.pic-scroll .prev,.pic-scroll .next{ width: 48px; height: 48px; position: absolute; top: 180px; cursor: pointer; z-index: 1000;}
.pic-scroll .prev{ background: url(../images/arrow-l-b.png) no-repeat; left: 20px;}
.pic-scroll .next{ background: url(../images/arrow-r-b.png) no-repeat; right: 20px;}
.pic-scroll .smallScroll{ height: 78px; position: relative;}
.pic-scroll .sPrev,.pic-scroll .sNext{ position: absolute; display: block; width: 32px; height: 32px; text-indent: -9999px; top: 20px; z-index: 999}
.pic-scroll .sNext{ background: url(../images/arrow-r-s.png) no-repeat; right: 0px; top: 17px;}
.pic-scroll .sPrev{ background: url(../images/arrow-l-s.png) no-repeat; left: 0px; top: 17px;}
.pic-scroll .sPrev:hover,.pic-scroll .sNext:hover{ opacity: 0.85;}
.pic-scroll .smallImg{  margin: 10px 45px 0; width: 640px; overflow: hidden;}
.pic-scroll .smallImg ul{ height:78px;  width: 9999px; overflow: hidden; }
.pic-scroll .smallImg li{ float: left; width:102px; cursor:pointer;  display: inline;margin-right: 10px;}
.pic-scroll .smallImg img{ border: 1px solid #dcdddd; width:100px; height:60px;  }
.pic-scroll .smallImg .on img{ border-color: @main_color; }



/* ===== 图片列表页 ===== */
/*推荐图片*/
.scroll_pic_rec{float:left;width:100%;margin:20px 0;overflow:hidden;}
.scroll_pic_rec ul{}
.scroll_pic_rec ul li{float:left;width:210px;height:183px;padding-right:24px;position:relative;overflow:hidden;}
.scroll_pic_rec ul li img{float:left;width:210px;height:148px;overflow:hidden;}
.scroll_pic_rec ul li .shade{display:none;position:absolute;z-index:1;left:0;top:0;width:210px;height:148px;background: #000;opacity:0.7; filter:alpha(opacity=70);cursor:pointer;}
.scroll_pic_rec ul li .shade_c{display:none;position:absolute;z-index:2;left:0;top:0;width:210px;height:148px;cursor:pointer;}
.scroll_pic_rec ul li .shade_c a{display:block;width:100%;height:100%;background:url(../images/zzc.png) no-repeat left center;}
.scroll_pic_rec ul li .tit{float:left;width:100%;margin-top:5px;height:30px;line-height:30px;text-align:center;overflow:hidden;}
.scroll_pic_rec ul li:hover .shade,.scroll_pic_rec ul li:hover .shade_c{display:block;}
/*图片列表*/
ul.pic_list{float:left;width:110%;overflow:hidden;}
ul.pic_list li{float:left;width:240px;margin:20px 13px 0 0;position:relative;overflow:hidden;}
ul.pic_list li img{float:left;width:100%;height:148px;margin:0;}
ul.pic_list li .shade{display:none;position:absolute;z-index:1;left:0;top:0;width:100%;height:148px;background: #000;opacity:0.7; filter:alpha(opacity=70);cursor:pointer;}
ul.pic_list li .shade_c{display:none;position:absolute;z-index:2;left:0;top:0;width:100%;height:33px;padding:57px 0;text-align:center;cursor:pointer;}
ul.pic_list li .shade_c a{display:inline-block;width:33px;height:33px;background:url(../images/zzc.png) no-repeat left center;}
ul.pic_list li .tit{float:left;width:100%;margin-top:5px;height:30px;line-height:30px;text-align:center;overflow:hidden;}
ul.pic_list li:hover .shade,ul.pic_list li:hover .shade_c{display:block;}


/* ===== 新闻 ===== */
/* ===== 新闻列表页 ===== */
.article_list{float:left;width:100%;padding:20px 0;border-bottom:1px dotted #e1e1e1;overflow:hidden;}
.article_list .lt{float:left;width:50px;height:60px;padding:10px 0;border:1px solid #e1e1e1;overflow:hidden;}
.article_list .lt span{float:left;width:100%;color:#bcbabb;height:20px;line-height:20px;text-align:center;font:16px/1.3 'Arial';font-weight:bold;overflow:hidden;}
.article_list .lt span.y{font-size:14px;font-weight:normal;}
.article_list .rt{float:left;width:88%;margin-left:15px;overflow:hidden;}
.article_list .rt h3{float:left;width:100%;height:25px;line-height:25px;font-size:16px;overflow:hidden;}
.article_list .rt .p{float:left;width:100%;color:#666;line-height:20px;height:40px;overflow:hidden;}
.article_list .rt a.more{float:left;height:16px;line-height:19px;padding:0 5px;font-size:10px;background:#d5d5d5;color:#fff;overflow:hidden; width: 80px;}
.article_list .rt a.more i{float: right;}
/*文件下载*/
.article_list .rt h3 span{font-size:12px;font-weight:normal;}
.file_list .rt a.more{float:right;}
//随机新闻
.page_news{margin-top: 20px; overflow: hidden; width: 185px; height: 270px; padding: 10px 20px; border: 1px solid #ccc; border-top: 2px solid @main_color;}
.page_news .news_title{line-height: 50px; font-size: 16px; color: @main_color;}
.page_news ul{}
.page_news ul li{ line-height: 40px;}
.page_news ul li em{font-size: 12px; font-weight: normal; margin-right: 5px;} 
.page_news ul li a{ font-size: 12px; font-weight: normal;}

//新闻_标签
.page_tag{margin-top: 20px; overflow: hidden; width: 195px;  padding: 10px 20px 10px 10px; border: 1px solid #ccc; border-top: 2px solid @main_color;}
.page_tag .tag_title{line-height: 50px; font-size: 16px; color: @main_color;}
.page_tag ul{width: 110%;}
.page_tag ul li{float:left;margin-right: 10px; margin-bottom: 10px;}
.input_text{display: none;}
.input_submit{padding: 0 20px; height: 20px; line-height: 20px; border-right: 10px; background: @main_color; border: none; color: #FFF;}

/* ===== 新闻详情页 ===== */
.article_show{float:left;width:100%;padding:40px 0 30px 0;border-bottom:1px dotted #e1e1e1; overflow:hidden;}
.article_show h1{float:left;width:100%;text-align:center;font:18px/2 'microsoft yahei';color:#000;overflow:hidden;}
.article_show .info{float:left;width:100%;margin:10px 0;height:24px; text-align:center; overflow:hidden;}
.article_show .info span{display:inline-block;height:22px;overflow:hidden;}
.article_show .info span a{margin-top:0px;}
.prev_next{float:left;width:100%;margin:20px 0;padding:20px 0;border-top:1px dotted #e1e1e1;border-bottom:1px dotted #e1e1e1;}
.prev_next span{float:left;color:#000;width:40%;height:20px;line-height:20px;overflow:hidden;}
.prev_next span a{color:#bcbcbc;}
.prev_next span a:hover{color: @main_color;}
/* ===== 新闻 ===== */



/* ===== 关于我们 ===== */
//图片1
.about_pic ul{float:left;width:110%;}
.about_pic ul li{float:left;width:237px;margin:20px 18px 0 0;position: relative; z-index: 0; cursor:pointer;overflow:hidden;}
.about_pic ul li img{float:left;width:235px;height:147px;margin:0;border:1px solid #eee;}
.about_pic ul li .shade{display:none;position:absolute;z-index:1;left:0;top:0;width:100%;height:147px;background: #000;opacity:0.7; filter:alpha(opacity=70);cursor:pointer;}
.about_pic ul li .shade_c{display:none;position:absolute;z-index:2;left:0;top:0;width:100%;height:33px;padding:57px 0;cursor:pointer;text-align:center;}
.about_pic ul li .shade_c a{display:inline-block;width:33px;height:33px;background:url(../images/zzc.png) no-repeat left center;}
.about_pic ul li:hover .shade,
.about_pic ul li:hover .shade_c{display:block;}
.about_pic ul li .tit{float:left;width:100%;height:30px;line-height:30px;text-align:center;overflow:hidden;}
//图片2
.about_pic2 ul{float:left;width:110%;}
.about_pic2 ul li{float:left;width:237px;margin:20px 18px 0 0;position: relative; z-index: 0; cursor:pointer;overflow:hidden;}
.about_pic2 ul li img{float:left;width:235px;height:147px;margin:0;border:1px solid #eee;}
.about_pic2 ul li .tit{float:left;width:100%;height:30px;line-height:30px;text-align:center;overflow:hidden;}
.about_pic2 ul li:hover .tit{color: @main_color;}

//视频
.about_video ul{float:left;width:110%;}
.about_video ul li{float:left;width:237px;margin:20px 18px 0 0;position: relative; z-index: 0; cursor:pointer;overflow:hidden;}
.about_video ul li img{float:left;width:235px;height:147px;margin:0;border:1px solid #eee;}
.about_video ul li .tit{float:left;width:100%;height:30px;line-height:30px;text-align:center;overflow:hidden;}
.about_video ul li:hover .tit{color: @main_color;}

/*合作客户*/
.about_client{float:left;width: 105%; padding:21px 0; background:#fff;}
.about_client li{ width: 187px; height:127px; overflow: hidden; float: left; margin:0 8px 20px 0;padding:2px;border:1px solid #E5E5E5; }
.about_client li img{ width: 187px; height:127px;}
.about_client li:hover{border: 3px solid #0183BF;padding:0;}

.about_cert{float:left;width: 105%; padding:21px 0; background:#fff;}
.about_cert ul li{float:left;width:152px;height:214px;margin:0 18px 20px 0;position: relative;overflow:hidden;}
.about_cert ul li img{width:150px;height:184px;border:1px solid #e5e5e5;}
.about_cert ul li .tit{float:left;width:100%;height:30px;line-height:30px;text-align:center;}
.about_cert ul li .shade{display:none;position:absolute;z-index:1;left:0;top:0;width:100%;height:185px;background: #000;opacity:0.7; filter:alpha(opacity=70);cursor:pointer;}
.about_cert ul li .shade_c{display:none;position:absolute;z-index:2;left:0;top:0;width:100%;height:33px;padding:76px 0;cursor:pointer;text-align:center;}
.about_cert ul li .shade_c a{display:inline-block;width:33px;height:33px;background:url(../images/zzc.png) no-repeat left center;}
.about_cert ul li:hover .shade,
.about_cert ul li:hover .shade_c{display:block;}
/* ===== 关于我们 ===== */




/*本文关键字*/
.page_keyword{float:left;width:100%;margin:20px 0 0 0;padding:20px 0 10px 0;border-top:1px dotted #e1e1e1;color:#666;overflow:hidden;}
.page_keyword span{color:#000;}
.page_keyword a{color:#666;}



/* ===== 视频列表页 ===== */
ul.video_list{float:left;width:110%;overflow:hidden;}
ul.video_list li{float:left;width:202px;margin:20px 72px 0 0;overflow:hidden;}
ul.video_list li img{float:left;width:200px;height:200px;margin:0;border:1px solid #eee;background:#fff;}
ul.video_list li span.tit{float:left;width:100%;height:30px;line-height:35px;text-align:center;overflow:hidden;}

/* ===== 视频列表页_点击弹出 ===== */
.video_list ul li{position: relative;width: 227px;height: 220px;float: left;margin-right: 30px;margin-top: 20px;}
.video_list ul li img{width: 227px;height: 183px;cursor: pointer;}
.video_list ul li span.dask{position: absolute;top: 68px;left: 86px;display: inline-block;width: 50px;height: 50px; _background: url(../images/bfzn_004.png) no-repeat;background-size: 50px 50px;cursor: pointer;}
.video_list ul li p{text-align: center;line-height: 40px;}



/* ===== 搜索页面 ===== */
.search_no_data{float:left;width:100%;margin:120px 0;text-align:center;}
.search_no_data h1{font-size:18px;font-family:'Arial Black';color:#1b80ce;}
.search_no_data span{display:block;width:100%;color:#888888;}
.search_no_data span.cn{font-size:18px;height:25px;line-height:25px;}


/*留言评论块*/
.feedback{float:left;width:100%;padding:20px 0;overflow:hidden;}
.feedback h1{font-size: 14px; font-weight: normal; padding: 0 0 10px 0; color:#F00;}
.feedback table td{padding:7px 0;color:#6b6b6b;text-align:left;}
.feedback table td var{color:#f00;padding-right:5px;}
.feedback table td .input{width:200px;height:25px;line-height:25px;border-left:2px solid #eee;border-top:2px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.feedback table td .textarea{width:@page_right_width - 6px;height:200px;border:1px solid #eee;}
.feedback_btn{float:left;padding:8px 15px;margin-left:10px;border:none;}
.j_form_tips{float:left;}
/* ===== 地图页面 ===== */
ul.maps{float:left; width:98%;padding:0px 1%;}
ul.maps li{float:left;margin:10px;line-height:25px; overflow:hidden}
ul.maps li .first{float:left; width:100%;height:25px; font-weight:bold}
ul.maps li .list{float:left;width:96%; border:1px solid #e4e4e4; padding:10px;}
ul.maps li .list a,ul.map li .list span{display:inline-block; margin-right:10px;}
ul.maps li .list span{padding:0 5px;}
ul.maps li a{color:#1f1a17;}
ul.maps li.t0{font-weight:bold;width:100%;padding:0;font-size:14px;}


.j_loading{display:none;float:left;padding-top:30px;width:100%;height:32px;text-align:center;overflow:hidden;}
.j_loading span.loading{display:inline-block;width:32px;height:32px;background:url(../images/loading.gif) no-repeat;}
.j_loading span.nodata{font:16px/2 'microsoft yahei';color:#999;}
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.font {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


//网站地图
.sitemap h3{font-size: 20px;}






/* ===== 需要修改的内容START ===== */
/*背景色*/
.sector_hotline,
.feedback_btn,
.sector_head h3.bg,
.article_list .rt a.more:hover{background:@main_color;}
.product_show .info .abtn a:hover{background:@main_color;border:1px solid @main_color;}
.product_show .info .abtn a{background:#f2f2f2;}
.product_show .gallery .small_pic a.abtn:hover,
.sub_cat a:hover,
.sub_cat a.current,
.part_head .scroll_btns a:hover,
ul.product_list li:hover{background:@main_color;}
ul.product_list li:hover img,
.small_pic .list ul li img.current{border-color:@main_color}
/*文字颜色*/
.sector_hotline a i{color:@main_color;}
.feedback_btn,
.sector_head h3.bg,
.product_show .info .abtn a:hover,
.sub_cat a:hover,
.sub_cat a.current,
.part_head .scroll_btns a:hover,
ul.product_list li:hover a{color:#fff;}
.product_show .info .tel em{color:@main_color;}

/* ===== 需要修改的内容END ===== */


//内页 end----------------------------------------------------------------------------------------------