body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0; color:#57595B}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0;}
button,input,select,textarea{font-size:100%; font-family:'Microsoft YaHei'}
ul,ol{ padding:0; margin:0; list-style-type:none}
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#57595B; -webkit-text-size-adjust:none;}
a{ color:#57595B; text-decoration:none;}
a:hover{ color:#E70012; text-decoration:none;}

/*公共*/
body,html{ max-width:1920px; margin:0 auto}
.inner{ width:1200px; margin:0 auto}


.list_hot{ float:left; width:936px;}
.t{ float:left; width:936px;border-bottom:#D2D2D2 solid 2px; line-height:46px; height:46px; font-weight:bold}
.t font{ float:left; color:#E70012;border-bottom:#E70012 solid 2px; font-size:18px; line-height:46px; padding:0 10px}

.list_hot ul{ float:left;margin-top:20px}
.list_hot ul li{ float:left; width:285px; margin-right:40px;margin-top:15px;}
.list_hot ul li:nth-child(3n){ margin-right:0}
.list_hot ul li img{ float:left; width:285px; height:213px}
.list_hot ul li .b{ float:left; width:305px; line-height:70px; font-size:16px; text-align:center}


.list_news{float:left; width:936px;}
.list_news .t{ float:left; width:936px;border-bottom:#D2D2D2 solid 2px; line-height:46px; height:46px;font-weight:bold;}
.list_news .t font{ float:left; color:#E70012;border-bottom:#E70012 solid 2px; font-size:18px; line-height:46px; padding:0 10px}
.list_news ul{ float:left; width:936px; margin-top:10px;}
.list_news ul li{ float:left; width:430px; padding-left:10px; font-size:14px; line-height:36px; background:url(../img/line.png) no-repeat left;}
.list_news ul li:nth-child(2n){ float:right}
.list_news ul li span{ float:right; font-size:12px;}

/*新闻详情*/
.news .content .news_tit{padding:20px 0;}
.news .content .news_tit>span:first-child{color:black;font-size:20px;font-weight:bold;display:block;text-align:center;border-bottom:1px solid #EEEEEE;}
.news .content .news_tit>span:last-child{font-size:14px;display:block;text-align:center;}


.position_show{ line-height:60px; height:60px; font-size:16px; border-bottom:#D2D2D2 solid 2px}

.recommend{ float:left; width:928px; border:#E2E2E2 solid 1px; margin-top:20px; margin-bottom:20px}
.recommend .t{ float:left; width:908px; border-bottom:#E2E2E2 solid 1px; padding-left:20px; line-height:50px; font-size:16px; font-weight:bold}
.recommend ul{ float:left; padding:10px 20px; font-size:16px; line-height:40px;}
.recommend ul li{ float:left; background:url(../img/line1.jpg) left no-repeat; width:700px; padding-left:25px}
.recommend ul li:hover{ background:url(../img/line2.jpg) left no-repeat;}

/*公共*/
body,html{ max-width:1920px; margin:0 auto}
.title{ float:left; width:100%; text-align:center;}
.title .heng{width:33px;height:3px;background:#F54C35;margin:15px auto;}
.title span{font-size:36px;font-weight:bold;color:#525252;line-height:36px;}
.title p{font-size:18px;color:#656565;line-height:18px;}
.gongcheng{margin-top:30px;}
.gongcheng ul{width:1200px;margin:0 auto;}
.gongcheng ul li{transition:all 0.4s;width:263px;height:300px;float:left;border:1px solid #EEEEEE;background:#F7F7F7;margin-right:46px;margin-top:30px;margin-bottom:30px;}
.gongcheng ul li:hover{background:#DE1620;}
.gongcheng ul li:hover span{color:#FFF;}
.gongcheng ul li img{display:block;margin:0 auto;margin-top:30px;}
.gongcheng ul li span{font-size:22px;display:block;text-align:center;line-height:22px;margin-top:20px;}
.gongcheng ul li p{font-size:18px;display:block;text-align:center;color:#8E8E8E;}
.gongcheng ul li:nth-child(4){margin-right:0px;float:right;}
.gongcheng ul li a{display:block;margin:0 auto;text-align:center;background:#DE1620;color:#FFF;width:100px;padding:5px 0;border-radius:5px;margin-top:15px;}

.erleft {
    float: left;
    width: 228px;
    margin-top:-30px;
}
.inner{ width:1200px; margin:0 auto}
.ernavbg{ background:#F2F2F2; height:62px; line-height:62px;}
.ernav{ float:left; width:236px;}
.ernav span {float:left;width:236px; background:#E70012; height:100px; text-align:center; color:#FFF;line-height:25px;}
.ernav span font{display:block;font-size:20px;text-align:center; color:#FFF;margin-top:24px;}
.ernav span p{color:#FFF;width:80%;margin:0 auto;margin-top:5px;}

.tel_l{
	float:left;
	width:236px;
	background:#F4F4F4;
	margin-top:20px;
}

.tel_l span{
	display:block;
    background: #E70012;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.tel_l p{
	margin:10px;
	font-size:16px;
}


.subNavBox{width:236px;background:#F4F4F4;border-top:1px solid transparent;padding-bottom:15px;}

.subNav{text-align:center;cursor:pointer;line-height:40px;margin:0 15px;margin-top:15px;padding:0 10px;border:1px solid #C3C3C3;font-size:16px;color:#676767;background:url(../img/jiantou1.jpg) no-repeat;background-position:95% 50%;box-sizing:border-box;}

.subNav:hover{color:#fff;background-color:#E70012;border:1px solid transparent;color:#FFF;}

.currentDd{color:#277fc2;background-color:#E70012;color:#FFF;border:1px solid transparent;margin:0 15px;margin-top:15px;}

.currentDt{background-image:url(../img/jiantou.jpg);}

.navContent{display: none;padding:15px;}

.navContent li a{display:block;height:28px;padding:0 15px;font-size:14px;line-height:28px;color:#333;box-sizing:border-box;}

.navContent li a:hover{border:2px solid #E70012;line-height:24px;padding:0 11px;}
.navContent li a.hover{border:2px solid #E70012;line-height:24px;padding:0 11px;}



.ernav ul>a{display:block;width:70%;margin:15px auto;font-size:18px;text-align:center;border-radius:10px;background:#D6D6D6;line-height:40px;}
.ernav ul>a:hover{background:#E70012;color:#FFF;}
.ernav ul>.hover{background:#E70012;color:#FFF;}



.ernav img{ float:left}
.erright{ float:right; width:936px; margin-top:-62px; margin-bottom:30px}
.erright .top{ float:left; width:936px;}
.erright .top span{ float:left; font-size:20px; line-height:62px; color:#3B3B3B;}
.erright .top .position{ float:right; font-size:14px; line-height:62px; color:#5F5F5F; height:62px; overflow:hidden}
.erright .top .position a{ color:#5F5F5F}
.erright .top .position a:hover{ color:#E70012}

.etitle{ float:left; width:1200px; border-bottom:#E8E8E8 solid 1px; padding:10px 0}
.etitle font:nth-child(1){ float:left;font-size:24px; color:#778791; width:100%} 
.etitle font:nth-child(2){ float:left;font-size:18px; color:#1D4A87; width:100%} 

.ertitle{ width:936px; float:left; height:60px; background:url(../img/ertitbg.png) no-repeat left bottom; font-size:30px; line-height:58px; color:#0F0D0C; margin-top:10px}

.red{ color:#E61319}


/*头部*/
.topbg{ float:left; width:100%; border-bottom:#D4D4D4 solid 1px; line-height:30px; font-size:14px; color:#7F7F7F; height:30px;}
.topbg .l{ float:left;}
.topbg .r{ float:right; }
.header{}
.header .topbg{ background:#F2F2F2; height:34px; line-height:34px; text-align:right; font-size:14px; color:#A1A1A1}
.header .topbg a{color:#A1A1A1}
.header .head{ height:136px;}
.header .head .logo{ float:left; margin-top:27px}
.header .head p{width:330px;float:left;font-size:20px;color:black;margin-top:41px;margin-left:20px;padding-left:23px;border-left:1px solid #bdbdbd;}
.header .head p span{float:left;font-size:16px;color:#bdbdbd;}
.header .head>a>.shu{display:block;width:1px;height:70px;border-left:2px solid #D8D8D8;float:left;margin:0 20px;margin-top:30px;}
.header .head>a>.logo_tit{display:block;float:left;color:#3B3B3B;font-size:24px;width:300px;height:65px;border:1px solid red;margin-top:35px;line-height:30px;}
.header .head>a>.logo_tit>span{font-size:16px;}
.header .head .tel{ float:right;margin-top:40px}

.navbg{ background:url(../img/navbg.gif)}
.nav{}
.nav li{ float:left; height:60px; font-size:16px; line-height:60px; text-align:center;width:105px;position:relative;margin-right:15px;}
.nav li:hover{background:url(../img/navbg.png)no-repeat;}

.nav li a{ color:#fff}
.nav li.hover{background:url(../img/navbg.png)no-repeat;}

.nav li div{ display:none; background:#FFF; border:#D9D9D9 solid 1px; float:left; position:relative; z-index:99999999999999; padding:10px 0}
.nav li div span{ font-size:14px; width:100%; float:left; line-height:30px;}
.nav li div span a{ color:#666}

.nav li:hover div span a{ color:#666}
.nav li div span a:hover{ color:#005B9D}
.nav li:hover div{ display:block}


/*banner*/
.DB_tab25 {width:100%;height:549px;position:relative;overflow:hidden}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:549px;display:none}

.DB_tab25 .DB_imgSet{position:absolute;width:100px;left:50%;margin-left:-450px; top:10px}
.DB_tab25 .DB_imgSet .DB_1_bg{position:absolute;left:0;top:210px; display:block;}


.DB_tab25 .DB_menuWrap{position:absolute;width:936px;left:50%;margin-left:-450px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:510px;text-align:center;font-size:0;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 8px;display:inline}


.DB_tab25 .DB_prev{position:absolute;left:-100px;top:180px;cursor:pointer; width:67px; height:111px; background:url(../img/bleft.jpg); opacity:0.5}
.DB_tab25 .DB_prev:hover{opacity:0.7}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:180px;cursor:pointer;width:67px; height:111px; background:url(../img/bright.jpg); opacity:0.5}
.DB_tab25 .DB_next:hover{opacity:0.7}

.youshi{background:#F2F2F2;}
.youshi ul li span{font-size:50px;color:#b8241a;line-height:50px;}
.youshi ul li{float:left;margin:35px 66px;text-align:center;}
.youshi ul li .jia{font-size:30px;}
.youshi ul li p{font-size:16px;color:#7b7b7b;line-height:20px;}


/*线下实体店展示*/
.c1_m>ul>li{width:100%;float:left;margin-bottom:35px;position:relative}
.c1_m>ul>li img{display:block;width:100%;}
.c1_m>ul>li>a>span{display:block;width:100%;text-align:center;font-size:18px;line-height:50px;position: absolute;bottom:0;background:url(../img/black.png);color:#fff;}



/* 品牌 */
.pinpai{margin-top:30px;}
.pinpai ul{margin-top:15px;}
.pinpai ul li{float:left;margin-right:18px;width:223px;height:122px;margin-bottom:15px;border:1px solid #DBDBDB;overflow:hidden;position:relative;}
.pinpai ul li:nth-child(5n){float:right;margin-right:0;}
.pinpai ul li img{width:100%;height:100%;position:absolute;transition:all 0.5s;}
.pinpai ul li img:hover{transform: scale(1.25);}
.pinpai ul li:hover{border:1px solid #E70012;}


/*实验室*/

.shiyan{margin-top:50px;}
.shiyan ul{ float:left; width:1200px; padding-bottom:30px}
.shiyan ul li{ float:left; width:285px; background:#fff; margin-right:17px; margin-top:20px;min-height:389px;border:1px solid #E4E4E4;min-height:432px;}
.shiyan ul li img{ float:left; width:285px; height:194px;}
.shiyan ul li:hover{border:1px solid #E70012;}
.shiyan ul li div{ float:left; width:263px; padding:0 10px 10px; border-top:none}
.shiyan ul li div span.hua{ border-bottom:#DBDBDB solid 1px; width:263px; float:left; height:22px; margin-bottom:18px}
.shiyan ul li div span.hua font{ font-size:16px; float:left; color:#fff; width:22px; height:22px; background:#DBDBDB; line-height:22px; text-align:center; font-weight:bold; margin-left:120px; margin-top:11px}
.shiyan ul li:hover div span.hua{ border-bottom:#E70012 solid 1px;}
.shiyan ul li:hover div span.hua font{background:#E70012;}
.shiyan ul li div span.tit a{ color:black; font-size:16px; font-weight:bold}
.shiyan ul li div p{ font-size:14px; color:#707070; line-height:20px; margin:6px 0; float:left; overflow:hidden;text-align:justify;}
.shiyan ul li div span.time{ float:left; font-size:14px; width:255px}
.shiyan ul li:nth-child(4n){ margin-right:0}

/*实验室列表页*/
.shiyanshi{}
.shiyanshi ul{ float:left; width:936px; padding-bottom:30px}
.shiyanshi ul li{ float:left; width:285px; background:#fff; margin-right:37px; margin-top:37px;min-height:389px;border:1px solid #E4E4E4;min-height:432px;}
.shiyanshi ul li img{ float:left; width:285px; height:194px;}
.shiyanshi ul li:hover{border:1px solid #E70012;}
.shiyanshi ul li div{ float:left; width:263px; padding:0 10px 10px; border-top:none}
.shiyanshi ul li div span.hua{ border-bottom:#DBDBDB solid 1px; width:263px; float:left; height:22px; margin-bottom:18px}
.shiyanshi ul li div span.hua font{ font-size:16px; float:left; color:#fff; width:22px; height:22px; background:#DBDBDB; line-height:22px; text-align:center; font-weight:bold; margin-left:120px; margin-top:11px}
.shiyanshi ul li:hover div span.hua{ border-bottom:#E70012 solid 1px;}
.shiyanshi ul li:hover div span.hua font{background:#E70012;}
.shiyanshi ul li div span.tit a{ color:black; font-size:16px; font-weight:bold}
.shiyanshi ul li div p{ font-size:14px; color:#707070; line-height:20px; margin:6px 0; float:left; overflow:hidden;text-align:justify;}
.shiyanshi ul li div span.time{ float:left; font-size:14px; width:255px}
.shiyanshi ul li:nth-child(3n){ margin-right:0}

/*工艺*/
.gongyi{margin-top:50px;}
.gongyi .gongyi_d{float:left;width:585px;margin-bottom:35px;min-height:347px;border:1px solid red;padding:30px;box-sizing:border-box;background:#F7F7F7;border:1px solid #E4E4E4;}
.gongyi .gongyi_d:nth-of-type(2n){float:right;}
.gongyi .gongyi_d .gongyi_t{display:block;text-align:center;font-size:23px;font-weight:bold;color:black;padding-bottom:15px;line-height:23px;}
.gongyi ul{position:relative;}
.gongyi ul .vs{position:absolute;left:0;right:0;margin:auto;top:50px;font-size:34px;color:#FFF;font-weight:bold;width:70px;height:70px;background:#CC2A1E;border-radius:50%;line-height:70px;text-align:center;}
.gongyi ul li{width: 249px;float:left;}
.gongyi ul li:nth-child(2){width: 249px;float:right;}
.gongyi ul li span{font-size:16px;color:black;font-weight:bold;text-align:center;display:block;margin-top:20px;}
.gongyi ul li p{font-size:12px;}
.gongyi ul li img{width: 249px;height:169px;display:block;}

/*服务*/
.fuwu{margin-top:50px;}
.fuwu ul li{float:left;width:580px;height:239px;border:1px solid #E4E4E4;}
.fuwu ul li:nth-child(2){float:right;}
.fuwu ul li div{width:318px;height:239px;float:left;overflow:hidden;}
.fuwu ul li img{float:left;display:block;transition:all 0.5s;}
.fuwu ul li img:hover{transform:scale(1.25);}
.fuwu ul li .fuwu_r{float:right;width:262px;box-sizing:border-box;padding:0 20px;}
.fuwu ul li .fuwu_t{display:block;font-size:20px;font-weight:bold;text-align:center;margin-top:20px;margin-bottom:15px;}
.fuwu ul li .fuwu_r p{font-size:16px;color:black;font-weight:bold;}

/*案例*/
.case{background:#F1F1F1;padding-top:50px;padding-bottom:30px;}
.case .case_s{text-align:center;margin-bottom:30px;}
.case .case_s span{transition:all 0.4s;display:inline-block;width:127px;height:42px;border:2px solid #DBDBDB;border-radius:21px;margin:0 2px;line-height:42px;font-size:16px;cursor:pointer;}
.case .case_s span:hover{border:2px solid transparent;background: #DE1620;color:#FFF;}
.case .case_s span.hover{border:2px solid transparent;background: #DE1620;color:#FFF;}
.case ul li{width:370px;margin-right:45px;float:left;margin-bottom:20px;}
.case ul li:nth-child(3n){float:right;margin-right:0;}
.case ul li img{width:370px;height:280px;}
.case ul li div{position:relative;width:370px;height:280px;overflow:hidden;}
.case ul li span{display:block;text-align:center;font-size:18px;}
.case ul li .fu{width:370px;height:280px;position:absolute;background:url(../img/black.png);top:280px;transition:all 0.4s;}
.case ul li .fu span{color:#FFF;}
.case ul li .fu div{margin-top:90px;}
.case ul li .fu .btn{background:#FFF;color:#c30101;width:100px;margin:0 auto;margin-top:20px;}
.case ul li:hover .fu{top:0px;}
.case .more{display:block;background:#DE1620;border-radius:25px;width:220px;height:50px;text-align:center;line-height:50px;color:#FFF;font-size:16px;margin:0 auto;margin-top:30px;}

.liucheng{margin:45px 0;}
.liucheng ul{overflow:hidden;margin-top:20px;}
.liucheng ul li{width:167px;float:left;overflow:hidden;margin:0 11px;cursor:pointer;}
.liucheng ul li:hover div{background:#C30101;}
.liucheng ul li:nth-child(1){margin-left:0;}
.liucheng ul li:nth-of-type(6){margin-right:0;}
.liucheng ul>img{display:block;float:left;margin-top:60px;margin-top:-30px;transition:all 0.4s;}
.liucheng ul>.img_h{display:block;float:left;margin-top:60px;}
.liucheng ul li div{position:relative;left:-156px;transition:all 0.4s;display:block;width: 145px;margin:0 auto;height:145px;border-radius:50%;background:#F2F2F2;border-top:1px solid transparent;}
.liucheng ul li .li_h{left:0px;}
.liucheng ul li div img{display:block;margin:0 auto;margin-top:50px;}
.liucheng ul li span{position:relative;right:-167px;font-size:20px;margin-top:20px;display:block;text-align:center;transition:all 0.4s;}
.liucheng ul li .span_h{right:0;}


.liuchengs{margin:45px 0;}
.liuchengs ul{overflow:hidden;margin-top:20px;}
.liuchengs ul li{width:167px;float:left;overflow:hidden;margin:0 11px;cursor:pointer;}
.liuchengs ul li:hover div{background:#C30101;}
.liuchengs ul li:nth-child(1){margin-left:0;}
.liuchengs ul li:nth-of-type(6){margin-right:0;}
.liuchengs ul>img{display:block;float:left;margin-top:60px;transition:all 0.4s;}
.liuchengs ul>.img_h{display:block;float:left;margin-top:60px;}
.liuchengs ul li div{position:relative;transition:all 0.4s;display:block;width: 145px;margin:0 auto;height:145px;border-radius:50%;background:#F2F2F2;border-top:1px solid transparent;}
.liuchengs ul li .li_h{left:0px;}
.liuchengs ul li div img{display:block;margin:0 auto;margin-top:50px;}
.liuchengs ul li span{position:relative;font-size:20px;margin-top:20px;display:block;text-align:center;transition:all 0.4s;}
.liuchengs ul li .span_h{right:0;}

/* 本例子css */
.picMarquee-lefts{ overflow:hidden; position:relative; width:1200px; margin:0 auto;margin-top:50px;}
.picMarquee-lefts .hd{ overflow:hidden;  height:30px; padding:0 10px;}
.picMarquee-lefts .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-lefts .hd .next{ background-position:0 -50px;  }
.picMarquee-lefts .hd .prevStop{ background-position:-60px 0; }
.picMarquee-lefts .hd .nextStop{ background-position:-60px -50px;}

.picMarquee-lefts .bd{ padding:10px;   }
.picMarquee-lefts .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-lefts .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-lefts .bd ul li .pic{ text-align:center; }
.picMarquee-lefts .bd ul li .pic img{ width:150px; height:200px; display:block; border:1px solid #ccc; }
.picMarquee-lefts .bd ul li .pic a:hover img{ border-color:#999;}
.picMarquee-lefts .bd ul li .title{ line-height:24px;}

.problem{margin-top:45px;}
.problem ul li{width:390px;height:140px;border:1px solid #E6E6E6;padding:15px;box-sizing:border-box;cursor:pointer;transition:all 0.4s}
.problem ul li:hover{background:#F1F1F1;}
.problem ul li{width:390px;height:140px;border:1px solid #E6E6E6;float:left;margin-right:15px;margin-bottom:15px;}
.problem ul li:nth-child(3n){float:right;margin-right:0;}
.problem ul li span{color:black;font-size:18px;}
.problem ul li p{color:black;font-size:14px;}
.problem ul li a{color:#de1620;font-size:14px;float:right;}

.jianzheng{margin-top:35px;margin-bottom:45px;}
.jianzheng ul li{float:left;margin-right:17px;overflow:hidden;}
.jianzheng ul li:nth-child(4n){float:right;margin-right:0;}
.jianzheng ul li img{width:286px;height:215px;transition:all 0.4s;}
.jianzheng ul li:hover img{transform:scale(1.25);}


.fu_b{width:100%;position:fixed;bottom:0;background:url(../img/black.png);z-index:9999;font-size:16px;}
.fu_b img{margin-top:7px;float:left;}		
.form_b{float:left;margin-left:30px;}
.form_b input{width:162px;height:52px;margin-top:20px;border:none;padding-left:10px;}
.form_b input:nth-child(2){width:250px;margin-left:20px;}
.form_b input:nth-child(3){padding-left:0;margin-left:20px;background:#DE1620;color:#FFF;font-size:18px;cursor:pointer;}


/*首页*/
.inavbg{ background:#fff; height:70px;border-bottom:1px solid #F2F2F2;}
.inavbg span{ float:left; text-align:center; background:url(../img/inavbg.png); height:82px; width:171px;margin-top:-9px; line-height:82px; font-size:22px; font-weight:bold; font-weight:bold; color:#fff}
.inavbg ul{ float:left; line-height:70px; margin-left:10px;}
.inavbg ul li{ float:left; margin-right:30px; font-size:16px;}
.inavbg ul li:nth-child(6){ margin-right:0}
.inavbg ul li a{ color:#7F7F7F}
.inavbg .ss{ float:right; margin-top:17px}
.inavbg .ss input[type=text]{ float:left; width:200px; height:34px; line-height:34px; border:#C0C0C0 solid 1px; border-right:none; padding-left:10px; font-size:14px}
.inavbg .ss input[type=submit]{ float:left; width:44px; height:36px; background:url(../img/cc.gif); border:none; cursor:pointer}


.pro_bg{ overflow:hidden;width:1200px;margin:0 auto;margin-top:30px;} 
.pro .t_h2{margin:50px auto 55px; text-align: center; line-height: 50px;}

.pro_l{width:303px; height:691px;overflow:hidden;background:#F4F4F4;}
.pro_l h4{ text-align: center; height:102px; overflow:hidden;background:#E70012;}
.pro_l h4 a{display:block;margin-top:25px; font-size:20px;}
.pro_l h4 i{display:block; font:14px/16px "Times New Roman", Times, serif; text-transform: uppercase; color: #fff;}
.pro_l h4 a{ color:#fff;}
.pro_l h3{margin:14px auto 0px; width: 262px; overflow: hidden; font:16px/16px "Microsoft Yahei";}
.pro_l h3 a{ display: inline-block; padding-left: 18px;border:1px solid #C3C3C3;line-height:40px; width:240px; height:40px; overflow:hidden;}
.pro_l h3 a:hover,.pro_l .cur a{color:#FFF; background: #E70012; text-decoration: none;}

.pro_r{width:876px;overflow:hidden; background:#F4F4F4;}
.pro_r h2{margin: 19px auto; width: 834px; height:62px; overflow:hidden; font:bold 20px/62px "Microsoft Yahei"; background:url(../img/pro_l1.png) no-repeat left bottom;}
.pro_r h2 a{color: #E70012; }
.pro_r h2 span{ font:14px/62px "Microsoft Yahei";padding-right: 26px; background:url(../img/pro_ic2.png) no-repeat 32px center;}
.pro_r h2 span a{color: #666;}

/*产品首页*/
.pro_t{}
.pro_t .pro_title{font-size:28px;display:block;text-align:center;margin-top:20px;}
.pro_t p{font-size:20px;display:block;text-align:center;}
.pro_t ul{margin-top:30px;}
.pro_t ul li{background:url(../img/pro_bg.png)no-repeat center;width:219px;height:293px;float:left;margin-right:20px;cursor:pointer;position:relative;}
.pro_t ul li:hover{background:url(../img/pro_bgh.png)no-repeat center;}
.pro_t ul li:nth-child(4){margin-right:0px;float:right;}
.pro_t ul li:nth-child(4) p{margin-top:30px;}
.pro_t ul li img{margin:0 auto;display:block;margin-top:26px;}
.pro_t ul li p{margin-top:60px;display:block;}
.pro_t ul li span{position:absolute;left:0;right:0;margin:auto;bottom:0;width:100px;text-align:center;font-size:30px;line-height:30px;color:#717171;}
.pro_t .gongyi_p{width:100%;float:left;background:#F4F4F4;margin-top:20px;}
.pro_t .gongyi_p img{display:block;float:left;width:261px;}
.pro_t .gongyi_p p{font-size:16px;float:left;text-align:justify;margin:15px;width:615px;}

.ins_f img{width:462px;height:347px;margin-left:22px;float:left;}
.ins_f div{float:left;width:40%;}
.ins_f div h3{margin-left:20px;margin-bottom:20px; border-bottom: 1px solid #cdcccc;width:100%;overflow:hidden; font:bold 16px/68px "Microsoft Yahei";}
.ins_f div h3 a{ color:#1f1a17;}
.ins_f div p{margin-left:20px;font-size:14px;color:black;}
.ins_f div span{margin-left:20px;font-size:18px;display:block;margin:0 auto;}
.ins_f div span a{display:block;box-sizing:border-box;float:left;width:145px;height:45px;line-height:42px;text-align:center;margin:0px 20px;margin-top:50px;border:2px solid #C7C7C7;}
.ins_f div span a:nth-child(2){margin:0px;margin-top:50px;}
.ins_f div span a:hover{border:none;line-height:45px;background:#FF7F00;color:#FFF;}

.pro_r dl{ margin:0 auto; width: 782px; overflow:hidden;}
.pro_r dt {float: left; width:370px; height:322px; overflow:hidden;}
.pro_r dt img{width:370px; height:322px;}
.pro_r dd{float: right; width:370px; padding-top: 25px; overflow:hidden;}
.pro_r dd h3{ margin-bottom:20px; border-bottom: 1px solid #cdcccc; overflow:hidden; font: bold 16px/68px "Microsoft Yahei";}
.pro_r dd h3 a{ color:#1f1a17;}
.pro_r dd h3 a:hover{ text-decoration:none;}
.pro_r dd p{ font:14px/32px "Microsoft Yahei"; color: #555;}

.pro_r>ul{margin-top: 82px;width: 876px; overflow:hidden;}
.pro_r li{position:relative; float:left; margin-left: -5px; text-align: center; width:296px; height:255px; line-height: 0px;}
.pro_r li img{padding: 7px; width:282px; height:241px;}
.pro_r li p{ position:absolute; left:7px; top:195px; display:block;  width:283px; height:50px;  font:14px/50px "Microsoft Yahei"; color: #555;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.pro_r li em{position: absolute; left:-2px; top:0px; width:296px; height:255px; display:none;  background:url(../img/pro_isp.png) no-repeat left top;}
.pro_r .nones{margin-left: -8px;}
.pro_r li a:hover{text-decoration: none;}
.pro_r li a:hover em{display: block;}

.pro_r .pro_li4,.pro_r .pro_li5,.pro_r .pro_li6{margin-top: -6px;}

.pro_r div.img{ float:left; position:relative;margin-right:12px;margin-top:30px;}
.pro_r div.img:nth-child(3){ float:left; position:relative;margin-right:0px;}
.pro_r div.img div.t{ position:absolute; width:284px; background:url(../img/black.png); bottom:0; height:60px; line-height:60px; font-size:16px; color:#FFF; text-align:center}
/*.index3 .content ul li div.img:hover div.t{ display:none}*/
.pro_r div.img div.c{ position:absolute;  background:url(../img/black.png); padding:30px; height:200px; display:none}
/*.index3 .content ul li div.img:hover div.c{ display:block}*/
.pro_r div.img div.c span{ font-size:16px; color:#fff; font-weight:bold}
.pro_r div.img div.c p{ font-size:14px; color:#fff}
.pro_r div.img img{ float:left}






.xian{ float:left; width:100%; border-bottom:#E1E1E1 solid 5px; margin:50px 0}

.index2{}
.index2 .t1{float:left; width:100%; font-size:28px; color:#E70012; text-align:center}
.index2 .t2{float:left; width:100%; font-size:16px; color:#A3A3A3; text-align:center}
.index2 ul{ float:left; width:1200px; margin-top:50px}
.index2 ul li{ float:left; width:238px;height:240px; margin-right:2px; background:#E8E8E8}
.index2 ul li:hover{ background:#2C55A4}
.index2 ul li img{ float:left; width:238px; height:240px;}
.index2 ul li:nth-child(5){ margin-right:0} 
.index2 ul li:nth-child(6){ margin-top:2px}
.index2 ul li:nth-child(7){ margin-top:2px}
.index2 ul li:nth-child(8){ margin-top:2px}
.index2 ul li:nth-child(9){ margin-top:2px}
.index2 ul li:nth-child(10){ margin-top:2px}
.index2 ul li span:nth-child(1){ float:left; width:100%; text-align:center; font-size:40px; margin-top:20px}
.index2 ul li span:nth-child(2){ float:left; font-size:16px; width:200px; margin:0 19px;text-align: justify; height:84px} 
.index2 ul li span:nth-child(3){ float:left; font-size:16px; width:120px; height:30px; border:#E70012 solid 1px; color:#E70012; text-align:center; margin:0 63px; border-radius:10px;margin-top:10px} 
.index2 ul li:hover span:nth-child(1){ color:#fff}
.index2 ul li:hover span:nth-child(2){ color:#fff} 
.index2 ul li:hover span:nth-child(3){ border:#fff solid 1px; color:#fff} 

.index2 ul li p{ color:#919191; margin-top:15px; float:left; line-height:26px; font-size:16px; }


.index3{ float:left; width:100%; height:237px; background:url(../img/indeximg.jpg)no-repeat center; margin-top:20px}
.index3_1{ float:left; width:100%; height:201px; background:url(../img/indeximg2.jpg)no-repeat center; margin-top:20px}
.index3_2{ float:left; width:100%; height:201px; background:url(../img/indeximg3.jpg)no-repeat center; margin-top:20px}
/*.index3_s{ float:left; width:100%; height:170px; background:url(../../imgimg2.jpg)no-repeat center; margin-top:20px}*/


.index4{ margin:30px auto 0}
.index4 .t1{float:left; width:100%; font-size:28px; color:#E70012; text-align:center}
.index4 .t2{float:left; width:100%; font-size:16px; color:#A3A3A3; text-align:center}
.index4 ul{ float:left; width:1200px; margin:30px 0 0}
.index4 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:222px; height:176px; position:relative}
.index4 ul li:nth-child(5n){ margin-right:0} 
.index4 ul li img{ float:left; width:222px; height:176px;  border:#DBDBDB solid 1px;}
.index4 ul li div{ position:absolute;width:224px; height:178px; background:url(../img/black.png); display:none}
.index4 ul li:hover div{ display:block}
.index4 ul li div span:nth-child(1){ float:left; width:112px; height:31px; color:#fff; background:#F8BA00; color:#fff; font-size:16px; line-height:31px; text-align:center; margin:50px 51px 0}
.index4 ul li div span:nth-child(2){ float:left; width:100%; text-align:center; color:#fff; font-size:16px; margin-top:18px}


.cont_c{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}



.zaixian{margin-top:20px;float:left;height:840px;background:url(../img/zaixian.jpg)no-repeat;}
.zaixian>form{margin-top:83px;}
.zaixian>form>input{border:1px solid #DBDBDB;height:40px;width:560px;margin-left:71px;margin-top:19px;}
.zaixian>form>input:nth-child(1){margin-top:0;}
.zaixian>form>input:nth-child(4){margin-top:18px;}
.zaixian>form>input:nth-child(5){margin-top:17px;}
.zaixian>form>input:nth-child(6){margin-top:18px;}
.zaixian>form>textarea{display:block;margin-left:71px;margin-top:20px;width:803px;height:140px;resize:none;border:1px solid #DBDBDB;}
.zaixian>form>.sub{width:110px;height:34px;background:transparent;margin-left:518px;margin-top:27px;border:1px solid transparent;}



/*产品导航*/

.pro_nav{height:80px;position:relative;background:#F2F2F2;margin-bottom:30px;}
.pro_nav .left_tit{height:85px;width:80px;position:absolute;top:-5px;background:#E70012;}
.pro_nav .left_tit>span{display:block;color:#FFF;font-size:18px;font-weight:bold;width:50px;line-height:24px;margin-top:20px;margin-left:23px;}
.pro_nav .pro_n_s{display:block;width:93%;float:right;}
.pro_nav .pro_n_s>a{float:left;font-size:16px;margin-left:20px;margin-top:15px;line-height:16px;}


/*.pro_type{border:1px solid red;}*/
.con_p{float:left;box-sizing:border-box;padding:0 15px;}
.con_p img{max-width:100%;}
.pro_type .pro_left{width:284px;height:452px;position:relative;float:left;}
.pro_type .pro_left img{width:284px;height:452px;display:block;}
.pro_type .pro_left span{width:100%;text-align:center;color:#FFF;font-size:18px;line-height:60px;position:absolute;bottom:0;height:60px;background:url(../img/bg.png);}

.pro_type .pro_right{position:relative;float:right;width:893px;}
.pro_type .pro_right>a{width:284px;display:block;position:relative;float:left;margin-right:20px;margin-bottom:28px;}
.pro_type .pro_right>a:nth-child(3n){float:right;margin-right:0;}
.pro_type .pro_right img{width:284px;height:212px;display:block;}
.pro_type .pro_right span{width:100%;text-align:center;color:#FFF;font-size:18px;line-height:60px;position:absolute;bottom:0;height:60px;background:url(../img/bg.png);}




.slideTxtBox{ width:1200px; margin:30px auto; border:1px solid #ddd; text-align:left;  }
.slideTxtBox .hd{ height:56px; line-height:56px; font-size:16px; background:#E70012;position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; height:56px;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; color:#FFF; }
.slideTxtBox .hd ul li.on{ height:56px;  background:#FF7F00; color:#FFF;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;height:500px;}
.slideTxtBox .bd ul img{float:left;width:748px;height:438px;}
.slideTxtBox .bd ul div{float:left;width:400px;margin-left:15px;}
.slideTxtBox .bd ul div span{font-size:16px;display:block;font-weight:bold;color:black;margin-top:50px;}
.slideTxtBox .bd ul div p{font-size:16px;}
.slideTxtBox .bd ul div a{    
	font-size:18px;
    background: #FF7F00;
    color: #FFF;
	display: block;
    box-sizing: border-box;
    float: left;
    width: 145px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    margin-top: 30px;
}

.slideTxtBox .bd li .date{ float:right; color:#999;}


/*汉蕴体验馆*/
.ti_bg{ background:#f6f6f6; padding:30px 0 35px; overflow:hidden;}
.ti_l{ padding:158px 18px 0 0;}
.ti_r{ padding:158px 0 0 0;}
.ti_l img,.ti_r img { width:44px; height:44px;}
.ti_c{ background:url(../img/ti_picbg.jpg) no-repeat; background:none; width: 1078px;height: 303px;overflow: hidden;}
/*.ti_c ul li { width:518px; margin:0 auto;}
.ti_c ul li img{ width:512px; height:296px; border:#E70012 3px solid;}
*/
.ti_t{ padding:45px 0 0;width: 485px; margin:0 auto;overflow: hidden;}
.ti_t ul li{width: 210px;float: left; padding:0 15px;}
.ti_t ul li a{border-radius:5px;display: block;float: left;width: 160px;height: 41px;line-height: 41px;overflow: hidden;font-size: 16px;color: #fff;font-weight: bold;text-align:center;}
.ti_t ul li.cur a,.ti_t ul li a{ background:#CECECE}
.ti_t ul li.cur a,.ti_t ul li a:hover{ background:#E70012}

.ti_c { width:1078px; height:324px;margin:0 auto; }
.ti_c ul{width:1078px; height:302px; overflow:hidden;  position: relative;}
.ti_c ul li { width:512px; height:296px;border:#fff 3px solid; overflow:hidden;}
.ti_c ul li a{display:block;}
.ti_c ul li a img{ width:100%}
.ti_c ul li span{ left:3px; width:512px;display:block; text-align:center; width:100%; height:54px; line-height:54px; position:absolute; left:0; bottom:0px;}
.ti_c ul li span a{ font-size:14px; color:#fff;}

/*汉蕴动态*/
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}


/*new*/
.new_bg{height:718px; width:1200px; margin:0 auto; overflow:hidden;}
.new h4{ margin:73px auto 0; height:72px;text-align: center; padding-left: 60px; overflow:hidden;font: bold 30px/34px "Microsoft ahei"; background:url(../img/new_t1.png) no-repeat 514px top; }
.new h4 a{ color:#E70012;}
.new h4 a:hover{ text-decoration:none;}
.new_l{ width:785px;overflow:hidden;}

.n_t{margin-bottom: 34px; width:785px; overflow:hidden; height:74px; background:url(../img/new_ic2.png) repeat-x left bottom;}
.n_t span{ font:14px/74px "Microsoft Yahei";padding-right: 26px; background:url(../img/pro_ic2.png) no-repeat 32px center;}
.n_t span a{ color:#666;}

.nl01 li{float:left; margin-right:50px; height:74px; overflow:hidden; line-height:0px;}
.nl01 li a{display:inline-block; font:bold 18px/74px "Microsoft Yahei";  color:#333; height:74px; overflow:hidden;}
.nl01 li a:hover,.nl01 .cur a{ zoom:1; text-decoration:none; color:#E70012; background:url(../img/new_ic1.gif) no-repeat left bottom;}

.new_l dl{float: left;width: 370px; background: #fff; height:416px;overflow:hidden;}
.new_l dt{padding: 3px; width: 364px; height: 160px; overflow: hidden;}
.new_l dt img{width: 364px; height: 160px;}
.new_l dd{margin-top: 25px; position: relative; width: 370px; height: 225px; overflow:hidden;}
.new_l dd p{width: 305px; margin: 0 auto 10px; font:14px/30px "Microsoft Yahei"; color:#555;}
.new_l dd h3{width: 305px; margin: 0 auto 10px; height: 55px; border-bottom: 1px solid #e1e1e1; font: bold 16px/55px "Microsoft Yahei";text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.new_l dd h3 a{ color:#333;}
.new_l dd em{position: absolute; right: 0px; bottom: 0px; width: 20px; height: 18px;} 
.new_l dd em img{width: 20px; height: 18px;}

.new_c{float: right;width: 370px; background: #fff; height:416px;overflow:hidden;}
.new_c p{position: relative; margin-bottom: 40px; padding: 3px; width: 364px; height: 160px; overflow: hidden;}
.new_c p img{width: 364px; height: 160px;}
.new_c p span{position: absolute; left:3px; bottom: 3px; width: 364px; height: 34px; font:14px/34px "Microsoft Yahei"; color: #fff; text-align: center; overflow: hidden; display: block;background:url(../img/new_sp01.png) repeat; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.new02 li{margin:0 auto 10px; height:20px; width:320px; overflow:hidden; font:14px/20px "Microsoft Yahei";text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.new02 li a{ color:#555;}
.new02 li a:hover,.new02 .cur a{ text-decoration:none; }
.new02 li em{float: left; display: block; margin-right: 15px; width: 18px; height: 18px; background: #8f8c8b; border: 1px solid #9c9a98; color: #fff; text-align: center; font:12px/18px Arial, Helvetica, sans-serif;  }
.new02 li a:hover em,.new02 .cur a em{background: #E70012; border: 1px solid #fdeeef;}
.new02 .nones{ border-bottom:0;}

.new_r{ width:370px;overflow:hidden;}
.new_r h2{margin-bottom: 34px; width: 370px;font:bold 18px/74px "Microsoft Yahei";  color:#333; height:74px; overflow:hidden; background:url(../img/new_icl.png) no-repeat left bottom;}
.new_r h2 a{ color:#333;}
.new_r h2 span{ font:14px/74px "Microsoft Yahei";padding-right: 26px; background:url(../img/pro_ic2.png) no-repeat 32px center;}
.new_r h2 span a{ color:#666;}

.new_dl{width: 370px; height: 416px; overflow: hidden; background: #fff;}
.new_r dl{width:305px; margin:0 auto; overflow:hidden; padding:25px 0 15px 0; border-bottom: 1px solid #e1e1e1;}
.new_r dt{ height:36px; width:305px; overflow:hidden; background:url(../img/new_w.gif) no-repeat left 11px; font:14px/36px "Microsoft Yahei";text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.new_r dt a{ display:block; height:36px; width:271px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.new_r dt a{padding-left:34px; color:#333; display:inline-block;}
.new_r dd{ padding-left:34px; font:14px/30px "Microsoft Yahei"; color:#555;background:url(../img/new_d.gif) no-repeat left 7px; }
.new_r .nones{border: 0px;}


.index5{width:100%;margin:0 auto;min-height:510px;background:#F5F5F5;padding-top:30px;margin-bottom:45px;}
.zjwm{width:1200px;margin:0 auto;}
.zjwm>ul{width:530px;margin:0 auto;float:none;}
.zjwm>ul>li{margin:0 20px;float: left;}
.zjwm>ul>li>a{font-size: 16px;box-sizing:border-box;padding:7px 0;}
.zjwm>ul>li>a:hover{border-bottom:2px solid #E44122;color:black;}
.zjwm1{margin-top:40px;}
.zjwm1>img{float:left;}
.zjwm1>div{width:720px;float:right;box-sizing:border-box;margin-bottom:30px;}
.zjwm1>div>p{display:block;font-size:14px;color:black;}
.zjwm1>div>span>b{font-size:20px;}
.zjwm1>div>ul{displ ay: block;}
.zjwm1>div>ul>li{transition:all 0.4s;float:left;height:35px;width:130px;font-size:16px;text-align:center;line-height:35px;margin-top:20px;margin-right:20px;border:1px solid #CBCACA;background:#FFF;}
.zjwm1>div>ul>li>a{color:black;transition:all 0.4s;}
.zjwm1>div>ul>li:hover{background:#C30101;border:1px solid transparent;}
.zjwm1>div>ul>li:hover>a{color:#fff;}

.index6bg{ float:left; width:100%; background:#F6F6F6}
.index6{ margin:30px auto}
.index6 div{ float:left; width:570px;}
.index6 div:nth-child(2){ float:right} 
.index6 div div.t{ float:left; width:570px; margin-bottom:30px;}
.index6 div div.t span{ float:left; font-size:22px; background:url(../img/news_title.png) no-repeat bottom; width:190px; padding-left:40px; line-height:46px}
.index6 div div.t a{ float:right; font-size:14px; line-height:26px; margin-top:20px}
.index6 div ul{ float:left; width:590px; margin-top:10px; margin-bottom:50px}
.index6 div ul li{ float:left; width:530px; padding-left:10px; font-size:14px; line-height:36px; background:url(../img/line.png) no-repeat left;}
.index6 div ul li span{ float:right; font-size:12px}

.index7{ margin:30px auto 0}
.index7 span.t{ float:left; width:1200px; font-size:35px; font-weight:bold; color:#595959; text-align:left}
.index7 span.t font{ color:#8D8D8D; font-size:22px; float:left; font-weight:normal}
.index7 ul{ float:left; width:1200px; margin:30px 0 0}
.index7 ul li{ float:left; margin-right:20px; margin-bottom:20px}
.index7 ul li:nth-child(5n){ margin-right:0} 
.index7 ul li img{ float:left; width:222px; height:106px;  border:#DBDBDB solid 1px;}
.index7 ul li span{ float:left; width:100%; }
.index7 ul li span:nth-child(3){ float:left; width:44px; height:44px; border:#B1B1B1 solid 1px; line-height:44px; font-size:20px;text-align:center; margin-right:10px; color:#5F5F5F}
.index7 ul li span:nth-child(2){ float:right; font-size:16px; width:314px;color:#5F5F5F} 
.index7 ul li a{color:#0C6FCF}
.index7 ul li p{ font-size:14px; line-height:26px; margin-top:10px; color:#797979}
.index7 a.more{ float:left; width:200px; text-align:center; height:38px; line-height:38px; background:#177FDB; color:#FFF; font-size:18px; border-radius:38px; margin:50px 549px 0}


/*底部*/
.footerbg{ background:url(../img/footbg.jpg);}
.footer{ height:333px;}
.footer .top{ float:left; height:57px; line-height:83px; font-size:16px; color:#fff}
.footer .top img{ float:left; margin-right:10px;}
.footer .top span{ float:left}
/*.footer .top a{ float:left; width:82px; height:17px; font-size:12px; background:#fff; line-height:17px; text-align:center; border-radius:17px; margin-top:33px; margin-left:10px}*/
.footer .min{ float:left; width:1200px; height:220px} 
.footer .min img{ float:left; margin-right:40px; margin-top:40px}
.footer .min p{ float:left; line-height:30px; font-size:16px; margin-top:55px}
.footer .down{ float:left; height:56px; width:1200px; font-size:16px; line-height:56px}
.footer .down span{ float:left}
.footer .down ul{ float:right}
.footer .down ul li{ float:left; margin-right:20px;}



/*产品中心*/
.productbg{ background:url(../img/productbg.jpg) center no-repeat;height:395px; width:100%; float:left;}
.functionbg{ background:url(../img/functionbg.jpg) center no-repeat;height:395px; width:100%; float:left;}
.linianbg{ background:url(../img/linianbg.jpg) center no-repeat;height:395px; width:100%; float:left;}
.zerenbg{ background:url(../img/zerenbg.jpg) center no-repeat;height:395px; width:100%; float:left;}
.contactusbg{ background:url(../img/contactusbg.jpg) center no-repeat;height:356px; width:100%; float:left;}
.product{}
.pro_ls>ul>li{width:292px;height:220px;float:left;margin-right:30px;margin-bottom:65px;}
.pro_ls>ul>li>a>span{display:block;text-align:center;font-size:18px;}
.pro_ls>ul>.right{width:290px;height:220px;float:right;margin-right:0px;}
.pro_ls>ul li img{border:1px solid #E2E2E2;}

.pro_c_t{background: #F4F4F4;font-size:18px;line-height:50px;margin-top:15px;}
.pro_c_t span{padding:0 40px;display:inline-block;float:left;transition:all 0.4s;cursor:pointer;}
.pro_c_t span.hover{background:#E70012;color:#FFF;}


.productshow .left{ float:left; width:528px;border:#E3E3E3 solid 1px}
.productshow .right{ float:right;width:375px;}
.productshow .right span.ti{ float:left; width:100%; color:#3D3D3D; font-size:24px; font-weight:bold; line-height:40px}
.productshow .right span.ti1{ float:left; width:100%; color:#3D3D3D; font-size:18px;color:#E70012;}
.productshow .right span.rexian{ float:left; width:100%; color:#3D3D3D; font-size:20px;color:#E70012;}
.productshow .right p{ float:left; font-size:16px; line-height:40px;}
.productshow .right p font{ font-weight:bold; font-size:20px; color:#E70012}
.productshow .right a{ float:left; width:110px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#E70012; border-radius:3px; margin:30px 162px 0}
.productshow .content .t{ float:left; width:936px;border-bottom:#D2D2D2 solid 2px; line-height:46px; height:46px;font-weight:bold}
.productshow .content .t font{ float:left; color:#E70012;border-bottom:#E70012 solid 2px; font-size:18px; line-height:46px; padding:0 10px}
.productshow .content .cont{float:left; width:936px; font-size:14px; margin-top:10px; line-height:36px;box-sizing:border-box;}
.productshow .content .cont img{max-width:100%;}
.productshow .hot{ float:left; width:936px; margin-top:20px}

.productshow .hot .t{ float:left; width:936px;border-bottom:#D2D2D2 solid 2px; line-height:46px; height:46px;font-weight:bold; margin-bottom:10px}
.productshow .hot .t font{ float:left; color:#E70012;border-bottom:#E70012 solid 2px; font-size:18px; line-height:46px; padding:0 10px}
.productshow .hot ul li{ float:left; width:285px; margin-right:25px;margin-top:15px;}
.productshow .hot ul li:nth-child(3n){ margin-right:0}
.productshow .hot ul li img{ float:left; width:285px; height:213px}
.productshow .hot ul li .b{ float:left; width:305px; line-height:70px; font-size:16px; text-align:center}

.productshow .product_news{float:left; width:936px; margin-top:20px}
.productshow .product_news .t{ float:left; width:936px;border-bottom:#D2D2D2 solid 2px; line-height:46px; height:46px; font-weight:bold}
.productshow .product_news .t font{ float:left; color:#E70012;border-bottom:#E70012 solid 2px; font-size:18px; line-height:46px; padding:0 10px}
.productshow .product_news ul{ float:left; width:936px; margin-top:10px; margin-bottom:50px}
.productshow .product_news ul li{ float:left; width:430px; padding-left:10px; font-size:14px; line-height:36px; background:url(../img/line.png) no-repeat left;}
.productshow .product_news ul li:nth-child(2n){ float:right}
.productshow .product_news ul li span{ float:right; font-size:12px;}


/*合作客户*/
.clientsbg{ background:url(../img/clientsbg.jpg) center no-repeat;height:395px; width:100%; float:left;}
.clients{}
.clients .content ul{ float:left; width:936px; margin:30px 0 0}
.clients .content ul li{ float:left; margin-right:17px; margin-bottom:17px; width:222px; height:176px; position:relative}
.clients .content ul li:nth-child(4n){ margin-right:0} 
.clients .content ul li img{ float:left; width:222px; height:176px;  border:#DBDBDB solid 1px;}
.clients .content ul li div{ position:absolute;width:224px; height:178px; background:url(../img/black.png); display:none}
.clients .content ul li:hover div{ display:block}
.clients .content ul li div span:nth-child(1){ float:left; width:112px; height:31px; color:#fff; background:#F8BA00; color:#fff; font-size:16px; line-height:31px; text-align:center; margin:50px 51px 0}
.clients .content ul li div span:nth-child(2){ float:left; width:100%; text-align:center; color:#fff; font-size:16px; margin-top:18px}

.clients_show{}
.clients_show .left{ float:left; width:930px}
.clients_show .left .t1{ float:left; width:930px; font-size:18px; text-align:center; line-height:70px;}
.clients_show .left .t2{ float:left; font-size:14px; width:910px; line-height:48px; height:48px; border-bottom:#D2D2D2 solid 1px; padding:0 10px; color:#8C8C8C}
.clients_show .left .t2 img{ float:right}
.clients_show .left .cont{ float:left; width:930px; margin-top:20px; font-size:16px; line-height:40px}
.clients_show .left .cont div{ line-height:32px}
.clients_show .next{ float:left; padding:0 120px; width:690px; line-height:36px; height:36px; background:#F7F7F7; margin-top:20px; font-size:14px;}
.clients_show .next span{ float:left}
.clients_show .next span:nth-child(2){ float:right}

.clients_show .right{ float:right; width:250px; margin-top:10px}
.clients_show .right .t{ float:left; width:250px; font-size:16px; font-weight:bold; line-height:40px; border-bottom:#D2D2D2 solid 2px; margin-bottom:10px}
.clients_show .right .t1{ float:left; width:245px; font-size:14px; color:#757575; padding-left:5px}
.clients_show .right ul.ul1{ float:left;}
.clients_show .right ul.ul1 li{float:left; width:245px; height:32px; line-height:32px; margin-bottom:1px; background:#F0F0F0; padding-left:5px; font-size:14px}
.clients_show .right ul.ul1 li:hover{ background:#E70012}
.clients_show .right ul.ul1 li:hover a{ color:#fff}
.clients_show .right ul.ul2{ float:left; padding:0px 0px; font-size:16px; line-height:40px;}
.clients_show .right ul.ul2 li{ float:left; background:url(../img/line1.jpg) left no-repeat; width:225px; padding-left:25px}
.clients_show .right ul.ul2 li:hover{ background:url(../img/line2.jpg) left no-repeat;}


/*案例*/
.news .content .al_top{margin-top:30px;margin-bottom:15px;}
.news .content .al_top img{float:left;display:block;margin-right:16px;}

.news .content .al_top>a:nth-child(4)>img{float:right;margin-right:0;}

.news .content ul li{ float:left; padding:20px; width:936px;box-sizing:border-box;background:#F4F4F4; margin-top:15px}
.news .content ul li:hover{ background:#E70012}
.news .content ul li img.img{ float:left; width:228px; height:140px; margin-right:20px;}
.news .content ul li span.t{ float:left; font-size:18px; width:610px; border-bottom:#DADADA solid 1px; line-height:40px;color:black;}
.news .content ul li:hover span.t{ color:#fff}
.news .content ul li p{ float:left;color:#333333; font-size:14px; width:610px; line-height:24px; margin-top:10px; margin-bottom:10px}
.news .content ul li:hover p{ color:#fff}
.news .content ul li span.time{ float:left; color:#333333; font-size:14px; line-height:25px}
.news .content ul li:hover span.time{color:#fff}
.news .content ul li a.xx{ float:left; color:#333333; font-size:14px; float:right; width:75px; height:25px; line-height:25px; background:#333333; color:#fff; text-align:center}
.news .content ul li:hover a.xx{ color:#484848; background:#fff}

/*新闻*/
.newsbg{ background:url(../img/newsbg.jpg) center no-repeat;height:395px; width:100%; float:left;}
.newss .contents ul{ float:left; margin-top:20px}
.newss .contents ul li.top{ float:left; border-bottom:#F6F6F6 solid 1px; margin-bottom:15px; padding-bottom:30px;}
.newss .contents ul li.top img{ float:left; margin-right:25px; width:280px; height:218px;display:block;}
.newss .contents ul li.top span.tit{ float:left; width:600px}
.newss .contents ul li.top div.cont{ float:left; width:600px; font-size:14px; line-height:26px; height:118px}
.newss .contents ul li.top a.xx{ float:right; font-size:18px;}
.newss .contents ul li.down{ float:left; width:936px; box-sizing:border-box;height:40px; line-height:40px; font-size:14px; background:url(../img/line.png) no-repeat left; padding-left:10px}
.newss .contents ul li.down span{ float:right}

/*活动*/
.huodong .contents ul{ float:left; margin-top:20px}
.huodong .contents ul li.top{ float:left; margin-bottom:15px;background:#F7F7F7;position:relative;cursor:pointer;}
.huodong .contents ul li.top img{ float:left; margin-right:15px; width:280px; height:218px;}
.huodong .contents ul li.top span.tit{ float:left; width:640px;padding-right:15px;box-sizing:border-box;}
.huodong .contents ul li.top div.cont{ float:left; width:640px; font-size:14px; line-height:26px;height:101px;overflow:hidden;padding-right:15px;box-sizing:border-box;text-align:justify;}
.huodong .contents ul li.top a.xx{display:block;background:#E3E3E3;float:right; font-size:18px;width:100px;height:40px;line-height:40px;text-align:center;margin-right:15px;margin-bottom:15px;}
.huodong .contents ul li.down{ float:left; width:936px; box-sizing:border-box;height:40px; line-height:40px; font-size:14px; background:url(../img/line.png) no-repeat left; padding-left:10px}
.huodong .contents ul li.down span{ float:right}
.huodong .contents ul li.top:hover{background:#E70012;}
.huodong .contents ul li.top:hover p{color:#FFF;}
.huodong .contents ul li.top:hover span a{color:#FFF;}


/*关于我们*/
.aboutusbg{ background:url(../img/aboutusbg.jpg) center no-repeat;height:359px; width:100%; float:left;}
.ertitle{ width:936px; float:left; height:60px; background:url(../img/ertitbg.png) no-repeat left bottom; font-size:21px; line-height:60px; color:#0F0D0C; margin-top:10px}
.ertitle b{font-weight:normal}


.aboutdown{ float:left; width:960px; margin-top:20px}
.aboutdown div{ float:left; background:#F7F7F7}
.aboutdown div img{ float:left}
.aboutdown div span{ float:left; font-size:30px; color:#0F0D0C; font-weight:bold; width:100%}
.aboutdown div p{ font-size:16px; line-height:36px;}
.aboutdown div p font{ color:#1D4987; font-size:28px; font-weight:bold}
.aboutdown div:hover{ background:#E70012}
.aboutdown div:hover span{ color:#fff}
.aboutdown div:hover p{ color:#fff}
.aboutdown div:hover b{ color:#fff}
.aboutdown div:hover p font{ color:#fff}
.aboutdown div:nth-child(2){ width:534px; height:188px; padding:20px 35px}
.aboutdown div:nth-child(3){ width:232px; height:188px; padding:20px 35px}
.aboutdown div:nth-child(3) span{ margin-top:50px}
.aboutdown div:nth-child(5){ width:232px; height:188px; padding:20px 35px}
.aboutdown div:nth-child(5) span{ margin-top:40px}
/*.aboutdown div:nth-child(5) p{ font-size:28px}*/
.aboutdown div:nth-child(7){ width:232px; height:188px; padding:20px 35px}
.aboutdown div:nth-child(7) span{ margin-top:10px}


/*管理团队*/


.c1_J>ul>li{width:292px;height:220px;float:left;margin-right:16px;margin-bottom:65px;}
.c1_J>ul>li>a>span{display:block;text-align:center;font-size:18px;line-height:50px;}
.c1_J>ul>.right{width:290px;height:220px;float:right;margin-right:0px;}


.nav_b{}
.nav_b li{ float:left; height:57px; font-size:16px; line-height:57px; text-align:center;width:105px;position:relative;margin-right:15px;}
.nav_b li:hover{background:url(../img/navbg.png)no-repeat;}
.nav_b li a{ color:#fff}
.nav_b li.hover{background:url(../img/navbg.png)no-repeat;}
.nav_b li div{ display:none; background:#FFF; border:#D9D9D9 solid 1px; float:left; position:relative; z-index:99999999999999; padding:10px 0}
.nav_b li div span{ font-size:14px; width:100%; float:left; line-height:30px;}
.nav_b li div span a{ color:#666}
.nav_b li:hover div span a{ color:#666}
.nav_b li div span a:hover{ color:#005B9D}
.nav_b li:hover div{ display:block}



/*公司环境*/
.environment{}
.environment ul.content{ float:left; width:1200px; margin-top:30px}
.environment ul.content li{ float:left; width:275px; margin-right:33px}
.environment ul.content li:nth-child(4n){ margin-right:0}
.environment ul.content li img{ float:left; width:275px; height:207px;}
.environment ul.content li span{ float:left; width:275px; height:60px; line-height:60px; font-size:16px; text-align:center}

/*分页*/
.contactus{}
.contactus .content{ float:left; width:1200px; height:608px; background:url(../img/contactus.jpg); margin:20px 0}
.contactus .c{ float:left; margin-left:120px; margin-top:50px}

/*分页*/
.page{ float:left; width:100%; text-align:center; font-size:14px;margin-bottom:30px; height:40px; margin-top:30px}
.page a{ border:#ddd solid 1px; padding:5px 12px; color:#999; margin:5px; background:#EDEDED}
.page a:hover{ background:#E70012; color:#fff}
.page .current{ border:#ddd solid 1px; padding:5px 12px; color:#999; margin:5px;background:#E70012; color:#fff; }