/*public*/
* {margin:0; padding:0; outline:none; font-family:"Microsoft Yahei";}
body {color:#656565; max-width:100%; margin:0 auto; font-size:12px;}
ol,ul,li {list-style:none;}
img {border:none;}
a {text-decoration:none; font-size:12px; color:#626262; transition:.5s all linear;}

/*head*/
.head {overflow:hidden; width:100%; background:#ffffff; z-index:99;}
.head .head_top {overflow:hidden; width:1200px; margin:0 auto;}
.head .head_top .logo {overflow:hidden; float:left; margin:10px 0 10px 0;}
.head .head_top .logo img {display:block;}
.head .head_top .phone {overflow:hidden; float:right; margin-top:25px;}
.head .head_top .phone .pic {display:block; float:left; margin:9px 10px 0 0; width:37px; height:37px; background:url(../images/img/head_phone.png) center center no-repeat;}
.head .head_top .phone .title {overflow:hidden; float:left;}
.head .head_top .phone .title span {display:block; font-size:14px; color:#666666;}
.head .head_top .phone .title p {font-size:28px; color:#ff6537;}
.head .head_on {overflow:hidden; line-height:50px; background:#C8551F;}
/*默认菜单*/
.head .head_on .menu {overflow:hidden; width:1200px; margin:0 auto;}
.head .head_on .menu .topnav {overflow:hidden;}
.head .head_on .menu .topnav li {overflow:hidden; float:left; width:12.5%; text-align:center; transition:.5s all linear;}
.head .head_on .menu .topnav li:hover {background:#ff6637;}
.head .head_on .menu .topnav li a {display:block; font-size:16px; color:#ffffff; padding:0 5%;}
/*下拉菜单*/
.head .head_top .nav_xl_a {display:none; float:left; position:relative; margin:18px 0 0 0; width:50px; height:35px; cursor:pointer; z-index:999;}
.head .head_top .a1:before {background:#ffffff !important;}
.head .head_top .a1:after {background:#ffffff !important;}
.head .head_top .nav_xl_a:before, .head .head_top .nav_xl_a:after {position:absolute; content:''; left:50%; top:50%; margin-left:-17.5px; width:35px; height:3px; background:#3d404c; transition:.4s all ease;}
.head .head_top .nav_xl_a:before {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.head .head_top .nav_xl_a:after {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}
.head .head_top .nav_xl_a span {position:absolute; opacity:1; left:50%; top:50%; margin-left:-17.5px; width:35px; height:3px; background:#3d404c; transition:.4s all ease;}
.head .head_top .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.head .head_top .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.head .head_top .a1 span {opacity:0;}
.head .head_top .nav_xl {overflow:hidden; position:fixed; left:50%; top:0; transform:translateX(-50%); width:100%; max-width:640px; height:0%; background:rgba(0,0,0,0.8); transition:.4s all ease; z-index:99;}
.head .head_top .nav_xl ul {overflow:hidden; width:90%; padding:100px 5% 0;}
.head .head_top .nav_xl ul li {overflow:hidden; line-height:45px; margin-left:100px; margin-bottom:2%; background:rgba(255,255,255,0.6); transition:.4s all ease;}
.head .head_top .nav_xl ul li:hover {background:rgba(255,102,55,1);}
.head .head_top .nav_xl ul li:nth-child(2n) {margin-left:0; margin-right:100px;}
.head .head_top .nav_xl ul li a {display:block; text-align:center; font-size:17px; color:#ffffff; cursor:pointer;}
.head .head_top .nav_xl .l1 li {margin-left:0;}
.head .head_top .nav_xl .l1 li:nth-child(2n) {margin-right:0;}
.head .head_top .nav_xl .ceng {position:fixed; display:none; left:0; width:100%; height:100%;}

/*banner*/
#slides {display:none; position:relative; width:100%; transition:.5s all linear;}
#slides .advertisement {position:absolute; left:10%; bottom:10%; font-size:60px; color:#ffffff; z-index:99;}
#slides img {display:block; width:100%;}
.slidesjs-previous {display:none; width:50px; height:100px; position:absolute; text-decoration:none; z-index:100; margin-top:-50px; left:0; top:50%;}
.slidesjs-next {display:none; width:50px; height:100px; position:absolute; text-decoration:none; z-index:100; margin-top:-50px; right:0; top:50%;}
.slidesjs-pagination {position:absolute; left:50%; bottom:5%; z-index:10;}
.slidesjs-pagination li {overflow:hidden; float:left; margin:0 5px; line-height:90px;}
.slidesjs-pagination li a {display:block; width:60px; height:4px; background:url(../images/img/banner_li.png) center center repeat-x; transition:.5s all linear;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:url(../images/img/banner_li_hover.png) center center repeat-x;}

/*page_banner*/
.page_banner {overflow:hidden; position:relative; width:100%;}
.page_banner img {display:block; width:100%;}
.page_banner .m {display:none;}
.page_banner .title {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:10;}
.page_banner .title p {font-size:16px; color:#ffffff; line-height:27px;}
.page_banner .title .p1 {display:inline-block; margin-bottom:7%; font-size:27px; padding:0 85px; background:url(../images/img/page_banner_x.jpg) left center no-repeat,url(../images/img/page_banner_x.jpg) right center no-repeat;}
.page_banner span {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}

.main {overflow:hidden;}
.framecenter {overflow:hidden; margin:2% auto 5%;}
.index_bt {overflow:hidden; line-height:40px; padding-top:13px; margin-bottom:2%;}
.index_bt span {display:block; float:left; font-size:26px; color:#ff6537; margin-right:1%;}
.index_bt p {float:left; font-size:14px; color:#777777; line-height:53px; overflow:hidden; width:70%; white-space:nowrap; text-overflow:ellipsis;}

/*page_wz*/
.page_wz {overflow:hidden; width:1200px; line-height:35px; margin:0 auto 3%; border-bottom:1px solid #d6d6d6;}
.page_wz p {float:left; color:#737373;}

/*二级下拉菜单*/
.page_nav_xl {display:none; position:relative; margin-bottom:2%; font-size:15px; line-height:40px; text-indent:15px; color:#ffffff; background:#ff6637; cursor:pointer; transition:.5s all linear;}
.page_nav_xl img {position:absolute; right:3%; top:50%; margin-top:-3.5px; transition:.5s all ease;}
.page_nav_xl ul {overflow:hidden; display:none; position:absolute; left:0; top:40px; margin:0 auto; width:94%; padding:2% 3% 4%; background:rgba(0,0,0,0.8); z-index:90;}
.page_nav_xl ul li {overflow:hidden; line-height:35px; text-align:left; text-indent:10px; padding-right:10px; border-bottom:1px solid #666666;}
.page_nav_xl ul li a {display:block; font-size:14px; color:#ccc;}
.page_nav_xl ul li a:hover {color:#ff6637;}
.page_nav_hover img {transform:rotate(-180deg);}

/*index_txt*/
.index_txt {overflow:hidden; width:1200px; margin:0 auto 3%;}
.index_txt li {overflow:hidden; float:left; width:24%; padding:3%; background:#f3f3f3; margin:0 5% 0 0; border-radius:7px;}
.index_txt li:nth-child(3n) {margin:0 0 0 0;}
.index_txt li .pic {overflow:hidden; float:left; width:40%;}
.index_txt li .pic img {display:block; width:100%;}
.index_txt li .title {overflow:hidden; float:left; width:56%; margin:7% 0 0 4%;}
.index_txt li .title p {font-size:14px; color:#797979;}
.index_txt li .title .p1 {font-size:24px; color:#444444; margin-bottom:3%;}

/*index_goods*/
.index_goods {overflow:hidden; width:1200px; margin:0 auto 3%;}
.index_goods ul {overflow:hidden;}
.index_goods ul li {overflow:hidden; float:left; width:32%; margin:0 2% 0 0;}
.index_goods ul li:nth-child(3n) {margin:0 0 0 0;}
.index_goods ul li div {overflow:hidden;}
.index_goods ul li div img {display:block; width:100%;}
.index_goods ul li p {width:90%; margin:0 auto; font-size:14px; color:#616161; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*index_reason*/
.index_reason {overflow:hidden; margin:0 auto 3%;}
.index_reason .bt {overflow:hidden; margin:0 auto 3%; padding:3% 0 3.5%; text-align:center; background:url(../images/img/index_reason_bt.jpg) center center no-repeat;}
.index_reason .bt p {font-size:12px; color:#ffffff;}
.index_reason .bt .p1 {font-size:30px; font-weight:bold; margin-bottom:7px;}
.index_reason .bt .p1 span {color:#131313;}
.index_reason .bt .p2 {font-family:'Arial'; font-size:16px; margin-bottom:9px;}
.index_reason ul {overflow:hidden; width:950px; margin:0 auto;}
.index_reason ul li {overflow:hidden; position:relative; margin:0 auto 3%;}
.index_reason ul li .pic {overflow:hidden; float:left;}
.index_reason ul li .pic img {display:block; min-height:215px;}
.index_reason ul li .title {overflow:hidden; width:45%; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.index_reason ul li:nth-child(2n) .pic {float:right;}
.index_reason ul li:nth-child(2n) .title {right:initial; left:0;}
.index_reason ul li .title .bt1 {overflow:hidden; margin-bottom:2%;}
.index_reason ul li .title .bt1 span {display:block; float:left; width:59px; margin-right:2%;}
.index_reason ul li .title .bt1 span img {display:block; width:100%;}
.index_reason ul li .title .bt1 div {overflow:hidden; float:left; margin-top:13px; width:calc(98% - 59px); line-height:27px; border-bottom:1px dashed #a4c5da;}
.index_reason ul li .title .bt1 div p {font-size:25px; color:#ff6637; width:100%;}
.index_reason ul li .title .bt1 div span {display:block; width:100%; font-family:'Arial'; color:#a4c5da;}
.index_reason ul li .title dl {overflow:hidden; padding-left:59px;}
.index_reason ul li .title dl dd {overflow:hidden; font-size:13px; color:#333333; line-height:20px; padding-left:18px; margin-bottom:2%; background:url(../images/img/index_reason_dd.jpg) left center no-repeat; overflow:hidden; 
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:2;
	display:-o-box; -o-box-orient:vertical; -o-line-clamp:2;
	display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:2;
}

/*index_content*/
.index_content {overflow:hidden; width:1200px; margin:0 auto;}
.index_content .index_content_t {overflow:hidden; padding:1% 3% 3%; margin-bottom:2%; border:1px solid #cccccc;}
.index_content .index_content_t .index_about {overflow:hidden; float:left; width:55%;}
.index_content .index_content_t .index_about .title {overflow:hidden; font-size:14px; color:#666666; line-height:23px; margin-bottom:2%;}
.index_content .index_content_t .index_about .title span {color:#ff6537;}
.index_content .index_content_t .index_about .pic {overflow:hidden;}
.index_content .index_content_t .index_about .pic img {display:block; width:100%;}
.index_content .index_content_t .index_video {overflow:hidden; float:right; width:40%;}
.index_content .index_content_t .index_video .on {overflow:hidden; position:relative;}
.index_content .index_content_t .index_video .on img {display:block; width:100%;}
.index_content .index_content_t .index_video .on span {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/img/video_list_b.png) rgba(0,0,0,0.6) center center no-repeat; opacity:1; transition:.5s all linear;}
.index_content .index_content_t .index_video .on:hover span {opacity:0.4;}
.index_content .index_content_b {overflow:hidden;}
.index_content .index_content_b .index_news {overflow:hidden; float:left; width:60%; padding:3% 3% 2%; border:1px solid #cccccc;}
.index_content .index_content_b .index_news .index_bt {display:none;}
.index_content .index_content_b .index_news .recommend {overflow:hidden; margin-bottom:15px;}
.index_content .index_content_b .index_news .recommend .pic {overflow:hidden; float:left; width:42%;}
.index_content .index_content_b .index_news .recommend .pic img {display:block; width:100%;}
.index_content .index_content_b .index_news .recommend .title {overflow:hidden; float:right; width:55%;}
.index_content .index_content_b .index_news .recommend .title .bt {overflow:hidden; margin-bottom:3%;}
.index_content .index_content_b .index_news .recommend .title .bt p {overflow:hidden; float:left; width:70%; font-size:14px; color:#666666; font-weight:bold; transition:.5s all linear;}
.index_content .index_content_b .index_news .recommend .title .bt span {display:block; float:right; font-size:14px; color:#666666;}
.index_content .index_content_b .index_news .recommend .title .txt {overflow:hidden; line-height:23px; font-size:14px; color:#666666;}
.index_content .index_content_b .index_news .recommend:hover .title .bt p {color:#ff6537;}
.index_content .index_content_b .index_news ul {overflow:hidden;}
.index_content .index_content_b .index_news ul li {overflow:hidden; line-height:45px; border-top:1px dashed #e1e1e1;}
.index_content .index_content_b .index_news ul li p {float:left; width:70%; font-size:14px; color:#666666; transition:.5s all linear; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_content .index_content_b .index_news ul li span {display:block; float:right; font-size:14px; color:#666666; transition:.5s all linear;}
.index_content .index_content_b .index_news ul li:hover p {color:#ff6537;}
.index_content .index_content_b .index_news ul li:hover span {color:#ff6537;}
.index_content .index_content_b .index_problem {overflow:hidden; float:right; width:25%; padding:3% 3% 2%; border:1px solid #cccccc;}
.index_content .index_content_b .index_problem .pic {overflow:hidden; margin-bottom:22.5px;}
.index_content .index_content_b .index_problem .pic img {display:block; width:100%;}
.index_content .index_content_b .index_problem .bt {font-size:16px; color:#565656;}
.index_content .index_content_b .index_problem dl {overflow:hidden;}
.index_content .index_content_b .index_problem dl dd {overflow:hidden; line-height:23px; padding:7px 0;}
.index_content .index_content_b .index_problem dl dd:nth-child(1) {border-bottom:1px dashed #e1e1e1;}
.index_content .index_content_b .index_problem dl dd p {font-size:14px; color:#959595; margin:5px 0; overflow:hidden; 
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;
	display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:1;
	display:-o-box; -o-box-orient:vertical; -o-line-clamp:1;
	display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:1;}
.index_content .index_content_b .index_problem dl dd p:nth-child(2) {-webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2; -ms-line-clamp:2;}

/*page_content*/
.page_content {overflow:hidden;}
/*page_view*/
.page_view {overflow:hidden; width:1200px; margin:0 auto;}
.page_view .page_left {overflow:hidden; float:left; width:20%; padding-bottom:3px;}
.page_view .page_left .bt {overflow:hidden; background:#ff6637; line-height:27px; padding:5% 7%;}
.page_view .page_left .bt p {float:left; font-size:18px; color:#ffffff; font-weight:bold;}
.page_view .page_left .bt span {display:block; float:left; font-size:12px; color:#ffffff; height:27px; line-height:33px; margin-left:3%;}
.page_view .page_left .page_nav {overflow:hidden; margin-bottom:15%;}
.page_view .page_left .page_nav ul {overflow:hidden; border:1px solid #ccc; border-top:none; padding:3% 0;}
.page_view .page_left .page_nav ul li {overflow:hidden; line-height:23px; margin:0 7%; padding:5% 0; border-bottom:1px dashed #ccc;}
.page_view .page_left .page_nav ul li:nth-last-child(1) {border-bottom:none;}
.page_view .page_left .page_nav ul li a {display:block; padding-left:3%; font-size:16px; color:#272727; background:url(../images/img/page_nav_d.png) 90% center no-repeat; overflow:hidden; 
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:2;
	display:-o-box; -o-box-orient:vertical; -o-line-clamp:2;
	display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:2;
}
.page_view .page_left .page_nav ul li a:hover {color:#ff6637; background:url(../images/img/page_nav_d_hover.png) 90% center no-repeat;}
.page_view .page_left .page_txt {overflow:hidden;}
.page_view .page_left .page_txt .txt {overflow:hidden; padding:7% 5%; border:1px solid #ccc; border-top:none; font-size:14px; color:#666666; line-height:25px;}
.page_view .page_left .page_txt .txt .p1 {font-size:14px; color:#666666; font-weight:bold; margin-bottom:2%;}
.page_view .page_right {overflow:hidden; float:right; width:75%;}
.page_view .page_right .bt {width:100%; line-height:51px; height:51px; border-bottom:1px solid #eaeaea; margin-bottom:3%;}
.page_view .page_right .bt p {float:left; font-size:16px; color:#ff6637; border-bottom:1px solid #ff6637; padding-right:2%;}
.page_view .page_right .bt a {display:none; float:right; font-size:12px; line-height:28px; padding:0 7px; margin-top:3px; border:1px solid #a8a8a8;}
.page_view .page_right .bt a:hover {background:#ff6637; color:#ffffff; border-color:#ff6637;}
.page_view .page_right .page_view_content {overflow:hidden; width:100%; font-size:14px; color:#777777; line-height:25px;}
.page_view .page_right .page_view_content img {max-width:100%;}
.page_view .page_right .page_honor {overflow:hidden;}
.page_view .page_right .page_honor li {overflow:hidden; float:left; width:32%; margin:0 2% 2% 0;}
.page_view .page_right .page_honor li:nth-child(3n) {margin:0 0 2% 0;}
.page_view .page_right .page_honor li div {overflow:hidden; border:1px solid #cccccc;}
.page_view .page_right .page_honor li div img {display:block; width:100%;}
.page_view .page_right .page_honor li p {width:90%; margin:0 auto; font-size:14px; color:#777777; line-height:45px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*pro_list*/
.pro_list {overflow:hidden; padding-bottom:5%;}
.pro_list ul {overflow:hidden;}
.pro_list ul li {overflow:hidden; float:left; width:32%; margin:0 2% 2% 0;}
.pro_list ul li:nth-child(3n) {margin:0 0 2% 0;}
.pro_list ul li div {overflow:hidden; border:1px solid #cccccc; transition:.5s all linear;}
.pro_list ul li div img {display:block; width:100%;}
.pro_list ul li p {width:90%; margin:0 auto; font-size:14px; color:#777777; line-height:45px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.pro_list ul li:hover div {border-color:#ff6637;}
.pro_list ul li:hover p {color:#ff6637;}

/*pro_view*/
.pro_view_t {overflow:hidden;}
.pro_view_t .pic {overflow:hidden; float:left; width:50%;}
.sangar-slideshow-container {height:auto !important;}
.sangar-wrapper {height:auto !important;}
.sangar-slideshow-container > .default ul.sangar-pagination-type-image > li img {width:130px; border:2px solid #ccc; transition:.5s all linear;}
.pro_view_t .title {overflow:hidden; float:right; width:40%; font-size:16px; color:#666666; line-height:25px;}
.pro_view_b {overflow:hidden; font-size:14px; color:#777777; line-height:25px;}
.pro_view_b img {display:block; max-width:100%; margin:0 auto;}

/*news_list*/
.news_list {overflow:hidden; padding-bottom:5%;}
.news_list ul {overflow:hidden;}
.news_list ul li {overflow:hidden; line-height:50px; border-bottom:1px dashed #ccc;}
.news_list ul li p {float:left; width:70%; float:left; font-size:14px; color:#666666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.news_list ul li span {display:block; float:right; font-size:14px; color:#666666; transition:.5s all linear;}
.news_list ul li:hover p {color:#ff6637;}
.news_list ul li:hover span {color:#ff6637;}

/*news_view*/
.news_view {overflow:hidden; padding-bottom:5%;}
.news_view .news_view_title {overflow:hidden; text-align:center; margin-bottom:3%;}
.news_view .news_view_title .p1 {font-size:18px; color:#2a2a2a; font-weight:bold; margin-bottom:1%;}
.news_view .news_view_title .time {font-size:12px; color:#777777;}
.news_view .news_view_content {overflow:hidden; font-size:14px; color:#666666; line-height:25px;}
.news_view .news_view_content img {max-width:100%;}

/*honor_list*/
.honor_list {overflow:hidden;}
.honor_list ul {overflow:hidden;}
.honor_list ul li {overflow:hidden; float:left; width:32%; margin:0 2% 1% 0;}
.honor_list ul li:nth-child(3n) {margin:0 0 1% 0;}
.honor_list ul li div {overflow:hidden; border:1px solid #cccccc; transition:.5s all linear;}
.honor_list ul li div img {display:block; width:100%;}
.honor_list ul li p {width:90%; margin:0 auto; font-size:14px; color:#777777; line-height:45px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.honor_list ul li:hover div {border-color:#ff6637;}
.honor_list ul li:hover p {color:#ff6637;}

/*partner_list*/
.partner_list {overflow:hidden;}
.partner_list ul {overflow:hidden;}
.partner_list ul li {overflow:hidden; float:left; width:32%; margin:0 2% 1% 0;}
.partner_list ul li:nth-child(3n) {margin:0 0 1% 0;}
.partner_list ul li div {overflow:hidden; border:1px solid #cccccc; transition:.5s all linear;}
.partner_list ul li div img {display:block; width:100%;}
.partner_list ul li p {width:90%; margin:0 auto; font-size:14px; color:#777777; line-height:45px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.partner_list ul li:hover div {border-color:#ff6637;}
.partner_list ul li:hover p {color:#ff6637;}

/*problem_list*/
.problem_list {overflow:hidden;}
.problem_list ul {overflow:hidden;}
.problem_list ul li {overflow:hidden; padding:3% 0; line-height:28px; border-bottom:1px dashed #e1e1e1;}
.problem_list ul li .questions {overflow:hidden; font-size:14px; color:#666666; margin-bottom:2%;}
.problem_list ul li .questions span {display:block; float:left; width:28px; height:28px; background-image:url(../images/img/problem_list_t1.jpg); background-position:center center; background-repeat:no-repeat;}
.problem_list ul li .questions div {overflow:hidden; float:right; width:calc(100% - 42px);}
.problem_list ul li .answer {overflow:hidden; font-size:14px; color:#8c8c8c;}
.problem_list ul li .answer span {display:block; float:left; width:28px; height:28px; background-image:url(../images/img/problem_list_t2.jpg); background-position:center center; background-repeat:no-repeat;}
.problem_list ul li .answer div {overflow:hidden; float:right; width:calc(100% - 42px);}

/*message_view*/
.message_view {overflow:hidden;}
.message_view ul {overflow:hidden; width:60%;}
.message_view ul li {overflow:hidden; line-height:35px; margin-bottom:4%;}
.message_view ul li div {overflow:hidden; float:left; width:49%;}
.message_view ul li div:nth-last-child(1) {float:right;}
.message_view ul li div input {padding:0 4%;}
.message_view ul li p {float:left; font-size:14px; width:70px; color:#333333; text-align:right;}
.message_view ul li input {float:left; width:calc(100% - 70px); padding:0 2%; line-height:35px; border:1px solid #000; box-sizing:border-box; transition:.5s all linear;}
.message_view ul li input:focus {border-color:#ff6637;}
.message_view ul li textarea {float:left; width:calc(100% - 70px); padding:1% 2%; line-height:20px; border:1px solid #000; box-sizing:border-box; min-height:100px; resize:none; transition:.5s all linear;}
.message_view ul li textarea:focus {border-color:#ff6637;}
.message_view .message_btn {overflow:hidden; float:right; width:calc(100% - 70px);}
.message_view .message_btn button {display:block; float:left; border:none; line-height:35px; padding:0 25px; font-size:16px; color:#ffffff; background:#ff6637; margin-right:4%;}

/*contact_view*/
.contact_view {overflow:hidden;}
.contact_view .contact_view_t {overflow:hidden; margin-bottom:5%;}
.contact_view .contact_view_t .pic {overflow:hidden; float:left; width:40%;}
.contact_view .contact_view_t .pic img {display:block; width:100%;}
.contact_view .contact_view_t .title {overflow:hidden; float:right; width:55%;}
.contact_view .contact_view_t .title {overflow:hidden;}
.contact_view .contact_view_t .title p {font-size:14px; color:#3b3b3b; line-height:24px; margin-bottom:2%;}
.contact_view .contact_view_t .title p span {display:block; margin-right:2%; float:left; width:24px; height:24px; background-position:center center; background-repeat:no-repeat;}
.contact_view .contact_view_t .title .p1 {font-size:18px; color:#3b3b3b; font-weight:bold; margin-bottom:4%;}
.contact_view .contact_view_b {overflow:hidden; font-size:14px; color:#666666; line-height:25px;}

/*video_list*/
.video_list {overflow:hidden;}
.video_list ul {overflow:hidden;}
.video_list ul li {overflow:hidden; float:left; width:32%; margin:0 2% 2% 0;}
.video_list ul li:nth-child(3n) {margin:0 0 2% 0;}
.video_list ul li div {overflow:hidden; position:relative;}
.video_list ul li div img {display:block; width:100%;}
.video_list ul li div span {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/img/video_list_b.png) rgba(0,0,0,0.6) center center no-repeat; opacity:1; transition:.5s all linear;}
.video_list ul li p {width:90%; margin:0 auto; font-size:14px; color:#777777; line-height:45px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.video_list ul li:hover div span {opacity:0.4;}
.video_list ul li:hover p {color:#ff6637;}

/*video_view*/
.video_view {overflow:hidden;}

/*paging*/
#paging {overflow:hidden; margin-top:5%; font-size:0; width:100%; text-align:center;}
#paging a {display:inline-block; margin:0 0.5%; font-size:16px; color:#929292; border:1px solid #ccc; padding:0 15px; line-height:40px;}
#paging a:hover {color:#ff6637; border-color:#ff6637;}

/*footer*/
.footer {overflow:hidden; padding:0; background:#C8551F;}
.footer .footer_on {overflow:hidden; width:1200px; margin:0 auto;}
.footer .footer_on .footer_t {overflow:hidden; border-bottom:1px solid #ffffff; margin-bottom:3%;}
.footer .footer_on .footer_t p {float:left; font-size:20px; color:#ffffff; font-weight:bold; line-height:60px;}
.footer .footer_on .footer_b {overflow:hidden; margin-bottom:2%;}
.footer .footer_on .footer_b .ewm {overflow:hidden; float:left; width:13%; margin-right:6%; text-align:center;}
.footer .footer_on .footer_b .ewm img {display:block; width:80%;margin: auto;}
.footer .footer_on .footer_b .ewm p {font-size:14px; color:#ffffff; line-height:30px; margin-top:10px;}
.footer .footer_on .footer_b .contact {overflow:hidden; float:left; width:55%; margin-right:6%; font-size:14px; color:#ffffff; line-height:30px;}
.footer .footer_on .footer_b .contact dd {overflow:hidden; float:left; width:50%;}
.footer .footer_on .footer_b .contact dd a{color: #ffffff;}
.footer .footer_on .footer_b .phone {overflow:hidden; float:left; width:20%;}
.footer .footer_on .footer_b .phone .pic {display:block; float:left; margin:9px 10px 0 0; width:37px; height:37px; background:url(../images/img/head_phone.png) center center no-repeat;}
.footer .footer_on .footer_b .phone .title {overflow:hidden; float:left;}
.footer .footer_on .footer_b .phone .title span {display:block; font-size:14px; color:#ffffff;}
.footer .footer_on .footer_b .phone .title p {font-size:28px; color:#ffffff;}
.footer .footer_on .footer_txt {overflow:hidden; text-align:center;}
.footer .footer_on .footer_txt p {display:inline-block; vertical-align:top; font-size:14px; color:#ffffff; margin:0 1%;}
.footer .footer_on .footer_txt a {font-size:14px; color:#ffffff;}
.footer .footer_on .footer_txt a:hover {color:#ff6537;}

/*footer_m*/
.footer_m {overflow:hidden; display:none; position:fixed; bottom:0; width:100%; max-width:640px; padding:4px 0 10px; background:#ffffff; text-align:center; box-shadow:0 -1px 5px #ccc; z-index:99;}
.footer_m a {overflow:hidden; display:block; float:left; width:25%;}
.footer_m a span {display:block; width:80%; height:40px; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:25%;}
.footer_m a p {font-size:12px; color:#8d8d8d;}
.footer_m .m1 {background-image:url(../images/img/footer_t1.png);}
.footer_m .m2 {background-image:url(../images/img/footer_t2.png);}
.footer_m .m3 {background-image:url(../images/img/footer_t3.png);}
.footer_m .m4 {background-image:url(../images/img/footer_t4.png);}
.footer_m .hover p {color:#ff6537;}
.footer_m .hover .m1 {background-image:url(../images/img/footer_t1_hover.png);}
.footer_m .hover .m2 {background-image:url(../images/img/footer_t2_hover.png);}
.footer_m .hover .m3 {background-image:url(../images/img/footer_t3_hover.png);}
.footer_m .hover .m4 {background-image:url(../images/img/footer_t4_hover.png);}

/*兼容*/
@media screen and (max-width:1200px) {
	/*index*/
	body {max-width:640px;}
	.head {position:fixed; top:0; max-width:640px; box-shadow:0 0 5px #ccc;}
	.head .head_top {width:95%; margin:0 auto;}
	.head .head_top .logo {float:right;}
	.head .head_top .logo img {height:55px;}
	.head .head_top .nav_xl_a {display:block;}
	.head .head_on .menu {display:none;}
	.head .head_top .phone {display:none;}
	#slides {margin-top:75px;}
	.page_banner {margin-top:75px;}
	.slidesjs-pagination li a {width:40px;}
	.index_bt {line-height:30px;}
	.index_bt span {font-size:22px;}
	.index_bt p {font-size:13px; line-height:37px;}
	.index_txt {width:95%;}
	.index_txt li .pic {float:none; width:55%; margin:0 auto;}
	.index_txt li .title {float:none; width:100%; margin:7% 0 0 0; text-align:center;}
	.index_txt li .title p {overflow:hidden; font-size:12px; line-height:20px;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
		display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:2;
		display:-o-box; -o-box-orient:vertical; -o-line-clamp:2;
		display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:2;
	}
	.index_txt li .title .p1 {font-size:16px;}
	.index_goods {width:95%;}
	.index_goods ul li {width:49%;}
	.index_goods ul li:nth-child(2n) {margin:0 0 0 0;}
	.index_goods ul li:nth-last-child(1) {display:none;}
	.index_reason .bt .p1 {font-size:20px;}
	.index_reason .bt .p2 {font-size:14px; margin-bottom:5px;}
	.index_reason ul {width:95%;}
	.index_reason ul li {padding:4% 0;}
	.index_reason ul li .pic {width:50%;}
	.index_reason ul li .pic img {min-height:initial; width:100%;}
	.index_reason ul li .title .bt1 {margin-bottom:3%;}
	.index_reason ul li .title .bt1 span {width:45px;}
	.index_reason ul li .title .bt1 div {margin-top:5px; width:calc(98% - 45px); line-height:23px;}
	.index_reason ul li .title .bt1 div p {font-size:20px;}
	.index_reason ul li .title dl {padding-left:0;}
	.index_reason ul li .title dl dd {overflow:hidden; 
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
		display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:2;
		display:-o-box; -o-box-orient:vertical; -o-line-clamp:2;
		display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:2;
	}
	.index_content {width:95%;}
	.index_content .index_content_t {border:none; padding:0;}
	.index_content .index_content_t .index_about {float:none; width:100%; margin-bottom:2%;}
	.index_content .index_content_t .index_video {float:none; width:100%;}
	.index_content .index_content_t .index_video #a1 {min-height:initial !important;}
	.index_content .index_content_b .index_news {border:none; width:100%; padding:0;}
	.index_content .index_content_b .index_news .index_bt {display:block;}
	.index_content .index_content_b .index_news .recommend .title .bt p {overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
		display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:2;
		display:-o-box; -o-box-orient:vertical; -o-line-clamp:2;
		display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:2;
	}
	.index_content .index_content_b .index_news .recommend .title .txt {overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
		display:-moz-box; -moz-box-orient:vertical; -moz-line-clamp:4;
		display:-o-box; -o-box-orient:vertical; -o-line-clamp:4;
		display:-ms-box; -ms-box-orient:vertical; -ms-line-clamp:4;
	}
	.index_content .index_content_b .index_problem {display:none;}
	.footer {padding:3% 0; margin-bottom:75px;}
	.footer .footer_on {width:93%;}
	.footer .footer_on .footer_t {display:none;}
	.footer .footer_on .footer_b .ewm {display:none;}
	.footer .footer_on .footer_b .phone {display:none;}
	.footer .footer_on .footer_b .contact {float:none; width:100%; line-height:27px; margin-right:0; margin-bottom:2%;}
	.footer .footer_on .footer_b .contact dd {width:47%; margin-right:3%;}
	.footer .footer_on .footer_txt p {margin:0 1% 1%;}
	.footer_m {display:block;}
	
	/*page*/
	.page_banner .b {display:none;}
	.page_banner .m {display:block;}
	.page_banner .title {width:85%;}
	.page_banner .title .p1 {font-size:22px; background:none; margin-bottom:4%;}
	.page_banner .title p {font-size:13px; line-height:20px;}
	.page_wz {width:95%;}
	.page_view .page_left {display:none;}
	.page_nav_xl {display:block;}
	.page_wz {line-height:32px;}
	.page_view {width:95%;}
	.page_view .page_right {float:none; width:100%;}
	.page_view .page_right .bt {line-height:40px; height:40px;}
	.page_view .page_right .page_honor li p {line-height:35px;}
	.contact_view .contact_view_t .pic {float:none; width:100%; margin-bottom:3%;}
	.contact_view .contact_view_t .title {float:none; width:100%;}
	.message_view ul {width:100%;}
	.message_view ul li {margin-bottom:3%;}
	.pro_view_t .pic {float:none; width:100%; margin-bottom:3%;}
	.pro_view_t .title {float:none; width:100%; font-size:14px;}
	.pro_view_t .title p {font-size:14px !important; line-height:25px !important;}
}

@media screen and (max-width:580px) {
	/*index*/
	.head .head_top .logo img {height:45px;}
	.head .head_top .nav_xl_a {margin:14px 0 0 0;}
	#slides {margin-top:65px;}
	.page_banner {margin-top:65px;}
	.index_bt span {font-size:20px;}
	.index_bt p {font-size:12px; line-height:38px;}
	.index_txt li {width:26%; margin:0 2% 0 0;}
	.index_txt li .pic {width:65%;}
	.index_goods ul li {width:48%; margin:0 4% 0 0;}
	.index_reason .bt .p1 {font-size:18px;}
	.index_reason .bt .p2 {font-size:13px;}
	.index_reason ul li {padding:0; margin:0 auto 4%;}
	.index_reason ul li .pic {float:none; width:80%; margin:0 auto 2%;}
	.index_reason ul li:nth-child(2n) .pic {float:none;}
	.index_reason ul li .title {position:initial; width:80%; margin:0 auto; top:initial !important; bottom:initial !important; left:initial !important; right:initial !important; transform:initial;}
	.index_content .index_content_b .index_news .recommend .title .bt p {width:100%; margin-bottom:1%;}
	.index_content .index_content_b .index_news .recommend .title .bt span {float:left;}
	.index_content .index_content_b .index_news .recommend .title .txt {font-size:13px; -webkit-line-clamp:3; -moz-line-clamp:3; -o-line-clamp:3; -ms-line-clamp:3;}
	.index_content .index_content_b .index_news ul li {line-height:40px;}
	.index_content .index_content_b .index_news ul li p {font-size:13px;}
	.index_content .index_content_b .index_news ul li span {font-size:13px;}
	.footer .footer_on .footer_b .contact {font-size:13px;}
	.footer .footer_on .footer_txt p {font-size:13px;}
	.footer .footer_on .footer_txt a {font-size:13px;}
	.footer {margin-bottom:64px;}
	.footer_m {padding:0 0 8px;}
}

@media screen and (max-width:460px) {
	/*index*/
	.head .head_top .logo img {height:40px;}
	.head .head_top .nav_xl_a {margin:10px 0 0 0;}
	#slides {margin-top:60px;}
	.page_banner {margin-top:60px;}
	.index_bt {line-height:25px;}
	.index_bt span {font-size:17px;}
	.index_bt p {line-height:31px;}
	.index_txt li {padding:3% 2%; width:28%;}
	.index_txt li .pic {width:70%;}
	.index_txt li .title .p1 {font-size:14px;}
	.index_txt li .title p {line-height:18px;}
	.index_reason .bt {padding:4% 0 4.5%;}
	.index_reason ul li .pic {width:100%;}
	.index_reason ul li .title {width:100%;}
	.index_reason ul li .title .bt1 {margin-bottom:2%;}
	.index_reason ul li .title dl dd {margin-bottom:1%;}
	.index_content .index_content_b .index_news .recommend .pic {float:none; width:100%; margin-bottom:3%;}
	.index_content .index_content_b .index_news .recommend .title {float:none; width:100%;}
	.index_content .index_content_b .index_news ul li {line-height:35px;}
	.index_content .index_content_b .index_news ul li p {font-size:12px;}
	.index_content .index_content_b .index_news ul li span {font-size:12px;}
	.footer .footer_on .footer_b .contact {font-size:12px; line-height:25px;}
	.footer .footer_on .footer_b .contact dd {width:100%; margin-right:0;}
	.footer .footer_on .footer_txt p {font-size:12px;}
	.footer .footer_on .footer_txt a {font-size:12px;}
	.footer_m a span {background-size:35%;}
	
	/*page*/
	.page_banner .title .p1 {font-size:19px; margin-bottom:3%;}
	.page_banner .title p {font-size:12px;}
	.page_view .page_right .page_view_content {font-size:13px; line-height:23px;}
	.page_view .page_right .page_honor li {width:49%; margin:0 2% 1% 0;}
	.page_view .page_right .page_honor li:nth-child(3n) {margin:0 2% 1% 0;}
	.page_view .page_right .page_honor li:nth-child(2n) {margin:0 0 1% 0;}
	.page_view .page_right .page_honor li p {line-height:30px; font-size:13px;}
	.contact_view .contact_view_t .pic {display:none;}
	.contact_view .contact_view_t .title .p1 {font-size:16px; margin-bottom:2%;}
	.contact_view .contact_view_t .title p {font-size:13px; margin-bottom:1%;}
	.message_view ul li div {float:none; width:100%; margin-bottom:3%;}
	.message_view ul li div:nth-child(2) {margin-bottom:0;}
	.message_view .message_btn button {line-height:30px; font-size:14px;}
	.page_view .page_right .bt a {display:block;}
	.pro_list ul li {width:49%;}
	.pro_list ul li:nth-child(3n) {margin:0 2% 2% 0;}
	.pro_list ul li:nth-child(2n) {margin:0 0 2% 0;}
	.pro_list ul li p {line-height:35px; font-size:13px;}
	.news_list ul li {line-height:40px;}
	.news_list ul li p {font-size:13px;}
	.news_list ul li span {font-size:13px;}
	.news_view .news_view_title .p1 {font-size:14px;}
	.news_view .news_view_content {font-size:13px;}
	.video_list ul li {width:49%;}
	.video_list ul li:nth-child(3n) {margin:0 2% 2% 0;}
	.video_list ul li:nth-child(2n) {margin:0 0 2% 0;}
	.video_list ul li p {line-height:35px; font-size:13px;}
	.honor_list ul li {width:49%;}
	.honor_list ul li:nth-child(3n) {margin:0 2% 2% 0;}
	.honor_list ul li:nth-child(2n) {margin:0 0 2% 0;}
	.honor_list ul li p {line-height:35px; font-size:13px;}
	.partner_list ul li {width:49%;}
	.partner_list ul li:nth-child(3n) {margin:0 2% 2% 0;}
	.partner_list ul li:nth-child(2n) {margin:0 0 2% 0;}
	.partner_list ul li p {line-height:35px; font-size:13px;}
	.problem_list ul li .questions {font-size:13px;}
	.problem_list ul li .answer {font-size:13px;}
	#paging a {margin:0 1%; font-size:13px; padding:0 12px; line-height:35px;
}

@media screen and (max-width:370px) {
	/*index*/
	.head .head_top .logo img {height:35px;}
	.head .head_top .nav_xl_a {margin:8px 0 0 0;}
	#slides {margin-top:55px;}
	.page_banner {margin-top:55px;}
	.index_goods ul li p {font-size:12px;}
	.index_reason .bt p {width:90%; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.index_reason ul li .title .bt1 span {width:35px;}
	.index_reason ul li .title .bt1 div {line-height:18px;}
	.index_reason ul li .title .bt1 div p {font-size:17px;}
	.index_reason ul li .title dl dd {font-size:12px; line-height:17px;}
	.index_content .index_content_t .index_about .title {font-size:13px;}
	.index_content .index_content_b .index_news .recommend .title .bt p {font-size:13px;}
	.index_content .index_content_b .index_news .recommend .title .bt span {font-size:12px;}
	.index_content .index_content_b .index_news .recommend .title .txt {line-height:18px;}
	.footer .footer_on .footer_txt p {width:100%;}
	.footer_m a span {background-size:40%;}
	
	/*page*/
	.page_banner .title p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.page_view .page_right .bt {line-height:35px; height:35px;}
	.page_view .page_right .bt p {font-size:14px;}
	.page_wz {display:none;}
	.page_nav_xl {font-size:14px; margin-top:3%;}
	.page_view .page_right .page_view_content {font-size:12px; line-height:20px;}
	.message_view .message_btn button {font-size:13px;}
	.page_view .page_right .bt a {line-height:26px; padding:0 5px; margin-top:0;}
	.pro_list ul li p {line-height:30px; font-size:12px;}
	.news_list ul li p {font-size:12px;}
	.news_list ul li span {font-size:12px;}
	.news_view .news_view_content {font-size:12px; line-height:23px;}
	.video_list ul li p {line-height:30px; font-size:12px;}
	.honor_list ul li p {line-height:30px; font-size:12px;}
	.partner_list ul li p {line-height:30px; font-size:12px;}
}