@charset "utf-8";
* {margin: 0px;padding: 0px;list-style:none;background-repeat:no-repeat;}
div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a {border:0;}
h2{ font-size:16px; font-weight:normal;}
img, input {vertical-align:middle;  font-family:"微软雅黑", Microsoft YaHei,Arial, Helvetica, sans-serif;}
body { margin:0px auto; color:#303052;font-family:"微软雅黑", Microsoft YaHei,Arial, Helvetica, sans-serif; font-size:14px; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
a img {border:0px none;}
select, input, img {vertical-align:middle;font-size:12px;}
a {color:#303052;text-decoration:none;}
a:hover {text-decoration: none; color:#D6415A;}
.orange {color:#FFB400;font-weight:normal;}
HTML { height:100%;OVERFLOW-X: hidden;}
.cle {clear:both; }
.hs {color:#FFC;}
.fleft {float:left;}
.fright {float:right;}
.shadow{ height:10px; background-image:url(shadow_01.gif); background-repeat:repeat-x;}
.padding_h10{ padding-top:10px;}
.padding_h20{ padding-top:20px;}
.padding_h30{ padding-top:30px;}
.padding_h40{ padding-top:40px;}
.padding_h50{ padding-top:50px;}
.padding_h60{ padding-top:60px;}
.padding_h70{ padding-top:70px;}
.padding_h80{ padding-top:80px;}
.padding_h90{ padding-top:90px;}
.img100 img{ width:100%;}

.top{ position:fixed; display:block; width:68px; height:68px; right:0px; top:166px;}

.header_bg{ height:100px; width:auto; overflow:hidden; border-bottom:1px solid #E5E6E5;}
.header{ margin: 0 auto; overflow:hidden; width: 1000px; height:100px; position:relative;}
.header_logo{ margin: 0 auto; width:523px; height:57px; margin-top:24px; background-image:url(header_logo.png);}
.header_logo a{ display:block; width:523px; height:54px;}

.header_yy{ position:absolute; width:120px; right:0; top:44px;}
.header_yy a{ padding:0 3px; }

.nav_bg{height:50px; width:auto;}
.nav{margin: 0 auto; height:50px; width:1000px; text-align:center;}

.nav .menu li{position:relative; padding:0 8px; display:inline-block; z-index:4;}
.nav .menu li{position:relative; padding:0 8px; *display:inline; z-index:4;}
.nav .menu li.line{ padding:0;}
.nav .menu li h3{font-weight:normal;display:inline-block; }
.nav .menu li a.xl{margin-top:10px;display:inline-block; height:30px;text-decoration:none; width:130px;text-align:center;}
.nav .menu li a.selected,.nav .menu li a.navhover,.nav .menu li a.xl:hover{color:#D6415A;}
.nav .menu li a.navhover, .nav .menu li a.xl:hover{background-color:#FFF;}
.nav .menu li a.xl span{height:30px;line-height:25px; display:inline-block; }
.nav .menu li a.selected span,.nav .menu li a.navhover span,.nav .menu li a.xl:hover span{cursor:pointer;}
.nav .menu li a.navhover span, .nav .menu li a.xl:hover span{width:100px;}

.nav .menu ul.xlm{display:none; position:absolute; top:40px; left:8px; width:140px; background:#FFF; border:1px solid #E5E6E5; line-height:normal;}
.nav .menu ul.xlm li{ float:left; width:140px; padding:0px; display:inline-block; font-size:12px; line-height:36px; text-align:center; }

.nav .menu ul.xlm li a{width:100%;  overflow:hidden; display:block;}
.nav .menu ul.xlm li a:hover{background-color:#eee;}


.banner{ display:block; MARGIN:0 auto; WIDTH:100%; position:relative; z-index:1; HEIGHT:450px}
/* flexslider */
.flexslider{position:relative;height:450px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:3;}
.slides li{height:450px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute; bottom:30px; z-index:4; left:0; width:100%; text-align:center;}
.flex-control-nav li{width:12px; height:13px; margin:0 5px; display:inline-block; zoom:1;}
.flex-control-nav li{width:12px; height:13px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:11px;line-height:40px;overflow:hidden;background:url(case_tbg.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;background:url(case_tbgs.png) right 0 no-repeat;}

.main{display:block; MARGIN:0 auto; WIDTH:100%;}
.main_title{ margin:0 auto; display:block; overflow:hidden; clear:both; padding:20px 0; WIDTH:1000px; text-align:center;}
.main_title p{ font-size:22px; padding-top:16px;}
.main_title p b{ font-size:12px;}
.main_title span{ font-size:12px; padding-top:10px;}

.pro_bg{ margin:0 auto; overflow:hidden; width:auto; background-color:#C5C3CC;  background-image: url(products_bgs.png);   background-position:center top; background-repeat:repeat-y;}
.pro{ margin:0 auto; overflow:hidden; width:auto; padding-bottom:32px; background-position:center top; background-repeat: no-repeat; }



.products_box{margin:0 auto; display:block; overflow:hidden; width:1000px;}
.products_box li{ float:left; overflow:hidden; width:246px; height:344px; background-image:url(products_tp_bg.png); margin-left:0; margin-right:0; margin-bottom:2px; position:relative;}

.products_box a{ display:block; overflow:hidden; position:relative; margin-left:8px; margin-top:8px; color:#FFF; width:230px; height:328px;}
.products_box a:hover{ color:#bb4b26;}
.products_box a img{ width:230px; height:280px;}
.products_box a span{ position:absolute; left:0; bottom:0; width:230px; background-image: url(products_title_bg.png); background-repeat:repeat-x; height:48px; line-height:48px; text-align:center;}



.about_box_bg{margin:0 auto; display:block; overflow:hidden; width:auto; padding:66px 0; background-image:url(about_bg.png); background-position:center top;}
.about_box{margin:0 auto; display:block; overflow:hidden; width:1020px; height:638px; position:relative; background-image:url(about_box_bg.png); background-position:10px top;}
.about_bwz{ position:absolute; left:120px; top:250px; width:550px; color:#FFF; font-size:14px;}
.about_bwz h2{ font-size:21px; overflow:hidden; border-bottom:2px solid #FFF; padding-bottom:10px;}
.about_bwz span{ display:block; font-size:14px; line-height:20px; padding-top:15px;}

.about_ltop{ position:absolute; left:60px; top:14px; width:576px; height:199px; z-index:9;}
.about_ltop li{ float:left; overflow:hidden; width:256px; padding:13px; margin:0 2px; height:173px; background-image:url(about_ztbg.png);}


.about_rtop{ position:absolute; right:0; top:0; width:286px; height:406px; padding:7px; background-color:#565673; z-index:9;}


.about_bbox{ position:absolute; left:45px; bottom:0; width:950px; height:210px;  z-index:6;}
.about_bbox .hd{ position:absolute; z-index:999; left:10px; top:90px; width:930px; height:34px;}
.about_bbox .hd .prev{ display:block;  width:34px; height:34px; float:left; overflow:hidden; cursor:pointer; }
.about_bbox .hd .next{ display:block;  width:34px; height:34px; float:right;  overflow:hidden; cursor:pointer; }
.about_bbox .hd .prev{ background-image:url(about_bbox_zan.png);}
.about_bbox .hd .next{background-image:url(about_bbox_yan.png);}

.about_bbox .bd{ float:left; padding:0px; width:840px; margin-left:60px; margin-top:14px; overflow:hidden;}
.about_bbox .bd ul{ overflow:hidden; zoom:1; width:840px; float:left; _display:inline;  }

.about_bbox .bd ul li{  float:left; _display:inline; overflow:hidden; width:264px; margin:0 8px 0 8px; background-image:url(about_bbox_tbg.png);}
.about_bbox .bd ul li a{ float:left; display:block; overflow:hidden; position:relative; padding:9px; width:246px;  height:163px}
.about_bbox .bd ul li a img{width: 246px; height:163px; }


.about_bmore{ position:absolute; left:0; top:255px; z-index:10;}
.about_bmore a{ display:block; width:90px; height:48px; background-image:url(about_more.png);}


.qc_bg{margin:0 auto; display:block; overflow:hidden; width:auto; padding:90px 0; background-image:url(qc_bg.png); background-position:center top;}
.qc{margin:0 auto; display:block; overflow:hidden; width:1000px; height:460px; position:relative;}
.qc_box{ position:absolute; left:0; top:0; width:785px; height:460px; background-image:url(qc_box_bg.png);}
.qc_box .hd{ position:absolute; z-index:999; left:84px; top:190px; width:110px; height:59px;}
.qc_box .hd .prev{ display:block;  width:55px; height:59px; float:left; overflow:hidden; cursor:pointer; }
.qc_box .hd .next{ display:block;  width:55px; height:59px; float:right;  overflow:hidden; cursor:pointer; }
.qc_box .hd .prev{ background-image:url(qhz_an.png);}
.qc_box .hd .next{background-image:url(qhy_an.png);}

.qc_box .bd{ float:right; padding:0px; width:646px; overflow:hidden;}
.qc_box .bd ul{ overflow:hidden; zoom:1; width:646px; float:left; _display:inline;  }

.qc_box .bd ul li{  float:left; _display:inline; overflow:hidden; width:646px;}
.qc_box .bd ul li a{ float:left; display:block; overflow:hidden; position:relative; width:646px;  height:460px}
.qc_box .bd ul li a img{width: 646px; height:460px; }




.qc_rnew{ position:absolute; right:0; top:50px; width:269px; padding:20px; height:296px; z-index:10; background-image:url(qc_box_newbg.png);}
.qc_rn_title{ display:block; overflow:hidden; font-size:18px; color:#FFF; padding-bottom:20px; background-image:url(qc_rn_tbg.png); background-position:left bottom; background-repeat:no-repeat;}
.qc_rn_content{ display:block; overflow:hidden; padding-top:10px;}
.qc_rn_content a{ display:block; overflow:hidden; line-height:28px; font-size:14px; color:#FFF;}
.qc_rn_more{ display:block; overflow:hidden; padding-top:16px;}
.qc_rn_more a{ display:block; overflow:hidden; line-height:28px; font-size:12px; color:#FFF;}


.footer_bg{margin:0 auto; display:block; overflow:hidden; width:auto; padding:0 0 48px 0; border-top:1px solid #F3F1F2; background-image:url(footer_bg.png); background-position:center top;}
.footer{margin:0 auto; display:block; overflow:hidden; width:1000px; position:relative;}
.f_lx{ display:block; overflow:hidden; text-align:center; font-size:12px;}
.f_lx dt{ font-size:30px;}
.f_lx dd{}

.f_lj{ display:block; overflow:hidden; padding-top:2px; font-size:12px; text-align:center;}
.f_lj dt{}
.f_lj dd{ padding-top:10px;}
.f_lj dd a{ padding:0 6px; line-height:16px;}
.f_bq{ display:block; overflow:hidden; padding-top:12px; font-size:12px; line-height:14px; text-align:center;}



/*内页样式*/
.main_titles{ margin:0 auto; display:block; overflow:hidden; clear:both; padding:30px 0; WIDTH:1000px;}
.main_titles p{ font-size:22px; padding-top:16px;}
.main_titles p b{ font-size:12px;}
.main_titles span{ font-size:12px; padding-top:10px;}

.inside_content{ margin:0 auto; overflow:hidden; width:1000px; }

.inside_list{ display:block; overflow:hidden; width:750px;}
.inside_list li {	float:left; display:inline; overflow:hidden; WIDTH:750px;  padding:20px 0; border-bottom:1px solid #EDF1F4;}
.inside_list li dt,.inside_list li dt img{ float:left; width:170px;  height:130px; margin-right:20px; }
.inside_list li h2{ float:left; width:560px;  font-size:16px;}
.inside_list li span{ float:left; width:560px; margin-top:10px; display:block; color:#6A6A6A;  line-height:22px;}
.inside_list li span a{ color:#959595;}

.inside_list li b{ float:left; width:110px; text-align:center; font-weight:normal; margin-top:10px; display:block; color:#6A6A6A; border:1px solid #F3F1F2;  line-height:32px;}
.inside_list li b a{ color:#959595;}




.inside_page{ margin:0 auto; clear:both; overflow: hidden; width:auto; text-align:center; padding:50px 0 0 0;}
.inside_page span{ display: inline-block; overflow:hidden; padding:0 10px; height:40px; line-height:42px; text-align:center; background-color:#D6415B;  color:#FFF;}
.inside_page a{ display: inline-block; overflow:hidden; padding:0 10px; height:40px; margin:0 6px; line-height:40px; text-align:center; border:1px solid #EDF1F4;  background-color: #FFF; color:#999;}
.inside_page a:hover{ border:1px solid #D6415B; background-color: #D6415B; color:#FFF;}
.inside_page .a1, .inside_page .a1:hover{ border:1px solid #EDF1F4;background-color: #FFF; color:#999;}


.content_title{ width:1000px; margin:0 auto; padding:10px 0 10px 0; overflow:hidden;  line-height:44px; text-align:center;  font-size:22px;}
.content_time{text-align:center; width:1000px; margin:0 auto; height:24px; padding-bottom:10px; line-height:24px; color:#333; }
.content_detail{width:1000px; display:block; overflow:hidden;margin:0 auto;  line-height:2em; font-size:16px; padding-top:6px;  padding-bottom:20px;}

.content_page_pre{ float:left; padding:20px 0; color:#666;}
.content_page_pre a,.content_page_next a{ color:#333;}
.content_page_pre a:hover,.content_page_next a:hover{ color:#CF2820;}

.content_page_next{ float:right; padding:20px 0; color:#666;}


.inside_left {WIDTH:210px;  FLOAT: left; OVERFLOW: hidden;}

.menu_title { WIDTH:208px; FLOAT: left; OVERFLOW: hidden; height:40px; line-height:40px; font-size:14px; text-align:center; border:1px solid #F3F1F2;}
.menu_content { WIDTH:210px; FLOAT: left; OVERFLOW: hidden; margin-bottom:10px;}

.list{width: 210px; margin:0 auto;}
.list ul li{  border-bottom:1px solid #F3F1F2;}
.list ul li a{padding-left: 10px;color: #333; font-size:12px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;
}
.list ul li .inactive{ background:url(off.png) no-repeat 184px center;}
.list ul li .inactives{background:url(on.png) no-repeat 184px center; border-bottom:1px solid #F3F1F2; } 
.list ul li ul{display: none;}
.list ul li ul li{}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px;}
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}

/*left*/
.leftsidebar_box{width:210px;height:auto; overflow:hidden; }
.leftsidebar_box dt{ display:block; padding-left:40px; padding-right:10px;background-repeat:no-repeat;background-position:10px center;  border-bottom:1px solid  #F3F1F2; position:relative;line-height:40px;cursor:pointer;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}

.leftsidebar_box dd{padding-left:40px; line-height:40px; overflow:hidden; border-bottom:1px solid  #F3F1F2;}
.leftsidebar_box dd a{ }


.menu_dq{ color:#D6415A;}


.inside_right{ float:right; width:750px; overflow:hidden;}
.inside_photo li{ float:left; overflow:hidden; width:230px; margin-left:10px; margin-right:10px; margin-bottom:20px;}
.inside_photo li a{ display:block; color:#FFF; width:230px; height:328px; position:relative;}
.inside_photo li a img{ width:230px; height:280px;}
.inside_photo li a span{ position:absolute; left:0; bottom:0; width:230px; background-image:url(products_title_bg.png); background-repeat:repeat-x; height:48px; line-height:48px; text-align:center;}

.inside_photo_content{ float:right; width:750px; display:block; overflow:hidden; border-top:1px solid #F3F1F2; border-bottom:1px solid #F3F1F2; padding:0 0 40px 0;}

.inside_photo_tt{ display:block; overflow:hidden; font-size:24px; padding:20px 0 20px 0; text-align:center;}
.inside_photo_mstt{display:block; overflow:hidden;  background-color:#D9D7E0; padding:6px; font-size:18px; text-align:center;}
.inside_photo_msbox{display:block; overflow:hidden; padding-top:20px; line-height:24px;}
.inside_photo1 li a{ display:block; color:#FFF; width:230px; height:198px; position:relative;}
.inside_photo1 li a img{ width:230px; height:150px;}

.caseImg { float: left; width: 750px;}
.caseimgbox{ width:750px; height:500px; position:relative;}
.caseimgbox .plus{ position:absolute; right:0; top:0; width:50%; height:100%; cursor:pointer; z-index:999;}
.caseimgbox .minus{ position:absolute; left:0; top:0; width:50%; height:100%; cursor:pointer; z-index:999;}
.caseImg .box{ width:750px; height:500px; position:relative; overflow:hidden; z-index:99; background:#f1f1f1;}
.caseImg .list{ width:999999px; overflow:hidden;}
.caseImg .list li{ float:left; width:750px; height:500px; overflow:hidden; position:relative;}
.caseImg .caption{ position:absolute; bottom:0; left:0; margin:0; width:806px; background-image:url(products_title_bg.png);}
.caseImg .list .text{ width:100%; background:none; padding:0;}
.caseImg .ctrl{ margin:25px auto 0; width:840px;}
.caseImg .ctrl .plus,.caseImg .ctrl .minus{ float:left; width:20px; height:40px; margin:36px 0 0; background:url(btn.gif) no-repeat; cursor:pointer;}
.caseImg .ctrl .minus{ background-position:left top;}
.caseImg .ctrl .plus{ background-position:right top;}
.caseImg .ctrl .minus:hover{ background-position:left bottom;}
.caseImg .ctrl .plus:hover{ background-position:right bottom;}

.caseImg .btn{ float:left; width:680px; margin:0 15px; height:112px; overflow:hidden;}
.caseImg .btn ul{ width:999999px; overflow:hidden;}
.caseImg .btn li{ float:left; width:115px; cursor:pointer; border:1px solid #fff; height:110px; margin:0 10px 0 10px; overflow:hidden; background:#f1f1f1;}
.caseImg .btn li.selected{ border-color:#D6415B;}

.caption{ background:url(sbg1.png); line-height:42px; padding:0 22px 0 12px; margin:-42px 0 0; position:relative; height:42px; text-align:left;}
.caption .text{ padding:0 20% 0 0; background:url(ar1.gif) no-repeat right center; color:#fff;}
.caption a{ color:#fff;}

.contact_ly{width:840px; margin:0 auto; overflow:hidden;}
.register_name{ float:left; overflow: hidden; width:780px;}
.register_name_title{float:left; width:120px; text-align:right; font-size:14px; line-height:32px; }
.register_name input{float:right; width:638px; height:40px;border:1px solid #cccccc; text-indent:5px; margin-bottom:20px;}


.contact_ly textarea{float:right; display:inline; overflow:hidden; width:618px; height:76px; padding:10px; margin-bottom:20px;  font-size:12px; color:#999999; -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding; border:1px solid #cccccc; }

.register_code{float:left; overflow: hidden; width:560px;}
.register_code input{float:left; width:130px; height:40px;border:1px solid #cccccc; text-indent:5px; margin:0 10px 20px 20px;}

.c_rbutton{float:left; display:inline; overflow:hidden; width:190px; margin-left:325px; margin-top:16px;}
.c_rbutton a,.c_rbutton a:hover{ float:left; display:inline; overflow:hidden; width:190px; text-align:center; line-height:46px; background-color:#303053; color:#FFF; font-size:16px; height:46px;}

/*客服*/
#floatDivBoxs{width:140px;background:#fff;position:fixed;top:100px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;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; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDqq a:hover{color:#bb4b26;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(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{width:50px;height:45px;background:url(online_arrow.jpg) 0px no-repeat;position:fixed;top:100px;right:140px;z-index:999;}
#rightArrow a{display:block;height:45px;}