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

.index_title1{ height:138px; border-bottom:1px solid #CACACA;}
.index_title1 img{ z-index:9; bottom:-2px; left:50%; margin-left:-288px;}
.productbox{ height:545px; margin-top:40px}
.productbox .hd{ width:228px; float:right}
.productbox .hd li{ height:109px; background:url(../images/tab_bg1.jpg) no-repeat; text-align:center; font-size:16px; color:#FFF; line-height:109px}
.productbox .hd li.on{background:url(../images/tab_overbg1.jpg) no-repeat;}
.productbox .bd{ width:972px}
.productbox ul.bd_1{height:543px; border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; position:relative; width:750px; float:left}
.productbox ul.bd_1 li{ height:503px}
.productbox  ul.bd_1 img{ width:auto; height:auto; margin:0 auto; display:block; max-width:700px; max-height:500px; margin-top:40px;}
ul.bd_1 .textbox{ height:108px; background:rgba(37,37,37,.8); text-align:center; padding-left:20px; padding-right:20px; left:0; bottom:0; color:#FFF; width:710px}
ul.bd_1 .textbox h3{ padding-top:10px; line-height:24px; font-size:18px}
ul.bd_1 .textbox h3 a{font-size:18px}
ul.bd_1 .textbox  p{ line-height:20px; font-size:14px;}
ul.bd_1 .textbox  p a{font-size:14px;}
.productbox  .hd_1{ width:222px;}
.productbox  .hd_1 .scrollText{ width:222px;height:478px; overflow:hidden; position:relative;}
.productbox  .hd_1 div.index_title2{ height:66px; background:#113B41; padding-left:21px; color:#FFF; font-size:16px; line-height:66px}
.productbox  .hd_1 div.index_title2 .anniu{ width:24px; height:19px; right:23px;  cursor:pointer; background:url(../images/updown-bg.jpg)}
.productbox  .hd_1 div.index_title2 .anniu.up{ top:12px; background-position:0px 0px}
.productbox  .hd_1 div.index_title2 .anniu.down{ top:35px; background-position:0px -23px}
.productbox  .hd_1 li{ height:158px; position:relative; border:1px solid #D5D5D5; background:#FFF; width:94%; cursor:pointer; transition:all 0.3s ease}
.productbox  .hd_1 li img{ width:100%; height:auto; max-height:158px}
.productbox  .hd_1 li  p{ width:100%; height:30px; background:rgba(67,67,67,.8); text-align:center; line-height:30px; color:#FFF; position:absolute; left:0; bottom:0; display:block; z-index:9; transition:all 0.3s ease}
.productbox  .hd_1 li:hover,.productbox  .hd_1 li.active{ border:1px solid #FF8A00; border-top:0px;}
.productbox  .hd_1 li:hover p,.productbox  .hd_1 li.active p{background:rgba(255,164,56,.8);}

.index_title3{ height:330px; background:url(../images/index_bg1.jpg) bottom center no-repeat; margin-top:36px}
.index_title3 a.more{ width:110px; height:34px; display:block; top:237px; left:302px; z-index:9;}
.probox{ margin-top:50px}
.probox_left{ width:280px; }
.probox_right{ width:900px}
.index_title4{ height:64px; background:url(../images/class_name.fw.png) no-repeat}
.class_box{ padding-top:15px; background:#F7F7F7; width:251px; float:right}
.probox_left .tel{ height:179px; padding-top:36px; background:#F7F7F7; clear:both; width:251px; float:right}
.probox_left .tel .tel_text{ line-height:48px; color:#333333; font-size:24px; text-align:center}
.probox_left .tel a{ display:block; width:119px; height:32px; z-index:9; bottom:40px; left:50%; margin-left:-59.5px;}
.nav-item a.big{display: block;overflow: hidden;padding-left: 20px;line-height: 49px;max-height: 49px;color: #ABB1B7;transition: all .3s ease; margin-bottom:11px; border-bottom:1px solid #D6D6D6; background:#FFF}
.nav-item ul li a{ width:206px; background:#FFF; background:#FFF; border:1px solid #D6D6D6; margin-left:6px; margin-top:7px; line-height:32px; padding-left:32px; display:block; color:#666666}
.nav-item ul{ padding-bottom:12px}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 49px;background: #113B41;opacity:1;transition: all .3s;}


/*---------------------*/
.nav-item>a .nav-more{float:right;margin-right:16px; width:15px; height:15px; background:url(../images/pro_dot.jpg) no-repeat; margin-top:20px;transition:all  0.5s ease;}

/*---------------------*/

.nav-show a.big,.nav-item>a:hover{color:#FF8A00; border-bottom:1px solid #FF8A00}
.nav-show>a:before,.nav-item>a:hover:before{background:#FF8A00;opacity:1;}
.nav-show a.big .nav-more,.nav-item a:hover .nav-more{background:url(../images/pro_ondot.jpg) no-repeat;}
.nav-item li:hover a{border:1px solid #FF8A00}

/********/

.index_title5{ height:64px; background:url(../images/pro_line.jpg) bottom no-repeat; line-height:64px; font-size:150%; width:100%}
.index_title5 a{ font-size:13px; color:#C0C0C0; border:1px solid #C0C0C0; display:block; height:26px; text-align:center; line-height:26px; margin-top:22px; border-radius:10px; transition: all 0.5s ease;}
.index_title5 a:hover{ border:1px solid #FF8A00; color:#FF8A00}
.index_title5 h3 a{font-size:24px; border:0px; color:#000}

.probox_right li { width:285px; height:298px; margin-top:15px; position:relative}
.probox_right li .pic{ height:243px; border:1px solid #CFCFCF; overflow:hidden}
.probox_right li .pic img{ width:100%; max-height:243px;}
.probox_right li .pic .des{ width:285px; height:245px; bottom:-246px; background:rgba(51,51,51,0.8); left:-1; z-index:999}
.probox_right li .pic .des .des-text{ width:198px; margin:auto; position:relative; margin-top:46px; color:#FFF}
.probox_right li .pic .des .des-text h3{ line-height:32px; text-align:center}
.probox_right li .pic .des .des-text p{ line-height:24px; padding-top:20px}
.probox_right li .text{ position:absolute; z-index:9; bottom:0; left:0; width:100%; background:#8E8E8E; text-align:center; line-height:41px; color:#FFF}
.probox_right li .text.ontext{ background:#FF8A00}
.index-h3{
	text-align: center;
}
.h3-line{
	width:112px;
	height:3px;
	margin-bottom: 10px;
}
.index-h3 h3{
	font-size: 30px;
	text-align: center;
	margin:0 auto 15px;
	color: #333;
	position: relative;
	height: 60px;
	line-height: 35px;
}
.index-h3 h3:before{
	content: "";
	display: block;
	width: 112px;
	height: 3px;
	background: url('../images/h3-line.jpg') no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -56px;
	bottom: 4px;
	z-index: 3;
}
.index-h3 h3:after{
	content: "";
	display: block;
	width: 425px;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 50%;
	bottom: 5px;
	z-index: 2;
	margin-left: -212.5px;
}
.index-h3 .h3-desc{
	font-size: 14px;
	color: #666;
}
.adver{ height:292px; background:url(../images/adver.jpg) center no-repeat; margin-top:54px}

.adver a{ display:block; width:119px; height:31px; z-index:9; top:125px; right:112px}
.index_title6{ height:102px; text-align:center; margin-top:40px;}

.index_case{ height:298px; overflow:hidden; margin-top:22px; transition:all 0.5s ease;}
.index_case .anniu{ width:52px; height:52px; z-index:99; top:105px; opacity:0;cursor:pointer; background:url(../images/left-right-bg.png) no-repeat;transition:all 0.5s ease;}
.index_case:hover .anniu{ opacity:0.7;}
.index_case .anniu.pre{ left:6px; background-position:-1px 0px}
.index_case .anniu.next{ right:6px; background-position:-56px 0px}
.index_case .bd ul{overflow:hidden; zoom:1; }
.index_case .bd ul li{ float:left; width:285px; height:297px; margin-right:20px; position:relative; transition:all 0.5s ease;}
.index_case .bd ul li a{ color:#FFF; font-size:14px}
.index_case .bd ul li img{ width:283px; height:243px; border:1px solid #CFCFCF;}
.index_case .bd ul li  p{ display:block; position:absolute;  width:100%; bottom:0; left:0; height:41px; line-height:41px; text-align:center; background:#8A8A8A; transition:all 0.5s ease;}
.index_case .bd ul li.active a p,.index_case .bd ul li:hover  p{ background:#FF8A00}

/*****优势****/
.index_title7{ height:147px; margin-top:50px; text-align:center}
.yx_box{ height:656px; background:url(../images/ys_boxbg.jpg) center no-repeat;}
.text_width{ width:1272px; margin:auto; padding-top:76px}
.text_width .hd{ width:420px; margin-right:22px;}
.text_width .hd li{ height:82px; margin-bottom:20px; padding-left:110px; font-size:18px; line-height:82px; background:url(../images/fuwu-ico.png) left no-repeat;}

.text_width .hd li.active{ background:#2378d0 url(../images/fuwu-on-ico.png) left no-repeat; color:#FFF; position:relative}
.text_width .hd li.ico1,.text_width .hd li.active.ico1{ background-position:10px 10px;}
.text_width .hd li.ico2,.text_width .hd li.active.ico2{ background-position:10px -88px;}
.text_width .hd li.ico3,.text_width .hd li.active.ico3{ background-position:10px -182px;}
.text_width .hd li.ico4,.text_width .hd li.active.ico4{ background-position:10px -292px;}
.text_width .hd li.ico5,.text_width .hd li.active.ico5{ background-position:10px -382px;}
.text_width .hd li.active:after{content: "+";position: absolute;right:29px;width: 23px;height: 22px; font-size:180%}
.text_width .bd{ width:400px; padding-top:56px;}
.text_width .bd li div{ width:280px; margin:auto; text-align:center}
.text_width .bd li div h2{ line-height:66px;}
.text_width .bd li div p{ padding-top:23px; line-height:24px; font-size:18px}
.service_box{ margin-top:50px}
.service_box .hd li{ width:132px; height:40px; line-height:40px; margin-right:12px; text-align:center; color:#666666; border:1px solid #666666; font-size:16px}
.service_box .hd li.on{ background:#113B41; color:#FFF}

/*****about****/
.index_about_box{ height:614px; background:url(../images/index_aboutbg.jpg) center no-repeat; margin-top:50px}

.about_scroll{ width:372px;margin-top:146px;}
.about_scroll .anniu{ width:17px; height:40px; cursor:pointer; top:125px; background:url(../images/about-lr-bg.jpg) no-repeat}
.about_scroll .anniu.prev{ left:10px; background-position:0px 0px}
.about_scroll .anniu.next{ right:0px; background-position:-336px 0px}
.about_scroll .bd{ width:296px; height:321px; margin-left:40px; position:relative; border:1px solid #CCC}
.about_scroll .bd li{ width:296px; height:321px; color:#FFF; text-align:center}
.about_scroll .bd li img{ width:296px; height:321px;}
.about_text_box{ padding-top:81px; color:#FFF; margin-left:16px; height:389px; position:relative; border-bottom:1px solid #FFF; width:816px;}
.about_text_box h2{ line-height:66px; font-weight:normal}
.about_text_box h2 span{ font-size:14px} 
.about_text_box h3{ line-height:44px;font-weight:normal}
.about_text_box p{ line-height:30px; font-size:16px; letter-spacing:2px}
.about_text_box a.more{ display:block; width:118px; text-align:center; line-height:33px; border:1px solid #FFF; border-radius:5px; right:0; bottom:-16px; z-index:99; background:#11383E; color:#FFF; font-size:14px}

/*******newsbox********/

/********/
.newsbox{ background:#FFF; padding-top:50px;}
.news_title{ height:120px; text-align:center}
.news_tab_box{ width:1200px;} 
.tab_menu { display:block; height:68px; background:url(../images/news_line_bg.png) bottom  repeat-x}
.tab_menu li{ margin-right:136px; text-align:left;height:68px; }
.tab_menu li h3{ line-height:30px; font-size:20px}
.tab_menu li i{ font-style:normal; color:#B8B8B8; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:24px}
.tab_menu li.on{ background:url(../images/news_line_onbg.jpg) bottom repeat-x}
.newsbox{ height:380px; padding-top:20px;}
.textbox .isgood{ width:368px;}
.textbox .isgood img{height:239px;width:336px; margin:auto; height:181px; display:block;}
.textbox .isgood div.time{ display:block; width:50px; z-index:99; left:18px; top:50px;color:#A5A5A5; text-align:center; padding-top:5px; font-size:14px; border-top:1px solid #A5A5A5;}

.textbox .isgood .title{ line-height:44px; margin-top:14px; width:336px; margin:auto}
.textbox .isgood .title a{ font-size:18px; color:#000}
.textbox .isgood .des{ padding-top:6px; line-height:22px; font-size:13px; color:#A3A3A3;width:336px; margin:auto; margin-top:50px}
.textbox .isgood .des a{ color:#8F8F8F}

.newstext{ width:660px; height:auto !important;  }
.newstext li{ margin-top:10px; height:auto; overflow:hidden; padding-bottom:2px; position:relative; border-bottom:1px  dashed #CECECE; font-size:14px; padding-top:4px}
.newstext li span{ display:block; line-height:24px; color:#999; font-size:12px}
.newstext li h3{ line-height:24px; color:#4C4B4B; font-size:14px; transition:all 0.5s ease;}
.newstext li p{ line-height:20px; padding-top:10px; font-size:12px; transition:all 0.5s ease;}
.newstext li div.line{ width:58px; left:0; position:absolute; z-index:99; border-top:1px solid #D8D8D8; height:1px; line-height:1px; top:55px; transition:all 0.5s ease;}
.newstext li:hover div.line{ left:-16px}
.newstext li a{ color:#050505; font-size:14px; transition:all 0.5s ease;}
.newstext li:hover h3,.newstext li:hover p{ color:#113B41;}
.newstext li:last-child{ border-bottom:0px;}
.news_faq{ width:322px; display:none}

/**********/

#scrollDiv{ width:100%; height:auto; padding-top:40px}
.scrollText{width:320px;height:368px;min-height:25px;overflow:hidden}
.scrollText li{padding-left:10px; height:120px; border-bottom:1px dashed #D5D5D5; width:100%}
.scrollText li img{ width:104px; height:104px; float:left; margin-right:12px; margin-top:5px}
.up{ right:35px}
.down{ zoom:1; right:8px}
#scrollDiv .click{ width:20px; height:20px; border:1px solid #CECECE; position:absolute; top:30px; text-align:center; line-height:20px; color:#ACACAC}
.scrollText li div.stext{ width:320px; float:left; padding-top:10px;}
.scrollText li div.stext h3{ line-height:22px; padding-bottom:8px; font-size:13px}
.scrollText li div.stext p{ line-height:26px; font-size:13px;}
.scrollText li div.stext p a{ color:#E01721;}

.links{ border:1px solid #E4E4E4; border-top:2px solid #113B41; min-width:80px;}
.links .title{ height:42px; line-height:42px; border-bottom:1px solid #E4E4E4; background:#F3F3F3; font-size:16px; color:#113B41; padding-left:8px;}
.links p{ padding-left:8px; padding-top:10px; }
.links p a{ display:block; float:left; width:148px; line-height:24px; font-size:14px; color:#666666;}
.links p a:after{ content:""; position:absolute; width:2px; height:15px; background:url(../images/link-line-bg.jpg) no-repeat; right:0;}
.links p a:last-child:after{ display:none}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2378d0 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2378d0 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#2378d0 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2378d0 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}