@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1020px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei"; color:#555;}
*{font-family:'Arial';}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img ,embed{ border:none; vertical-align:middle;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1180px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}

/*header*/
.navbar-fixed-top{ position:relative;z-index:19;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#b7b7b7}
.navbar-nav > li > a{ line-height:inherit;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7b7b7;background-color:inherit}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top:24px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

#header{width:100%;height:auto;clear:both;z-index:19;background:#fff;min-width:1200px;overflow:visible;}
.toper{ background:#f6f6f6; height:42px; line-height:40px; border-bottom:1px solid #e8e8e8}
.toper .w1200{ overflow:visible;}
.toper_l{ float:left; color:#666;}
.toper_l span{ float:left; font-size:13px;}
.header_pjwz{ float:left;height:100%;line-height:30px;position:relative;margin:4px 0 0 10px;color:#fff;}
.header_pjwz .sjweb_pic{display:none; padding:4px; position:absolute; top:31px; left:-75px; background:#fff; border:1px solid #eee;  z-index:2;}
.header_pjwz .sjweb_pic img{ width:150px; height:150px;}
.toper_r{ float:right; font-size:13px; color:#666; background:url(/images/tel.png) 0 7px no-repeat; padding-left:30px;}
.toper_r a:hover{color:#333;}
.toper_r i{padding:0 8px 0 8px; color:#f4a5a5;}
.toper_r .current{color:#666;}
.toper_r>span{ float:left;}
.h_line{ color:#bbb; margin:0 15px; margin-top:14px; line-height:1;}
.toper_r>span.line{padding:0; color:#bbb; line-height:1; margin:14px 3px 0 15px;}
.toper_r>span.last{padding:0; color:#666; margin:0 3px 0 15px;}
.toper_r .lag{ float:left; background:url(../images/ico_1.png) right 13px no-repeat;height:42px; line-height:40px; padding:0 12px; position:relative;}
.toper_r .lag>a{ margin-right:15px; color:#666;}
.toper_r .lag .language_silder{ width:94px; position:absolute; left:-5px; top:42px; display:none; background:#333; z-index:10; padding:0px 12px; border-radius:0px 0px 5px 5px;}
.toper_r .lag:hover .language_silder{ display:block;}
.language_silder .l_rows{ height:35px; overflow:hidden; line-height:35px;}
.language_silder a{ display:block; color:#fff !important;}

.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.formdiv{ float:right;height:30px; background:#f6f9fc;width:30px;background:none;}
.formdiv:hover{width:340px;}
.formdiv .form{ margin-top:5px; height:30px;border:1px solid #0567c0;border-radius:20px;overflow: hidden;}
.formdiv .text{width:0;height:28px;line-height:27px;text-indent:15px;outline:none;overflow: hidden;border:none;background:none;font-size:13px; color:#666;}
.formdiv ::-webkit-input-placeholder{color:#666;}
.formdiv :-moz-placeholder{color:#666;}
.formdiv ::-moz-placeholder{color:#666;}
.formdiv :-ms-input-placeholder{color:#666;}

.formdiv:hover .text{width:307px;}
.formdiv .sub_btn{float: right;width:30px; height:30px;margin-top:-1px;margin-right:-1px;border:none; background:url(images/search.png) no-repeat center center; color:#666;cursor: pointer;border-radius:20px;border:1px solid #0567c0;}

.head_bg{ width:100%; height:100%; padding-bottom:0; background:#fff;}
.head{ overflow:visible;}
.head .logo{ float:left; position:relative;}
.head .logo a{ display:block; margin:20px 0 0;}
.head .logo img{ max-width:100%; max-height:54px; height:auto;}
/*.head_r{ float:right;}
.head_r .list{ padding:0 25px; border-left:1px solid #d5d5d5; margin-top:25px; font-size:15px; line-height:20px;}
.head_r .list span{ color:#888; font-size:13px;}
.head_r .nor{ border:none;}*/

.menu{ float:right;}
.menu .container{ width:auto; margin:0;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left; width:101px; height:102px; line-height:102px; text-align:center; font-size:14px; position: relative;}
.menu li.home{ background:none;}
.menu li>a{font-size:14px; color:#333; display:block;height:102px;overflow:hidden ; padding:0; margin:0;}
.menu li>a span{ display:block; color:#333;}
.menu li>a:hover span,.menu li>a.on span{  color:#fff; background-color:#ff9900;}

.menu li .sub{width:180px;z-index:99;display:none;background:#fff;position:absolute;top:59px;left:0;overflow:hidden;padding:0;}
.menu li .sub.sub_pro{ width:242px;}
.menu li dl{ padding:10px 8px; height:auto;}
.menu li dl dd{ padding:0; height:auto;}
.menu li dl dd a{ display:block; height:35px; padding:0 20px;line-height:35px; position:relative; overflow:hidden; color:#333;}
.menu li dl dd a:hover{background: none;}
.menu li dl dd a i{width:0; height:0; top: 50%; margin-top:-5px; left: 8px; border:5px solid transparent; _border-color: tomato;  _filter: chroma(color=tomato); position: absolute; border-left-color: #585858; overflow:hidden; pointer-events: none;}
.menu li dl dd a.current{ color:#0083ff;}
.menu li dl dd a:hover{ color:#0083ff;}

.lan{float:right;color:#fff;text-align:center; margin-top:10px;color:#666; }
.lan a{color:#fff;background-color:#ff9900; height:20px; line-height:20px; width:50px;display:inline-block;}
.lan:hover{background-image:none;}
   
.collapse.in{display:block;visibility:visible}
@media(min-width:767px){
.navbar-collapse.collapse {display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important; border:0 !important;}
.container{ padding:0; height:100%;}
.nav ul li a.dropdown-toggle:hover{ color:inherit;}
.navbar-right{ margin-right:0;}
}

@media(max-width:767px){
	#header{ width:100%; height:auto; clear:both;min-width:100%; overflow:visible; background:#fff;}
	.head_bg{ width:100%; margin:0; padding:0; height:auto; min-width:100%;border-bottom:1px solid #eee;}
	.header_t,.toper,.head_r{ display:none;}
	.head .logo{ margin:5px 0;width:75%;}
	.head .logo a{ display:block; height:auto; margin:15px 5px; width:100%;}
	.head .logo img{ max-width:100%; width:auto; height:auto; max-height:50px;}
	#site_header .navbar-header{ display:block;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.menu .container{ width:100%; margin:0 auto;}
	.menu{ border:0; height:auto !important; position:absolute; top:83px; right:0; width:50%; overflow:hidden; float:none;padding:9px 0;}
	.menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%;}
	.menu ul li{ width:100%; height:auto; margin:0; float:none; line-height:1.5;padding-right:0;}
	.menu ul li h3,.menu ul li.cur h3{ background:none;}
	.menu .line{ display:none;}
	.navbar-default .navbar-nav>li>a{color:#303030;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7183e;background:none}
	.menu ul li{ padding:0;background:none;}
	.menu ul li>a{display:block;width:auto;height:auto;transition:all 0s; margin-right:0;line-height:20px;color:#303030; font-size:15px; padding:10px 10px; font-weight:normal;}
	.menu ul li em{ display:none;}
	.menu li>a:hover{background:none;}
	.menu li>a.on{ background:none;}
	.menu li>a:hover span,.menu li>a.on span{  color:#ff9900; background-color:transparent;}
	.header_r{ display:none;}	
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:1000px;}
	.menu li a span{ position:relative; height:auto;}
	.menu li .sub{ display:none !important;}
	.navbar-collapse{-webkit-box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);	  -webkit-overflow-scrolling:touch;}
	.lan{float:left;color:#333;text-align:center; margin-top:10px;color:#666; width:100%; padding-bottom:10px;}
	.lan a{color:#333;background-color:transparent; height:auto; line-height:20px; width:100%;display:inline-block; font-size:16px;}
	.lan:hover{background-image:none;}
}

/*banner*/
.banner{ width:100%; height:550px;}
.banner .ad{ margin-bottom:10px;width:100%; height:550px; overflow:hidden;position:relative;}
.banner .slider{position:absolute; width:500%;}
.banner .slider li{ list-style:none;display:inline; float:left; height:550px;}
.banner .num{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center;}
.banner .num li{ display:inline-block; *display:inline; zoom:1;text-align: center;width:40px;height:3px;cursor:pointer;overflow:hidden;margin:3px 4px;background:rgba(0,0,0,0.5); text-indent:99999px;}
.banner .num li.on{ background:rgba(5,101,203,0.8);}
.banner01{ display:none;}
@media(max-width:767px){
	.banner{ display:none;}
	.banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden;}
	.banner01 .viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.banner01 .picBox{ padding:0;position:relative;border-radius:3px;}
	.banner01 .picBox .next{ float:right;}
	.banner01 .piclist{position:relative;width:2232px;left:0;height:100%;}
	.banner01 .piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
	.banner01 .piclist li a{ display:block;}
	.banner01 .piclist li img{width:100%; height:auto;}
	.banner01 .icon_num{ position:absolute;bottom:5px;left:0;text-align:center;width:100%}
	.banner01 .icon_num a{background:#fff;padding:0;height:8px;width:8px;text-align:center;cursor:pointer;margin:0 2px;display:inline-block;*display:inline;zoom:1;overflow:hidden;opacity:0.5;border-radius:50%;}
	.banner01 .icon_num a:hover,.banner01 .icon_num .active{background:#ff9900;color:#ff9900;border-color:#ff9900;opacity:0.7;}
	.banner01 .swipe{visibility:hidden;position:relative;overflow:hidden}
}

/*main*/
.main0{ padding-top:50px; width:100%;}
.main0_t{ width:354px; background:url(/images/qfine_5.jpg) center center no-repeat; margin:0 auto; text-align:center; font-family:"方正兰亭细黑_GBK"; font-size:18px; color:#333; line-height:30px;}
.main0_t em{ font-size:24px; color:#5e5e5e; font-family:Arial; font-style:normal;}
.main0_c{ padding-top:35px;}
.main0_cl{ width:645px; float:left;}
.main0_cl img{margin-bottom:5px;}
.main0_cr{ float:right; width:535px; text-align:left; padding:30px 57px 0; background:#fbfbfb; height:595px;color:#666; line-height:2; font-size:14px;}
.main0_cr .more{ padding-top:50px; height:45px;}
.main0_cr .more a{ width:170px; height:45px; display:inline-block;border:1px solid #666;line-height:45px;font-size:16px; text-align:center;}
.main0_cr .more a:hover{ background-color:#ff9900;color:#fff; border-color:#ff9900;}
@media(max-width:767px){
	.main0{ padding:2rem 0 0; width:100%; background:#FFF;}
	.main0_t{ width:100%; background:url(/images/qfine_5.jpg) center center no-repeat; background-size:290px auto;}
	.main0_t em{ font-size:1.3rem;}
	.main0_c{ padding-top:1rem;}
	.main0_cl{ width:100%; float:left; padding:5px;}
	.main0_cl img{margin-bottom:0; max-width:100%; height:auto;}
	.main0_cr{ float:right; width:100%; text-align:left; padding:1rem 5px 1.5rem; background:#fbfbfb; height:auto;color:#666; line-height:2; font-size:14px;}
	.main0_cr .more{ padding-top:1rem; height:auto;}
	.main0_cr .more a{ width:170px; height:45px; display:inline-block;border:1px solid #666;line-height:45px;font-size:16px; text-align:center;}
	.main0_cr .more a:hover{ background-color:#ff9900;color:#fff; border-color:#ff9900;}
}

.main1{ width:100%; height:auto; overflow:visible;background:#fff; background-size:auto 100%; padding:50px 0 20px;}
.main1_t{ width:354px; background:url(/images/qfine_5.jpg) center center no-repeat; margin:0 auto; text-align:center; font-family:"方正兰亭细黑_GBK"; font-size:18px; color:#333; line-height:30px;}
.main1_t em{ font-size:24px; color:#5e5e5e; font-family:Arial; font-style:normal;}

.main1_c{ width:100%; height:auto;}
.main1_c .hd{ width:100%; height:auto; padding:30px 0 45px; text-align:center;}
.main1_c .hd ul{ width:100%; height:auto;}
.main1_c .hd ul li{ display:inline-block; height:43px; cursor:pointer; border:1px #b9b9b7 solid; text-align:center; line-height:43px; margin:0 15px; font-size:14px; color:#666;}
.main1_c .hd ul li>a{ display:block; font-size:14px; color:#666; padding:0 10px;}
.main1_c .hd ul li.on{ background:#ff9900; border-color:#ff9900;}
.main1_c .hd ul li.on a{ color:#fff;}

.main1_c .bd{ width:100%; height:auto; float:right; position:relative;overflow: hidden}
.main1_c .bd .main1_cList .pro1_list{ padding-bottom:44px; height:375px; width:100%; overflow:hidden; position:relative;}
.main1_c .bd .main1_cList .pro1_list ul{ overflow:hidden; zoom:1; position:absolute; top:0; left:0;}
.main1_c .bd ul{ height:auto; padding-top:0;position:absolute;left:0;top:0;}
.main1_c .bd li{ width:280px; height:auto; position:relative; float:left; margin:0 20px 20px 0;border-bottom:1px #eeeeee solid;  padding-bottom:20px;}
.main1_c .bd li a{ display:block;}
.main1_c .bd li .pic{ width:280px; height:188; border:1px solid #ddd;}
.main1_c .bd li img{ width:100%; height:186px; -webkit-transition:all 0.3s ease; transition: all 0.3s ease;}
/*.main1_c .bd li .txt{width:100%; font-size:14px; color:#333; line-height:47px; padding-bottom:1px; background:url(../images/qfine_9.jpg) 20px bottom no-repeat;}
.main1_c .bd li .txt .title{font-size:21px;color:#fff;display:inline-block;height:auto;line-height: 1.4;vertical-align: middle;background:url(../images/black.6.png) repeat;padding: 10px 5%;}
.main1_c .bd li .txt .line{display:inline-block;vertical-align: middle;height:100%;width:0;}*/
.main1_c .bd li .box{ width:100%; height:auto;}
.main1_c .bd li .box .tit{ font-size:14px; margin:0;padding:0 0 10px; line-height:2;color:#333;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:47px; padding-bottom:1px; background:url(../images/qfine_9.jpg) 0 bottom no-repeat;}
.main1_c .bd li .box .txt{ font-size:12px;padding:5px 0 0;line-height:24px; height:50px; color:#888; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; text-align:left;}
/*.main1_c .bd li:hover{box-shadow:0 1px 6px #ccc; }
.main1_c .bd li:hover .tit{color:#0567c0;}
.main1_c .bd li:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}*/
.main1_c .bd .main1_cList{ width:100%; overflow:hidden; position:relative;}
.main1_c .bd .main1_cList .arrow{ overflow:hidden; width:1180px; text-align:center; margin-top:30px; background:url(../images/fjgd_57.jpg) repeat-x; position:absolute; left:0; bottom:0;}
.main1_c .bd .main1_cList .arrow .zuo,.main1_c .bd .main1_cList .arrow .you{ display:inline-block; width:49px; height:14px; overflow:hidden; cursor:pointer;}
.main1_c .bd .main1_cList .arrow .you{ background:url(../images/fjgd_14.jpg) no-repeat;}
.main1_c .bd .main1_cList .arrow .zuo{ background:url(../images/fjgd_13.jpg) no-repeat;}
.main1_c .bd li:hover{border-bottom:1px #ff9900 solid;}
.main1_c .bd li a .box .tit:hover{ color:#ff9900;}

*[class*="rect-"]{position: relative;display: block; width: 100%;overflow: hidden;}
*[class*="rect-"] ._full{position:relative;left:0;top:0;width:100%;height:auto;*height:auto; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}

.transition{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}


@font-face{font-family:icomoon;src:url(style/font/icomoon.eot?gwnhr8);src:url(style/font/icomoon.eot?gwnhr8#iefix) format('embedded-opentype'),url(style/font/icomoon.ttf?gwnhr8) format('truetype'),url(style/font/icomoon.woff?gwnhr8) format('woff'),url(style/font/icomoon.svg?gwnhr8#icomoon) format('svg');font-weight:400;font-style:normal;}
[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.font-ico{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.main1_cl .phone_pro{ display:none;}
@media(max-width:767px){
	.main1{ padding:2rem 0 1rem;}
	.main1_t{ width:100%; background:url(/images/qfine_5.jpg) center center no-repeat; background-size:290px auto;}
	.main1_t em{ font-size:1.3rem;}
	
	.main1_c .hd{ width:100%; height:auto; padding:1rem 0 1.5rem; text-align:center;}
	.main1_c .hd ul li{ height:auto; line-height:2.4; margin:0 5px;}
	
	.main1_c .bd .main1_cList .pro1_list{ padding-bottom:0; height:auto; width:100%; overflow:hidden; position:relative;}
	.main1_c .bd .main1_cList .pro1_list ul{ overflow:hidden; zoom:1; position:relative; top:inherit; left:inherit; padding-left:2%;}
	.main1_c .bd li{ width:48%; margin:0 2% 1rem 0;border-bottom:1px #eeeeee solid;  padding-bottom:0.5rem;}
	.main1_c .bd li:nth-child(n+5){ display:none;}
	.main1_c .bd li a{ display:block;}
	.main1_c .bd li .pic{ width:100%; height:auto; border:1px solid #ddd;}
	.main1_c .bd li img{ max-width:100%; height:auto;}
	
	.main1_c .bd .main1_cList .arrow{ display:none; overflow:hidden; width:1180px; text-align:center; margin-top:30px; background:url(../images/fjgd_57.jpg) repeat-x; position:absolute; left:0; bottom:0;}
}

.main2{height:auto;background-color:#fff; overflow:hidden; padding:50px 0 20px;}
.main2_tit{ width:354px; background:url(/images/qfine_5.jpg) center center no-repeat; margin:0 auto; text-align:center; font-family:"方正兰亭细黑_GBK"; font-size:18px; color:#333; line-height:30px;}
.main2_tit span{ font-size:24px; color:#5e5e5e; font-family:Arial; font-style:normal;}
.main2_con{ width:100%; height:auto; padding-top:40px;}
.main2_con ul{ width:1220px; height:auto; float:left; display:inline;}
.main2_con ul li{ margin-right:15px; width:290px; height:auto; float:left; margin-bottom:25px;}
.main2_con ul li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative; color:#666;}
.main2_con ul li .pic{ float:left; width:100%; height:auto;}
.main2_con ul li .pic img{ width:100%; height:auto;border:1px solid #eeeded;}
.main2_con ul li .info{ float:left; width:100%;padding:0 15px; border:1px #eeeded solid; border-top:none; height:170px;}
.main2_con ul li .info h1{ font-size:16px; color:#ff9900; line-height:49px; border-bottom:1px #f1f1f1 solid;}
.main2_con ul li .info h1 a{ color:#333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main2_con ul li .info h1 a:hover{ color:#ff9900;}
.main2_con ul li .info span{ display:block; overflow: hidden;font-size:13px;color:#999;line-height:24px; height:48px;}
.main2_con ul li .info .p3{ padding-top:15px;}
.main2_con ul li .info .p3 a{width:110px; height:35px; line-height:35px;display:inline-block;border:1px solid #ff9900;text-align:center;color:#ff9900;}
.main2_con ul li .info .p3 a:hover{background-color:#ff9900;color:#fff;}

@media(max-width:767px){
	.main2{height:auto;background-color:#fff; overflow:hidden; padding:1rem 0 0.5rem; border-top:0 solid #eee;}
	.main2_tit{ width:354px; background:url(/images/qfine_5.jpg) center center no-repeat; background-size:290px auto;}
	.main2_tit span{ font-size:1.3rem; color:#5e5e5e;}
	.main2_con{ width:100%; height:auto; padding-top:1rem;}
	.main2_con ul{ width:100%; padding:0 5px;}
	.main2_con ul li{ margin-right:0; width:100%; height:auto; float:left; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px #ededed solid;}
	.main2_con ul li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative; color:#666;}
	.main2_con ul li .pic{ float:left; width:35%; height:auto;}
	.main2_con ul li .pic img{ width:100%; height:auto;border:1px solid #eeeded;}
	.main2_con ul li .info{ float:right; width:62%;padding:0; margin-left:3%; border:0 #eeeded solid; border-top:none; height:auto;}
	.main2_con ul li .info h1{ font-size:1rem; color:#ff9900; line-height:1.4; border-bottom:0 #f1f1f1 solid;}
	.main2_con ul li .info h1 a{ color:#333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.main2_con ul li .info h1 a:hover{ color:#ff9900;}
	.main2_con ul li .info span{ display:block; overflow: hidden;font-size:.8rem;color:#999;line-height:1.8; height:3.38rem; padding-top:.5rem;}
	.main2_con ul li .info .p3{ padding-top:15px; display:none;}
	.main2_con ul li .info .p3 a{width:110px; height:35px; line-height:35px;display:inline-block;border:1px solid #ff9900;text-align:center;color:#ff9900;}
	.main2_con ul li .info .p3 a:hover{background-color:#ff9900;color:#fff;}
}


/*footer*/
.footer_bg{ width:100%; height:auto; background:#ff9900/*ff9900*/; color:#fff; font-size:14px; padding:0 0 25px;}

.copyright{ height:auto;color:#fff; font-size:14px; padding:0 0 5px; width:1180px; margin:0 auto;}
.copy_t{ width:100%; height:135px; border-bottom:#FFF 1px solid;}
.copy_tl{ float:left; width:30%; padding:50px 0 0;}
.copy_tr{ float:right; width:65%; text-align:right; padding-top:70px;} 
.copy_tr a{ display:inline-block; color:#fff; line-height:30px; font-size:14px;padding-bottom:5px; margin:0 18px;}
.copy_m{ width:100%; height:auto; padding:20px 0 0;}
.copy_m span{ display:block; font-size:14px; color:#fff; line-height:1.8;}
.copy_m span a{ color:#fff;}
.copy_ml{ float:left; width:45%; padding-top:10px;}
.copy_ml span{ display:block; line-height:20px; padding-bottom:12px; padding-left:25px;}
.copy_ml span.ico1{ background:url(images/ico01.png) no-repeat 0 3px; background-size:18px;}
.copy_ml span.ico2{ background:url(images/ico02.png) no-repeat 0 3px; background-size:18px;}
.copy_ml span.ico3{ background:url(images/ico03.png) no-repeat 0 3px; background-size:18px;}
.copy_ml span.ico4{ background:url(images/ico04.png) no-repeat 0 3px; background-size:18px;}
.copy_mr{ width:50%; float:right; text-align:right;}
.copy_mr dl{ width:100%; padding-top:10px;}
.copy_mr dl dt{ float:left; width:490px; font-weight:normal; padding:20px 25px 0 0;}
.copy_mr dl dd{ float:right; width:100px; height:100px;}
.copy_mr dl dd img{ width:100px; height:100px;}
.footer_bg a:hover{ color:#ffe1b0;}

.index_foot,.copyright1{ display:none;}
@media(max-width:767px){
	.footer_bg{ display:none;}
	.copyright1{ display:block; color:#333; padding:1rem 10px; line-height:1.8; text-align:center; font-size:0.8rem;}
	.fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999; padding:5px 0;}
	.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
	.bdsharebuttonbox a{ float:right;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:13%;}
	.app_con{height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; margin:0 auto;display: inline-block;background:#ff9900;}
	#fixed-foot .h_btn{width:100%; max-width:640px; margin:0 auto;display: inline-block;text-align:center; }
	#fixed-foot .h_btn .f_mess{background-attachment: scroll; background-clip: border-box;background: url(../images/mess.png) no-repeat center 18%;;background-origin: padding-box;background-size: 38% auto;}
	#fixed-foot .h_btn .f_tel{background-attachment: scroll; background-clip: border-box;background: url(../images/h_tel.png) no-repeat center 18%;background-origin: padding-box;background-size: 25% auto;}
	#fixed-foot .h_btn .f_kf{background-attachment: scroll; background-clip: border-box;background: url(../images/h_qq.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_share{ border-right:0px;background-attachment: scroll; background-clip: border-box;background: url(../images/h_share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn a{ cursor:pointer; border-left: 1px dotted #EEE;border-right: 1px dotted #333; display:block; color:#FFFFFF;float: left; padding:8% 0 0; font-weight:bold; text-align: center;width:33.333333%;}
	#fixed-foot .h_btn a span{ display:block;font-size:15px; line-height:2;}
	.stButton .chicklets{ text-indent:9px;}
}

.inbanner{ height:auto; width:100%;}
.inbanner h1{ position:relative; left:50%; width:1920px; height:auto; margin-left:-960px;}
.inbanner img{ width:100%; height:auto;}
@media(max-width:767px){
	.inbanner{ background:none; height:110px; width:100%; max-height:150px; position:relative;}
	.inbanner h1{ max-width:1152px; position:absolute; left:50%; margin-left:-422px;}
	.inbanner img{ display:block; width:auto; max-height:110px;}
}

/*content*/
.content{ width:1180px; height:auto; overflow:visible; margin:0 auto; min-height:400px; padding:30px 0 0;}
.side_left{ width:300px; margin:0; height:auto; float:left; position:relative;border-bottom:1px #d3d3d3 solid; padding-bottom:30px;}
.sd_nav{ position:relative;}
.sidebar_en{position:relative; padding:0 10px; height:150px; font-weight:100; text-transform:uppercase; background: url(images/Yellow_22.jpg) no-repeat center;}
.sidebar_en span{display:block; overflow:hidden; height:auto; line-height:29px; color:white;padding-top:65px; padding-left:25px; font-size:26px;}

.side_menu{ padding-top:1px; padding-bottom:20px;}
.side_menu.none{ display:block;}
.side_menu li{  line-height:45px; font-size:14px; margin:1px 0;}

.side_menu li a{ height:45px; color:#333; display:block; padding:0 30px; background-color:#fbfbfb; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; max-width:100%;}
.side_menu li.curr a{ background-image:url(../images/Yellow_23.jpg); background-repeat: no-repeat; background-position: 270px center; color:#ff9900;}
.side_menu li.curr:hover a{ background-image:url(../images/Yellow_23.jpg); background-repeat: no-repeat; background-position: 270px center; color:#ff9900;}
.side_left .num{ padding-left:70px; background:url(../images/qfine_24.jpg) left center no-repeat; background-size:54px auto; font-size:16px; color:#6f6f6f; padding-top:10px; padding-bottom:10px;}
.side_left .num em{ font-size:25px; color:#666; font-family:Arial; font-style:normal;}

.side_left .num_img{ width:100%; height:auto; margin-top:12px;}
.side_left .num_img img{ max-width:100%; height:auto; border:1px solid #f0f0f0;}

.side_left .search{ width:100%; height:auto; padding-bottom:15px;}
.side_left .search input{ float:left; width:220px; height:42px; line-height:40px; padding:0  5px;border:1px solid #ddd;}
.side_left .search input.submit{ float:left; width:80px; height:42px; font-size:14px; background:#ff9900; color:#FFF; line-height:40px; border:0;}

.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.i-list{cursor:pointer; float:left; width:100%; display:none;}
.i-list ul{ float:left; width:100%;}
.i-list ul li{float:left;width:100%; text-align:left; background:url(../images/qfine_62.jpg) 69px center no-repeat;}
.i-list ul li a{ position:relative;display:block; height:36px;line-height:36px;font-size:14px;color:#666;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; max-width:100%;border-bottom: 1px solid #f0f0f0;padding-left:102px;}
.i-list ul li a:hover{ color:#ff9900;}
.i-list ul li:hover{ background:url(../images/Yellow_63.jpg) 69px center no-repeat;}
.i-list ul li.on{ background:url(../images/Yellow_63.jpg) 69px center no-repeat;}
.i-list ul li.on a{ color:#ff9900;}

#sidebar1{ padding-top:1px; padding-bottom:20px;}
#sidebar1 li .nav_1ji #snp{ font-size:14px; position: relative;line-height:45px;}
.sidelist1 li{ float:left; width:100%; height:auto; margin:1px 0;}
.sidelist1{ height:auto; width:100%; padding-bottom:5px;}
.sidelist1 div.nav_1ji{ position:relative;cursor:pointer; height:45px; text-align:left; float:left; width:100%;}
#sidebar1 li .nav_1ji #snp a{position:relative;height:45px;line-height:45px;padding-left:20px;display:block;overflow:hidden;font-size:14px;color:#333;}
#sidebar1 li.curr .nav_1ji:before{ display:block;}
#sidebar1 li.curr .nav_1ji #snp a{ color:#ff9900;background: url(images/Yellow_23.jpg) no-repeat 270px center;}

#sidebar1 .nav_1ji #snp a{width:100%; padding:0 30px; display: inline-block; position: relative; color:#333; font-weight:normal;}
#sidebar1 .nav_1ji #snp span{width: 4px; height: 4px; top: 50%; left:12px; margin-top:-2px; background: #949494; position: absolute;}
#sidebar1 .nav_1ji #snp a.curr{background:#ff9900; color: #fff;}
#sidebar1 .nav_1ji #snp a.curr s{width:11px;height:9px;margin-top:-4px;left:85%;top:50%;background:url(/images/icon_arrow_bottom.png) no-repeat; position: absolute;}
#sidebar1 .nav_1ji #snp a.curr span{margin-top:-2px; background: #fff;}
#sidebar1 .nav_1ji #snp a.curr i {width:0px; height:0; position: absolute; right: -16px; top:13px; border:8px solid transparent; _border-color: tomato;  _filter: chroma(color=tomato); border-left-color: #ff9900; overflow:hidden; pointer-events: none;}
#sidebar1 li.curr .i-list{ display:block;}
#sidebar,.pro_nav{ display:none}
@media(max-width:767px){
	.content{ width:100%;height:auto;overflow:visible;margin:0 auto;min-height:400px; padding:0 0 1rem; background:#FFF;}
	.side_left{ width:100%; padding:0; margin-bottom:1rem; border-color:#e5e5e5;}
	.sidebar_icon_bg1,.sidebar_icon_bg2,.sidebar_en,.sidebar_title,.sidebar_contact{ display:none;}
	.sd_nav{ position:relative;}
	
	.side_menu{ float:left; padding:0; position:relative; margin:1rem 0; width:100%; border-left:0;}
	.side_menu.none{ display:none;}
	.side_menu li{ height:auto; width:50%; padding:0 5px 5px; font-size:14px; position:relative; float:left;}
	.side_menu li:before{ display:none;}
	.side_menu li a{position:relative;height:auto;line-height:1;padding-left:0;display:block;overflow:hidden;font-size:14px;color:#333; border-radius:5px; background:#d8d8d8; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; padding:10px 5px; text-align:center;}
	.side_menu li.curr a{ color:#fff;background:#ff9900;}
	.side_menu li.curr:hover a{ color:#fff;}
	.side_menu li.curr:before{display:none;}
	.side_left .num,.side_left .num_img{ display:none;}
	.side_left .search{ display:none;}
	
	.i-list{ display:none !important;}
	#sidebar1{ display:none;}
	
	#sidebar{ display:block; margin:1rem 0; height:auto;width:100%; overflow:visible;}
	#sidebar .nav_1ji #snp{ font-size:14px;}
	.sidelist li{ float:left; width:50%; padding:0 5px 5px; height:auto;}
	.sidelist{ height:auto; width:100%; padding-bottom:0;}
	.sidelist div.nav_1ji{ position:relative;cursor:pointer; width:100%; height:auto;line-height:1; float:none;}
	
	#sidebar .nav_1ji #snp a{width:100%; font-weight:normal; padding:10px 5px; text-align:center;  display:inline-block; position:relative; color:#333; border-radius:5px; background:#d8d8d8; overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
	#sidebar .nav_1ji #snp span{ display:none;}
	#sidebar .nav_1ji #snp a.curr{background:#ff9900; color:#fff;}
	#sidebar .nav_1ji #snp a.curr s{ display:none;}
	#sidebar .nav_1ji #snp a.curr span{ display:none;}
	#sidebar .nav_1ji #snp a.curr i { display:none;}
	
	.pro_nav.none{ display:block;}
	.pro_nav{ width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:999999;}
	.pro_nav .bgDiv{width: 100%; height: 100%; background-color: #000; opacity:.5;position:fixed; display:none;  z-index:99999; bottom: 0;}
	.pro_nav .leftNav_1{width: 70%;max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999999;  top: 0; left: -70%;}
	.pro_nav .leftNav_2{width: 70%;max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999999;  top: 0; left: -70%;}
	.pro_nav .leftNav_3{width: 70%;max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999999;  top: 0; left: -70%;}
	.pro_nav .leftNav_4{width: 70%;max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999999;  top: 0; left: -70%;}
	.pro_nav .leftNav_5{width: 70%;max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999999;  top: 0; left: -70%;}
	.pro_nav .leftNav_6{width: 70%;max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999999;  top: 0; left: -70%;}
	.pro_nav span{ display:block; text-align:left; line-height:40px; border-bottom:1px dashed #ddd;}
	.pro_nav span a{ color:#333; padding-left:20px; font-size:14px;}
	.pro_nav span a.on{color:#ff9900;}
}

.side_right{ width:802px; min-height:500px; float:left;margin-left:38px;padding:0 0 40px;}
.side_rt{ margin-top:0; position: relative; height:52px;}
.side_rt h3{ color:#ff9900; font-size:20px; font-weight:normal; display:none;}
.side_rt i{ width:24px; height:3px; position:absolute; background:#ff9900; bottom:-2px; display:none;}
.position{ padding-left:14px; background:url(../images/Yellow_23.jpg) left center no-repeat; font-size:14px; color:#ff9900; line-height:52px; position:absolute; left:0; top:0;}
.position a{ font-size:14px; color:#ff9900;}
.position a.cur{ color:#ff9900;}

.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:10px 0 0; color:#333;}
.infor img{ overflow:hidden; max-width:100%; vertical-align:inherit;}
.map{ margin-top:10px;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
.about_c{ width:800px; color:#666; line-height:2; float:left;}


@media(max-width:767px){
	.side_right{ width:100%; float:none;margin:0; padding:0;}
	.side_rt{ display:none;}
	.side_rt h3{ color:#db3939; font-size:18px; font-weight: normal;}
	.side_rt h3 span{font-size: 12px; color:#9e9e9e; margin-left:5px;}
	.side_rt i{ width:18px; height:3px; position:absolute; background:#e66161; bottom:-2px;}
	
	.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
	.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:0 10px; color:#333;}
	.infor img{ height:auto; overflow:hidden; max-width:100%;}
	.map{ margin-top:10px; width:100%; float:right}
	.infor a{ color:#666;}
	.right_con table{ border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
	.about_pic{ float:right; width:100%; height:auto; margin-left:0; text-align:center;}
	.about_c{ width:100%; color:#666; line-height:2; float:left;}
	.contact_info{ width:100%; color:#666; line-height:2; float:left;}
}

@media(max-width:767px){
	.partner{ width:100%; margin:10px 0 0 0; height:auto;}
	.partner li{ float:left; width:48%; height:auto; border:1px solid #ddd; margin:0 1% 10px;}
	.partner li img{ max-width:100%; height:auto;}
}

/*news*/
.news_list{ height:auto; overflow:hidden; padding:5px 0 0;}

.news_list ul{ padding:0 0 20px;}
.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px #e9e9e9 dashed; padding:10px 0 20px; margin-bottom:10px;}
.news_list li .pic{ float:left; width:212px; height:134px;border:1px #f0f0f0 solid; overflow:hidden; position:relative;}
.news_list li .pic img{ max-width:100%; height:auto; position:absolute;}
.news_list li .info{ float:right; width:575px; padding-top:10px;}
.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:100;}
.news_list li .info h2 a{font-size:16px;color:#ff9900;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_list li .info span{ display:block;color:#808080;font-size:14px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_list li .info h2 a:hover{ color:#ff9900;}
.news_list li .info .date{ color:#bdbdbd; padding-top:15px;}
.news_list li .info .date a{ float:right; font-family:Arial; text-transform:uppercase; color:#ff9900;}
@media(max-width:767px){
	.news_list{ height:auto; overflow:hidden; padding:0 0 1rem;}
	.news_list ul{ padding:0 10px 0.5rem;}
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li .pic{ float:left; width:30%; height:auto;border:1px #f0f0f0 solid; overflow:hidden; position:relative;}
	.news_list li .pic img{ max-width:100%; height:auto; position:relative;}
	.news_list li .info{ float:right; width:68%; padding-top:0;}
	.news_list li .info h2{ width:100%; padding-bottom:7px; font-weight:100;}
	.news_list li .info h2 a{font-size:.95rem;color:#222;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.news_list li .info span{ display:block;color:#808080;font-size:0.8rem;line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.news_list li .info h2 a:hover{ color:#ff9900;}
	.news_list li .info .date{ color:#bdbdbd; padding-top:.5rem; font-size:.8rem;}
	.news_list li .info .date a{ float:right; font-family:Arial; text-transform:uppercase; color:#ff9900; font-size:0.8rem;}
}

.job_list{ width:100%; height:auto;}
.job_list h3{ height:33px; line-height:33px; padding-left:19px; padding-right:14px;  border:1px solid #d0d0d0; background:#f9f9f9; cursor:pointer; font-size:14px; color:#666; font-weight:normal; margin-bottom:10px;}
.job_list h3.on{ background:#ff9900; border-color:#ff9900; color:#fff; margin-bottom:0;}
.job_list h3 a{float:right; color:#666; font-size:12px; padding-right:10px;}
.job_list h3.on a{ color:#fff;}
.job_list h3 em{ float:right; display:block; width:41px; height:33px; background:url(../images/pic74.png) right center no-repeat;}
.job_list h3.on em{ background:url(../images/pic75.png) right center no-repeat; font-style:normal;}
.job_list .xmd{ padding:0 29px 30px; display:none; border:1px #dedede solid; border-top:none; margin-bottom:20px;}
.job_list .xmd .xmd_c{ color:#666; font-size:14px; line-height:2; padding-top:20px;}
.job_list .xmd .xmd_t em{ color:#333; font-style:normal;}
.job_list .xmd .xmd_t{ border-bottom:1px #dedede solid; padding-bottom:10px; color:#666; font-size:14px; line-height:24px; padding-top:20px;}
.job_list .xmd .button{ background:#e8e8e8; color:#666; width:110px; height:31px; margin-top:15px; border:medium none;cursor:pointer;}
.job_list .xmd .button:hover{ background:#ff9900; color:#fff;}
@media(max-width:767px){
	.job_list{ width:100%; height:auto; padding:0 10px;}
	.job_list h3{ height:auto; line-height:1.4; padding:5px 51px 5px 10px;  border:1px solid #d0d0d0; background:#f9f9f9; cursor:pointer; font-size:14px; color:#666; font-weight:normal; margin-bottom:10px; position:relative;}
	.job_list h3.on{ background:#ff9900; border-color:#ff9900; color:#fff; margin-bottom:0;}
	.job_list h3 a{float:right; color:#666; font-size:12px; padding-right:10px; display:none;}
	.job_list h3.on a{ color:#fff;}
	.job_list h3 em{ position:absolute; top:50%; right:10px; margin-top:-16px; float:right; display:block; width:41px; height:32px; background:url(../images/pic74.png) right center no-repeat;}
	.job_list h3.on em{ background:url(../images/pic75.png) right center no-repeat; font-style:normal;}
	.job_list .xmd{ padding:0 15px 15px; display:none; border:1px #dedede solid; border-top:none; margin-bottom:20px;}
	.job_list .xmd .xmd_c{ color:#666; font-size:14px; line-height:2; padding-top:20px;}
	.job_list .xmd .xmd_t em{ color:#333; font-style:normal;}
	.job_list .xmd .xmd_t{ border-bottom:1px #dedede solid; padding-bottom:10px; color:#666; font-size:14px; line-height:24px; padding-top:20px;}
	.job_list .xmd .button{ background:#e8e8e8; color:#666; width:110px; height:31px; margin-top:15px; border:medium none;cursor:pointer;}
	.job_list .xmd .button:hover{ background:#ff9900; color:#fff;}
}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; padding:0 0 20px;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%; padding-left:12px;}
.dl_list li a{ float:left; color:#464646; font-size:14px; display:block; width:100%;}
.dl_list li a em{ font-style:normal; display:inline-block; max-width:80%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
.dl_list li span{ float:right; color:#ff9900; background:url(images/icon_dl.png) no-repeat center left; padding-left:24px;}
.dl_list li a:hover{ color:#ff9900;}
@media(max-width:767px){
	.dl_list{ width:100%; height:auto; overflow:hidden; padding:0 10px 1rem;}
	.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%; padding-left:12px;}
	.dl_list li a{ margin:0;float:left;color:#464646; font-size:14px; display:inline-block; width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.dl_list li a em{ font-style:normal; display:inline-block; max-width:70%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.dl_list li span{ float:right; color:#ff9900;}
	.dl_list li a:hover{ color:#ff9900;}
}

/*page*/
#page{ height:30px; margin-top:15px;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#ff9900; border:1px solid #ff9900;}
#page a{ display:inline-block; vertical-align:middle; padding:0 12px; margin:0 2px; border:1px solid #ddd; height:30px; line-height:30px; text-align:center; color:#000;}
#page a:hover{ color:#fff; cursor:pointer; background:#ff9900; border:1px solid #ff9900;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{ display:block; width:100%; height:auto; overflow:hidden; margin-top:2%; background:#EEE; margin-bottom:2em;}
	#page01 a{ display:block; margin-right:1px; padding:1% 2%; float:left; background:#DDD;}
	#page01 a.num{ text-decoration:underline; color:#ff9900; font-weight:bold;}
	#page01 span{ display:block; float:right; background:#DDD; padding:1% 2%; }
}

/*product*/
.case_list{ width:809px; margin-left:-4px; height:auto; overflow:hidden; padding-top:10px;}
.case_list li{ float:left; width:287px; height:auto; margin:10px 8px; overflow:hidden;}
.case_list li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; position:relative; display:block; vertical-align:middle; border:1px solid #e5e5e5;}
.case_list li a{ display:inline-block; color:#333;}
.case_list li img{ width:100%; height:auto;}
.case_list li span{ width:100%; height:31px; line-height:29px; text-align:center; display:block; font-size:14px; background:#f2f2f2; border-bottom: 1px solid #ccc; color:#333;}
.case_list li:hover span a{ color:#ff9900;}

.pro_list{ width:815px; min-height:400px; height:auto; overflow:hidden; padding:10px 0 0;}
.pro_list li{ float:left; width:256px; height:auto; margin:0 15px 20px 0; overflow:hidden; border:1px solid #e5e5e5;}
.pro_list li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; position:relative; display:block; vertical-align:middle;}
.pro_list li a{ display:inline-block; color:#333;}
.pro_list li img{  width:100%; height:190px; -webkit-transition:all 0.3s ease; transition: all 0.3s ease;}
.pro_list li .info{ width:100%; height:auto; padding:0 10px 10px;}
.pro_list li .info h2{ width:100%; height:31px; line-height:29px; text-align:center; display:block; font-size:14px; color:#333;}
.pro_list li .info h2 a{ color:#333; display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; max-width:100%;}
.pro_list li .info span{ width:100%; height:50px; line-height:25px; text-align:left; display:block; font-size:12px; color:#888; overflow:hidden;}
.pro_list li:hover h2 a{ color:#ff9900;}
.pro_list li:hover{box-shadow:0 1px 6px #ccc; }
.main1_cl li:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
@media(max-width:767px){
	.case_list{ width:100%; height:auto; overflow:hidden; padding:1.5rem 5px 0.5rem; margin:0;}
	.case_list li{ float:left; width:50%; height:auto; padding:0 5px 10px; margin:0; overflow:hidden;}
	.case_list li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; position:relative; display:block; vertical-align:middle; border:1px solid #e5e5e5;}
	.case_list li a{ display:inline-block; color:#333;}
	.case_list li img{ width:100%; height:auto;}
	.case_list li span{ width:100%; height:auto; line-height:1; padding:8px 0; text-align:center; display:block; font-size:14px;}
	
	.pro_list{ width:100%; min-height:100px; height:auto; overflow:hidden; padding:0 5px 0.5rem;}
	.pro_list li{ float:left; width:46%; height:auto; margin:0 2% 20px; overflow:hidden; border:1px solid #e5e5e5;}
	.pro_list li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; position:relative; display:block; vertical-align:middle;}
	.pro_list li a{ display:inline-block; color:#333;}
	.pro_list li img{ width:100%; height:auto; -webkit-transition:all 0.3s ease; transition: all 0.3s ease;}
	.pro_list li .info{ width:100%; height:auto; padding:0 8px;}
	.pro_list li .info span{ width:100%; height:44px; line-height:1.8; text-align:left; display:block; font-size:12px; color:#888; overflow:hidden;}
	.pro_list li:hover h2 a{ color:#ff9900;}
	.pro_list li:hover{box-shadow:0 1px 6px #ccc; }
	.main1_cl li:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
}


/*detail*/
.pro_details{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:15px 0 0;}
.pro_dTop{ width:100%; height:auto; overflow:hidden;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{ width:392px; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; border: 1px solid #e3e3e3;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:90px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;height:100%;background:url(../images/b06.jpg) no-repeat left center;position:absolute;top:0px;left:0;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;height:100%;background:url(../images/b06.jpg) no-repeat right center;position:absolute;top:0px;right:0;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:78px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:93px; margin:0 6px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid #e3e3e3;display:block;width:93px;height:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #F00;border-color:#ff9900;margin:0px;}

.pro_dTr{ float:right; width:376px;}
.pro_dTr .pro_dTrt{ font-size:20px; font-weight:bold; line-height:1; padding-bottom:5px; color:#ff9900;}
.pro_dTr .pro_dTrc{ font-size:14px; line-height:2.2; color:#888;border-bottom:1px dashed #ccc; padding:11px 0; height:233px;}
.pro_dTr .pro_dTrc span{ display:block; font-weight:100; color:#333; padding-bottom:5px;}
.pro_dTr .pro_dTrc pre{ width:100%;border:none; background:none; padding:0; margin:0; font-family:"Microsoft YaHei"; line-height:35px; color:#666666; font-size:14px;word-break:normal;word-wrap:normal; height:211px; overflow:hidden;}
.pro_dTr .pro_dTrb{ width:100%; height:auto; padding:6px 0 10px;}
.pro_dTr .pro_dTrb .pro_pages{ width:100%; height:auto; padding-bottom:6px;}
.pro_dTr .pro_dTrb .pro_pages>div{ font-size:14px; line-height:26px; height:26px; overflow:hidden;}
.pro_dTr .pro_dTrb>a.btn{display:block;width:auto; height:30px; line-height:30px;text-align:center;color:white;background:#ff9900;font-size:14px; float:left;  padding:0 20px;margin-right:20px; margin-bottom:20px;}

.pro_dBottom{ padding:25px 0 0; width:100%;}
/*.pro_dBt{ width:100%; height:40px; line-height:40px; background:#eaeaea; color:#ff9900; font-size:20px; text-indent:15px;}*/
.pro_dBt{ height:41px; line-height:40px;border-bottom:1px solid #e3e3e3;   }
.pro_dBt span{ color:#444; float:left;  border-bottom:1px solid #ff9900; font-size:18px; font-weight:700;}
.pro_dBc{ padding:20px 0 0; width:100%; line-height:2; color:#444; min-height:200px;}
.pro_dBc img{ max-width:100%; height:auto;}
.pro_dBc table{ border-collapse:collapse; border:1px solid #b9b9b9;}
.pro_dBc table tr,.pro_dBc table th,.pro_dBc table td{ padding:5px; border:1px solid #b9b9b9; font-size:14px; color:#444; line-height:1.8; text-align:center;}
.pro_dBc table th.bgd9{ background:#d9d9d9;}

.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:30px 0 0;}
.detail_title{ font-size:20px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
.bbn{ border-bottom:0;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.dis_img{ text-align:center; margin-bottom:5px;}
.dis_img img{ max-width:100%; height:auto;}
.details_info{ padding:15px 0 30px; width:100%; line-height:2; color:#444; border-bottom:1px dashed #CCC}
.details_info img{ max-width:100%; height:auto; vertical-align:inherit;}
hr{ margin:5px 0;}
@media(max-width:767px){
	.pro_details{ width:100%; height:auto; overflow:hidden; min-height:100px; padding:0 0 0;}
	.pro_dTop{ width:100%; height:auto; overflow:hidden;}
	#tsShopContainer{ width:100%; float:left; display:none;}
	
	.pro_dTl{ float:left; display:block; width:100%; height:auto; position:relative; overflow:hidden;}
	.pro_dTl .viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.pro_dTl .picBox{ padding:0;position:relative;border-radius:3px;}
	.pro_dTl .picBox .next{ float:right;}
	.pro_dTl .piclist{position:relative;width:2232px;left:0;height:100%;}
	.pro_dTl .piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
	.pro_dTl .piclist li a{ display:block;}
	.pro_dTl .piclist li img{width:100%; height:auto;}
	.pro_dTl .icon_num{ display:none;}
	.pro_dTl .swipe{visibility:hidden;position:relative;overflow:hidden}

	.pro_dTr{ float:right; width:100%; padding:1rem 2% 0;}
	.pro_dTr .pro_dTrt{ font-size:1.1rem; font-weight:bold; line-height:1.5; color:#333;}
	.pro_dTr .pro_dTrc{ font-size:0.85rem; line-height:1.8; color:#888;border-bottom:1px dashed #ccc; padding:11px 0; height:auto;}
	.pro_dTr .pro_dTrc span{ display:block; font-weight:100; color:#333; padding-bottom:5px;}
	.pro_dTr .pro_dTrb{ width:100%; height:auto; padding:.6rem 0 0.5rem;}
	.pro_dTr .pro_dTrb .pro_pages>div{ font-size:.85rem; line-height:2; height:1.7rem; overflow:hidden;}
	.pro_dTr .pro_dTrb>a.btn{display:block;width:auto; height:34px; line-height:34px;text-align:center;color:white;background:#ff9900;font-size:14px; float:left;  padding:0 20px;margin-right:20px; margin-bottom:1rem;}
	
	.pro_dBottom{ padding:1rem 0 0; width:100%;}
	.pro_dBt{ height:41px; line-height:40px;border-bottom:1px solid #e3e3e3;   }
	.pro_dBt span{ color:#444; float:left;  border-bottom:1px solid #ff9900; font-size:18px;}
	.pro_dBt{ height:40px; line-height:40px;border-bottom:1px solid #e3e3e3;   }
	.pro_dBt span{ color:#444; float:left;  border-bottom:1px solid #ff9900; font-size:18px;}
	.pro_dBc{ padding:0.5rem 10px 0; width:100%; line-height:2; color:#444; min-height:100px;}
	.pro_dBc img{ max-width:100%; height:auto;}
.pro_dBc table{ border-collapse:collapse; border:1px solid #b9b9b9;}
.pro_dBc table tr,.pro_dBc table th,.pro_dBc table td{ padding:5px; border:1px solid #b9b9b9; font-size:14px; color:#444; line-height:1.8; text-align:center;word-break: break-all; word-wrap:break-word;}
.pro_dBc table th.bgd9{ background:#d9d9d9;}
	
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:0 10px 0;}
	.detail_title{ font-size:18px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
	.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
	.bbn{ border-bottom:0;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_video{ width:100%; height:300px; overflow:hidden; padding:10px 0; line-height:2; color:#333; border-bottom:1px dashed #CCC;}
	.details_info img{ max-width:100%; height:auto;}
	hr{ margin:5px 0;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:block; line-height:30px; color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a{ color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#ff9900; text-decoration:underline;}
@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
}

.mess_con{ width:100%; margin:0 auto; padding:0 0 0;}
.mess_con .first{ font-size:14px; color:#848484; line-height:25px; padding-top:10px; padding-bottom:12px;}
.mess_con form{ font-size:14px; line-height:2; color:#666; padding-top:20px;}
.mess_con dl{ width:100%; height:auto; padding-bottom:12px;}
.mess_con dl dt{ font-size:14px; color:#333; width:140px; display:inline-block; text-align:right; font-weight:normal; float:left;}
.mess_con dl dt.nr{ padding-top:80px;}
.mess_con dl span{ float:left; display:block; width:100px; text-align:right !important; padding-right:10px;}
.mess_con dl input{ border:#dcdcdc 1px solid; width:256px; height:26px; line-height:24px; padding:0 5px;}
.mess_con dl dd{ float:left; width:600px; margin-left:10px;}
.mess_con dl textarea{ border:#dcdcdc 1px solid; width:512px; height:190px; padding:0 5px; line-height:24px;}
.mess_con .btn{  background: #ff9900 none repeat scroll 0 0; border: medium none;color: #fff;cursor: pointer;font-size: 14px;height: 38px;margin-left: -3px;margin-top: 15px;width: 122px}
.red{ color:red; padding-left:5px;}
.mess_con .table1 tr{ height:35px;}
.mess_con table,.mess_con table td ,.mess_con table tr{ border-collapse:collapse; border:none;}

.mess_title{ font-size:18px; font-weight:900; background:none; padding:6px 0 10px;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px; display:none;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:100%; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background:#f4f4f4; font-size:14px;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 0 0 10px;}
.mess_top span.red{ padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:0px solid #CCC; color:#ff9900; font-size:14px; font-weight:bold; line-height:35px; padding:5px 10px 0;}
.mess_content>div{ padding:0; height:auto;}
.mess_content span.left{ float:left; margin:0 5px 0 0; color:#ff9900;}
.mess_replay{ float:left; width:100%; line-height:24px; padding:0 10px 10px; font-size:13px; color:#888}
.mess_replay span.left{ float:left; margin-right:10px; font-weight:bold; color:#f00;}
.mess_replay>div{ height:auto;}
@media(max-width:767px){
	.mess_con{ width:100%; margin:0 auto; padding:0 10px 0;}
	.mess_con input{ height:30px; line-height:28px; border:1px solid #ccc; width:100%; padding:0 5px;}
	.mess_con textarea{ border:1px solid #ccc; line-height:28px; height:120px; padding:0 5px; width:100%;}
	.mess_con form{ font-size:14px; line-height:2; color:#666; padding-top:0;}
	.mess_con dl{ width:100%; height:auto; padding:0 0 1rem 100px; position:relative;}
	.mess_con dl dt{ width:100px; padding-right:10px; position:absolute; top:0; left:0;float:left; font-weight:normal;}
	.mess_con dl dt.nr{ padding-top:3rem;}
	.mess_con dl span{ float:left; display:block; width:100%; text-align:left !important; padding-right:0;}
	.mess_con dl input{ height:30px; line-height:28px; border:1px solid #ccc; width:100%; padding:0 5px;}
	.mess_con dl dd{ float:left; width:100%; padding:0; margin:0;}
	.mess_con dl textarea{ border:1px solid #ccc; line-height:28px; height:120px; width:100%; padding:0 5px;}
	.mess_con dl span.mess_left2,.mess_list{ display:none;}
}

/*客服4*/
.cbl{background: #fff none repeat scroll 0 0; height: auto; position: fixed; right: 0; top: 30%; width: 55px;}
.cbl a.fh{ background: #ff9900 url(../images/cb.png) no-repeat scroll 0 -179px; display: block; height: 57px; margin-bottom: 0;   padding-top: 37px; text-align: center; width: 55px; color:#fff;}
.cbl a.fh:hover{background-color: #ff9900;}
.cbl a.md{background: #ff9900 url(../images/cb.png) no-repeat scroll 0 -9px; display: block; height: 57px; margin-bottom: 2px;  padding-top: 37px; text-align: center; width: 55px; color:#fff;}
.cbl a.md:hover { background-color: #ff9900;}
.cbl .kf { background: #ff9900 url(../images/cb.png) no-repeat scroll 1px -67px;height: 57px; margin-bottom: 2px;padding-top: 37px;   position: relative; text-align: center; width: 55px;color:#fff;cursor:pointer;}
.cbl .kf a{color:#fff;}
.cbl .kf:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height:260px;}
.cbl .kf:hover .kftc { display: block;}
.kftc {display: none;height:300px;left: -100px;position: absolute; bottom:0;width:155px;z-index: 10000;}
.kftou {background: #ff9900 url(../images/cb.png) no-repeat scroll -5px -51px;color: #fff;font-size: 16px;height: 70px;line-height: 70px;padding-left:30px;color:#fff;}
.qqkf { background:#fff none repeat scroll 0 0;border-left:3px solid #ff9900; border-bottom:3px solid #ff9900;height: 230px; width: 100%;}
.md, .kf, .db, .fh{ height: 18px;padding-top: 37px;text-align: center; line-height:1;}
.cbl a.db {background: #ff9900 url(../images/cb.png) no-repeat scroll 0 -122px; display: block;height: 57px; margin-bottom: 2px; padding-top: 37px;text-align: center;width: 55px;color:#fff;}
.cbl a.db:hover { background-color: #ff9900;}
.kfqq {padding-top: 12px;}
.kfqq span {margin-left: 5px;color:#666;}
@media(max-width:767px){
	.cbl{ display:none;}
}


@-webkit-keyframes coordinates {
    form {-webkit-transform:scale(.1);}
    to {-webkit-transform:scale(1); opacity: 0;}
}
@keyframes coordinates {
    form {transform:scale(.1);}
    to {transform:scale(1); opacity: 0;}
}

@-webkit-keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}
@keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}


@-webkit-keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}


@-webkit-keyframes fadeIn {
    to{ opacity: 1;}
}
@keyframes fadeIn {
    to{ opacity: 1;}
}

@-webkit-keyframes navshow {
    to{opacity: 1; }
}
@keyframes navshow {
    to{opacity: 1; }
}
.fadeInUp{-webkit-animation:fadeInUp 1s 0.1s 1 linear both;animation: fadeInUp 1s 0.1s 1 linear both;}

/*首页中间区域*/
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}