@charset "utf-8";

body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:7px 0 0;}
.main-pad-2{ padding:0 0 7px;}
.main-pad-3{ padding:40px 0 0;}
.main-pad-4{ padding:0 0 40px;}
.main-pad-5{ padding:20px 0 0;}
.main-pad-6{ padding: 20px;}
.main-pad-7{ padding:15px 0 0;}
.main-pad-8{ padding:0 0 15px;}
.main-pad-9{ padding:0 0 20px;}
.main-border-1{ border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc;}
.main-background-1{background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);background:linear-gradient(to bottom,#ffffff 0%,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0 );}
.main-background-2{ background: #fff;}
.main-background-3{ background: #eb6d1f;}
.main-background-4{ background: #ffaa33;}

header{ position: relative; z-index:99999;}
header .qita .logo a{ display:block; font-size:0;}

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffaa33;}

.title-2{ font-size: 0; overflow: hidden;}
.title-2 .box{ position: relative; display: inline-block; vertical-align: top; padding: 0 40px;}
.title-2 .box:before,.title-2 .box:after{ content: ""; position: absolute; top: 50%; z-index: 1; margin-top: -13px; width: 600px; height: 26px; background: url(../images/p2_textbox_cn_bg.jpg);}
.title-2 .box:before{ right: 100%;}
.title-2 .box:after{ left: 100%;}
.title-2 .box .cn{ font-size: 32px; color: #333; font-weight: bold; line-height: 34px;}
.title-2 .box .en{ font-size: 14px; color: #ababab; line-height: 24px;}
.title-2.active .box:before,.title-2.active .box:after{ background-image: url(../images/t2_jgx.png);}
.title-2.active .box .cn{ color: #fff;}
.title-2.active .box .en{ color: #fff;}
.title-3{ margin-bottom: 20px; line-height: 34px; border-bottom: solid 1px #cccccc;}
.title-3 .cn{ position: relative; margin-right: 10px; font-size: 22px; color: #333; font-weight: bold;}
.title-3 .cn:before{ content: ""; position: absolute; left: 0; bottom: -2px; z-index: 1; width: 100%; height: 3px; background: url(../images/t3_xiantiao.jpg);}
.title-3 .en{ font-size: 16px; color: #ababab;}
.title-4{ margin-bottom: 10px; font-size: 16px; color: #333; font-weight: bold; line-height: 24px;}
.title-5{ margin-bottom: 20px;}
.title-5 .biaoti{ color: #333; line-height: 24px; width:100%; text-align:center; font-size:16px}
.title-5 .qita{ font-size: 12px; color: #999; line-height: 24px; font-size:12px; width:100%; text-align:center;}


.text-1 .right form{ display: block; position: relative; padding-right: 51px; padding-left: 10px; background: #fff; border:solid 1px #ababab; border-radius: 15px;}
.text-1 .right form .icon{ width: 20px; font-size: 18px; color: #ababab; line-height: 28px;}
.text-1 .right form input{ display: block; padding: 0 5px; width: calc(100% - 20px); height: 28px; color: #999999; line-height: 28px; background: none; border:none;}
.text-1 .right form input::-webkit-input-placeholder{ color: #999999;}
.text-1 .right form input:-moz-placeholder{ color: #999999;}
.text-1 .right form input::-moz-placeholder{ color: #999999;}
.text-1 .right form input:-ms-input-placeholder{ color: #999999;}
.text-1 .right form button{ display: block; position: absolute; top: -1px; right: -1px; padding: 0; width: 52px; height: 30px; color: #fff; line-height: 30px;border:none; border-radius: 15px; background:#eb6d1f;background:-moz-linear-gradient(top,#eb6d1f 0%,#eb6d1f 100%);background:-webkit-linear-gradient(top,#eb6d1f 0%,#eb6d1f 100%);background:linear-gradient(to bottom,#eb6d1f 0%,#eb6d1f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6d1f',endColorstr='#eb6d1f',GradientType=0 );}
.text-2{ padding-bottom: 35px;}
.text-2 ul li:nth-child(n+2){ border-top: solid 1px #dddddd;}
.text-2 ul li a{ display: block; color: #333; line-height: 35px;}
.text-2 ul li a .imgbox{ display: none;}
.text-2 ul li a .textbox{ width: 100%;}
.text-2 ul li a .textbox .biaoti .mc{ position: relative; padding: 0 10px 0 20px; max-width: calc(100% - 65px);}
.text-2 ul li a .textbox .biaoti .mc:before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -5px; width: 10px; height: 10px; background: #202020; border-radius: 50%;}
.text-2 ul li a .textbox .jieshao{ display: none;}
.text-2 ul li.active{ margin-top: 1px; margin-bottom: 10px; border:none;}
.text-2 ul li:nth-child(1).active{ margin-top: 0;}
.text-2 ul li:last-child.active{ margin-bottom: 9px;}
.text-2 ul li.active + li{ border:none;}
.text-2 ul li.active a .imgbox{ display: block; width: 200px; overflow: hidden;}
.text-2 ul li.active a .imgbox span{ display: block; padding-top: 86px;}
.text-2 ul li.active a .textbox{ padding-left: 20px; width: calc(100% - 200px);}
.text-2 ul li.active a .textbox .biaoti .mc{ padding-left: 0;}
.text-2 ul li.active a .textbox .biaoti .mc:before{ display: none;}
.text-2 ul li.active a .textbox .jieshao{ display: block; height: 48px; color: #ababab; line-height: 24px; overflow: hidden;}
.text-2.active ul li a{ line-height: 49px;}
.text-2.active ul li a .textbox .biaoti .mc:before{ background: #eb6d1f;}
.text-2.active ul li a .textbox .biaoti .mc{ color: #666;}
.text-2.active ul li a .textbox .biaoti .time{ color: #999;}
.text-2.active ul li.active a{ padding:15px; line-height: 24px; border:solid 1px #e5e5e5;}
.text-2.active ul li.active a .imgbox{ width: 100px;}
.text-2.active ul li.active a .imgbox span{ padding-top: 60px;}
.text-2.active ul li.active a .textbox{ width: calc(100% - 100px);}
.text-2.active ul li.active a .textbox .jieshao{ height: 24px;white-space:nowrap;text-overflow:ellipsis; font-size:12px;}
.text-3 form{ display: block; margin:0 auto; max-width: 320px;}
.text-3 form .biaoti{ margin-bottom: 20px; line-height:24px;}
.text-3 form .biaoti .cn{ position: relative; padding-bottom: 10px; margin-right: 10px; font-size: 20px; color: #eb6d1f;}
.text-3 form .biaoti .cn:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 3px; background: url(../images/text3_biaoti_jgx.png);}
.text-3 form .biaoti .en{ font-size: 16px; color: #666666;}
.text-3 form ul{ margin:0 -5px;}
.text-3 form ul li{ padding: 0 5px; width: 100%;}
.text-3 form ul li:nth-child(-n+2){ width: 50%;}
.text-3 form ul li:nth-child(n+3){ margin-top: 5px;}
.text-3 form ul li .box{ background: #ededed; border-radius: 5px;}
.text-3 form ul li .box .mc{ width: 65px; color: #333; line-height: 28px; text-align: center;}
.text-3 form ul li .box .mc span{ display: inline-block; vertical-align: top; width: 7px; color: #f00;}
.text-3 form ul li .box .right{ width: calc(100% - 65px);}
.text-3 form ul li .box .right input{ display: block; padding-right:5px; width: 100%; height: 28px; color: #333; line-height: 28px; background: none; border:none;}
.text-3 form ul li .box .right input::-webkit-input-placeholder{ color: #333;}
.text-3 form ul li .box .right input:-moz-placeholder{ color: #333;}
.text-3 form ul li .box .right input::-moz-placeholder{ color: #333;}
.text-3 form ul li .box .right input:-ms-input-placeholder{ color: #333;}
.text-3 form ul li .box .right textarea{ display: block; padding: 0; padding-right:5px; width: 100%;max-width: 100%;min-width: 100%; height: 80px; min-height: 80px;color: #333; line-height: 28px; background: none; border:none;}
.text-3 form ul li .box .right textarea::-webkit-input-placeholder{ color: #333;}
.text-3 form ul li .box .right textarea:-moz-placeholder{ color: #333;}
.text-3 form ul li .box .right textarea::-moz-placeholder{ color: #333;}
.text-3 form ul li .box .right textarea:-ms-input-placeholder{ color: #333;}
.text-3 form ul li:last-child{ margin-top: 10px; font-size: 0;}
.text-3 form ul li button{ display: inline-block; vertical-align: top; padding: 0; width: 116px; height: 26px; font-size: 14px; color: #fff; line-height: 26px; max-width: calc(50% - 10px); border:none; border-radius: 5px;}
.text-3 form ul li button:nth-child(1){ margin-right: 10px; background: #eb6d1f;}
.text-3 form ul li button:nth-child(2){ background: #bfbfbf;}
.text-4{ color: #666666; line-height: 24px;}
.text-4 img{ max-width: 100%;}
.text-4 table{ max-width: 100%;}
.text-4.active{ color: #202020;}
.text-4.active2{ color: #555;}
.text-5 ul li:nth-child(n+2){ margin-top: 20px;}
.text-5 ul li .box{ width: calc(100% - 75px);}
.text-5 ul li .box input{ display: block; padding: 0 10px; width: 100%; height: 35px; font-size: 12px; color: #a9a9a9; line-height: 33px; background: none; border:solid 1px #cccccc;}
.text-5 ul li .box input::-webkit-input-placeholder{ color: #a9a9a9;}
.text-5 ul li .box input:-moz-placeholder{ color: #a9a9a9;}
.text-5 ul li .box input::-moz-placeholder{ color: #a9a9a9;}
.text-5 ul li .box input:-ms-input-placeholder{ color: #a9a9a9;}
.text-5 ul li .xing{ padding-left: 10px; width: 75px; color: #f00;}
.text-5 ul li:nth-child(5) .box,.text-5 ul li:nth-child(6) .box{ width: 100%;}
.text-5 ul li:nth-child(5) textarea{ display: block; padding: 0 10px; width: 100%;max-width: 100%;min-width: 100%; height:105px;min-height:105px; font-size: 12px; color: #a9a9a9; line-height: 33px; background: none; border:solid 1px #cccccc;}
.text-5 ul li button{ display: block; width: 202px; max-width: calc(50% - 5px); height: 40px; color: #fff; line-height: 40px; border:none;}
.text-5 ul li button:nth-child(1){ margin-right: 10px; background: #1c8dd6;}
.text-5 ul li button:nth-child(2){background: #ababab;}

.more-1 a{ display: block; width: 130px; line-height: 30px; background: #eb6d1f; border-radius: 5px;}
.more-1 a .mc{ width: calc(100% - 30px); font-size: 16px; color: #fff; text-align: center;}
.more-1 a .icon{ position: relative; width: 30px; height: 30px; background: #f6710a; border-radius: 5px;}
.more-1 a .icon:before,.more-1 a .icon:after{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-1px 0 0 -6px; width: 12px; height: 2px; background: #f0f0f0;}
.more-1 a .icon:after{ transform: rotate(90deg);}

.picture-1{ position: relative;}
.picture-1-list a{ display: block; border:solid 1px #ababab;}
.picture-1-list a .imgbox{ overflow: hidden;}
.picture-1-list a .imgbox span{ display: block; padding-top: 73%;}
.picture-1-list a .textbox{ margin:3px; padding: 0 10px; font-size: 16px; color: #333; line-height: 36px; background: #ababab;}
.picture-1 ul{ margin:0 -10px -20px;}
.picture-1 ul li{ padding: 0 10px; margin-bottom: 20px; width: calc(100% / 3);}
.picture-2 .imgbox{ border:solid 25px #e5e5e5;}
.picture-2 .imgbox span{ display: block;}
.picture-2 .textbox{ padding: 25px; background: #fff;}
.picture-2 .textbox .en{height: 80px; font-size: 98px; color: rgba(171,171,171,0.1); font-weight: bold; line-height:90px; overflow: hidden;}
.picture-2 .textbox .cn{ margin-bottom: 20px; overflow: hidden;}
.picture-2 .textbox .cn span{ display: block; position: relative; padding-right: 5px; font-size: 32px; color: #333; font-weight: bold; line-height: 40px;}
.picture-2 .textbox .cn span:before{ content: ""; position: absolute; left: 100%; top: 50%; z-index: 1; margin-top: -10px; width: 600px; height: 25px; background: url(../images/p2_textbox_cn_bg.jpg);}
.picture-2 .textbox .jieshao{ margin-bottom:30px; height: 210px; color: #333; line-height: 30px; overflow: hidden;}
.picture-3 .left{ position: relative; margin-left: -60px; line-height: 220px; font-size: 0;}
.picture-3 .left .img:nth-child(1){ margin-right: 15px;}
.picture-3 .left .jiao:nth-child(3){ position: absolute; left: -100px; top: 80px; border-top: solid 5px transparent; border-bottom: solid 118px transparent; border-right: solid 60px #f6710a; transform-origin:left; transform:rotate(-50deg);}
.picture-3 .left .jiao:nth-child(4){ position: absolute; left: -60px; top: 110px; border-top: solid 55px transparent; border-bottom: solid 10px transparent; border-right: solid 30px #eb6d1f; transform-origin:left; transform:rotate(50deg);}
.picture-3 .right{ position: relative; padding-left: 110px; padding-top: 50px; padding-right: 140px; margin-right: 40px; width: 615px; height: 220px; color: #fff;}
.picture-3 .right .bg{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: #eb6d1f; clip-path: polygon(80px 0%,100% 0%,calc(100% - 80px) 100%,0% 100%);}
.picture-3 .right .bg2{ position: absolute; right: 0; bottom: 0; z-index: 1; width:100%; height: 100%; background: #3086e7; clip-path: polygon(calc(100% - 40px) 0%,100% 0%,calc(100% - 80px) 100%,calc(100% - 120px) 100%);}
.picture-3 .right .jiao:nth-child(4){ position: absolute; left: 85px; top: 100px; z-index: 3; border-top:solid 5px transparent; border-bottom:solid 50px transparent; border-right:solid 30px rgba(255,255,255,0.6); transform-origin:left; transform: rotate(-50deg);}
.picture-3 .right .jiao:nth-child(5){ position: absolute; left: 140px; top: 110px; z-index: 3; border-top:solid 3px transparent; border-bottom:solid 30px transparent; border-right:solid 16px rgba(255,255,255,0.5); transform-origin:left; transform: rotate(-20deg);}
.picture-3 .right .jiao:nth-child(6){ position: absolute; right: 140px; top: 40px; z-index: 3; border-top:solid 30px transparent; border-bottom:solid 5px transparent; border-left:solid 20px rgba(255,255,255,0.5); transform-origin:right; transform: rotate(-20deg);}
.picture-3 .right .jiao:nth-child(7){ position: absolute; right: 70px; top: 140px; z-index: 3; border-top:solid 24px transparent; border-bottom:solid 105px transparent; border-left:solid 60px #f6710a; transform-origin:right; transform: rotate(55deg);}
.picture-3 .right .biaoti{ position: relative; z-index: 2; font-family:'CTLaoSongSJ';}
.picture-3 .right .biaoti .maxcn{ font-size: 48px;}
.picture-3 .right .biaoti .mincn{ font-size: 30px;}
.picture-3 .right .jiangexian{ position: relative; z-index: 2; margin-bottom: 5px; margin-left: 80px; height: 1px; background: #fff;}
.picture-3 .right .shuzi{ position: relative; z-index: 2; font-family: 'JHB'; font-size: 48px; line-height: 50px;}
.picture-5{ margin-bottom: 20px; font-size: 0;}
.picture-5 img{ max-width: 100%;}
.picture-6{ position: relative; margin-top: 20px;}
.picture-6 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}

.subnav .biaoti{ color: #fff; background: #eb6d1f;}
.subnav ul{ border:solid 1px #cccccc; border-top: none;}
.subnav ul li:nth-child(n+2){ border-top:solid 1px #ccc;}
.subnav ul li a{ display: block; padding: 0 30px;}
.subnav ul li a .mc{ padding-left: 30px; font-size: 16px; color: #333; line-height: 52px; background-image:url(../images/jt.png); background-position: left; background-size: 15px auto; background-repeat: no-repeat;}
.subnav ul li.active a .mc{ color: #eb6d1f;}
.subnav .ul{ display: none; margin:0 1px 1px;}
.subnav .ul .li:nth-child(n+2){ margin-top: 1px;}
.subnav .ul .li a{ display: block; padding: 0 40px 0 70px; color: #333; line-height: 40px; background: #eee;}
.subnav .ul .li.active a{ color: #fff; background: #eb6d1f;}

footer .logo a{ display: block; font-size:0; line-height:126px;}
footer .jiangexian{ margin:0 35px; width: 1px; height: 126px; background: rgba(255,255,255,0.2);}
footer .contact{ width: calc(100% - 335px - 35px - 1px - 35px - 35px - 1px - 35px - 110px - 110px); color: #fff; line-height: 24px;}
footer .ewm .textbox{ width: 110px; font-size: 13px; color: #808080; line-height: 110px; background: #f3f3f3;}
footer .ewm .imgbox{ width: 110px; font-size: 0; line-height: 110px;}
footer .ewm .imgbox img{ width: 100%;}
footer .copyright{ color: #fff; line-height: 24px;}

@media (min-width:992px){
	header .top_bar{ position: relative; z-index: 2;}
	header .top_bar .biaoyu{ color: #ababab; line-height: 30px;}
	header .top_bar .right .zhannei{ margin-right:50px;}
	header .top_bar .right .zhannei ul li:nth-child(n+2){ position: relative; margin-left: 15px; padding-left: 15px;}
	header .top_bar .right .zhannei ul li:nth-child(n+2):before{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -6px; width: 1px; height: 12px; background: #c0c0c0;}
	header .top_bar .right .zhannei ul li a{ display: block; font-size: 12px; color: #ababab; line-height: 30px;}
	header .top_bar .right .zhannei ul li a:hover{ color: #62a8f7; text-decoration: underline !important;}
	header .top_bar .right .zhanwai ul li{ position: relative;}
	header .top_bar .right .zhanwai ul li:nth-child(n+2){ margin-left:15px;}
	header .top_bar .right .zhanwai ul li a{ display: block; font-size:18px; color: #ababab; line-height: 30px;}
	header .top_bar .right .zhanwai ul li a:hover{ color: #62a8f7;}
	header .top_bar .right .zhanwai ul li .imgbox{ position: absolute; left: 50%; top: 100%; z-index: 1; margin-left: -55px; padding-top: 10px; width: 110px; transform: translateY(10px); visibility: hidden; opacity: 0;}
	header .top_bar .right .zhanwai ul li:hover .imgbox{ transform: translateY(0px); visibility: visible; opacity: 1;}
	header .top_bar .right .zhanwai ul li .imgbox:before{ content: ""; position: absolute; left: 50%; top: 4px; z-index: 1; margin-left: -6px; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fff;}
	header .top_bar .right .zhanwai ul li .imgbox span{ display: block; font-size: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	header .top_bar .right .zhanwai ul li .imgbox span img{width: 100%;}
	header .qita{background:#fbfbfb;background:-moz-linear-gradient(top,#fbfbfb 0%,#ececec 100%);background:-webkit-linear-gradient(top,#fbfbfb 0%,#ececec 100%);background:linear-gradient(to bottom,#fbfbfb 0%,#ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#ececec',GradientType=0 );}
	header .qita .logo a{line-height:100px;}
	header .qita .biaoyu{ position: relative; margin-left: 20px; margin-top: 26px; padding-left: 15px; color: #ababab; line-height: 24px;}
	header .qita .biaoyu:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 4px; height: 100%; border-left:solid 1px #e6e6e6; border-right:solid 1px #ededed;}
	header .qita .tel{ margin-top: 25px;}
	header .qita .tel .icon{ margin-right: 10px; font-size: 44px; color: #333; line-height:49px;}
	header .qita .tel .text .shuzi{ margin-bottom: 5px; font-family: 'Impact'; font-size: 28px; color: #ffaa33; line-height: 28px;}
	header .qita .tel .text .mc{ color: #ababab; line-height: 16px; letter-spacing:4px;}
	header .menu{ background: #eb6d1f;}		
	header .menu ul li{ position:relative; width: calc(100% / 7);}
	header .menu ul li:nth-child(n+2):before{ content: ""; position: absolute; left: -1px; top: 50%; z-index: 2; margin-top: -8px; width: 1px; height: 16px; background: rgba(255,255,255,0.3);}
	header .menu ul li:after{ content: ""; position: absolute; left: 0; top: -2px; bottom: -2px;right: 0; z-index: 1; background: #ffaa33; opacity: 0; transition: all 0.3s;}
	header .menu ul li > a{ position: relative; z-index: 3; display:block; padding:0 20px; font-size:16px; color:#fff; line-height:40px;}
	header .menu ul li .ul{ display:none; position:absolute; left:0; top:100%; width:100%; background:rgba(253, 138, 0, 0.9);}
	header .menu ul li .ul .li:nth-child(n+2){ border-top: solid 1px rgba(255,255,255,0.1);}
	header .menu ul li .ul .li > a{ display:block; color:#fff; line-height:40px;}
	header .menu ul li .ul .li:hover > a{ background:#eb6d1f;}
	header .menu ul li:hover:after{opacity: 1;}
	header .menu ul li.active:after{opacity: 1;}
	.title-1{ margin-bottom: 20px; line-height: 49px; border-bottom: solid 1px #ababab;}
	.title-1 .left{ position: relative; padding: 0 5px; font-size: 22px; color: #333; font-weight: bold;}
	.title-1 .left:before{ content: ""; position: absolute; left: 0; bottom: -2px; z-index: 1; width: 100%; height: 3px; background: #eb6d1f;}
	.title-1 .right a{ font-size: 16px; color: #666666;}
	.title-1.active .right a{ font-size: 14px;}
	.text-1 .left{ padding-right: 20px; width: calc(100% - 240px);}
	.text-1 .left .biaoti{ padding: 0 35px 0 20px; width: 260px; color: #fff; line-height: 30px; border-radius: 0 15px 15px 0; background:#eb6d1f;background:-moz-linear-gradient(left,#eb6d1f 0%,#eb6d1f 100%);background:-webkit-linear-gradient(left,#eb6d1f 0%,#eb6d1f 100%);background:linear-gradient(to right,#eb6d1f 0%,#eb6d1f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6d1f',endColorstr='#eb6d1f',GradientType=1 );}
	.text-1 .left .biaoti .icon{ font-size: 18px;} 
	.text-1 .left .biaoti .cn{ margin:0 10px; font-weight: bold;}
	.text-1 .left .biaoti .en{ font-size: 12px;}
	.text-1 .left .nav{ padding-left: 20px; width: calc(100% - 260px); height: 30px; overflow: hidden;}
	.text-1 .left .nav ul li{ position: relative; margin-right: 10px; padding-right: 10px;}
	.text-1 .left .nav ul li:last-child{ margin-right: 0; padding-right: 0;}
	.text-1 .left .nav ul li:before{ content: ""; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -7px; width: 1px; height: 14px; background: #666666;}
	.text-1 .left .nav ul li:last-child:before{ display: none;}
	.text-1 .left .nav ul li a{ display: block; color: #666666; line-height: 30px;}
	.text-1 .left .nav ul li a:hover{ color: #eb6d1f; text-decoration: underline !important;}
	.text-1 .right{ width: 240px;}
	.text-1 .right form:hover{ border-color: #eb6d1f; box-shadow: inset 0 5px 10px rgba(0,0,0,0.1);}
	.text-3{ float: right; padding-left: 20px; width: 36%;}
	.text-3 form ul li .box:hover{ background: #fff; box-shadow:0 0 5px rgba(0,0,0,0.1);}
	.text-3 form ul li button:nth-child(1):hover{ background: #f6710a;}
	.text-3 form ul li button:nth-child(2):hover{ background: #f6710a;}
	.text-5 ul li .box input:hover{ border-color: #eb6d1f;}
	.text-5 ul li .box textarea:hover{ border-color: #eb6d1f;}
	.text-5 ul li button:nth-child(1):hover{ background: #f6710a;}	
	.text-5 ul li button:nth-child(2):hover{ background: #f6710a;}	
	.picture-1-list a:hover{ border-color:#f6710a;}
	.picture-1-list a:hover .imgbox span{ transform: scale(1.05);}
	.picture-1-list a:hover .textbox{ color: #fff; background: #f6710a;}
	.picture-1 .swiper-button{ margin-top: -15px; width: auto; height: auto; font-size: 30px; color: #333; background: none;}
	.picture-1 .swiper-button:hover{ color: #f6710a;}
	.picture-1 .swiper-button.swiper-button-prev{ left: -50px; transform: rotateY(180deg);}
	.picture-1 .swiper-button.swiper-button-next{ right: -50px;}
	.picture-2 .imgbox{ float: left; width: 40%;}
	.picture-2 .imgbox span{ padding-top: 410px;}
	.picture-2 .textbox{ float: right; width: 60%; height: 460px;}
	.picture-4{ float: left; position: relative;  width: 64%;}
	.picture-4 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
	.more-1 a:hover{ background: #f6710a;}
	.subnav .biaoti{ padding: 15px; text-align: center;}
	.subnav .biaoti .cn{ font-size: 32px; line-height: 40px; letter-spacing: 3px; text-indent: 3px;}
	.subnav .biaoti .en{ font-size: 18px; line-height: 24px; letter-spacing:1px; text-indent: 1px; font-weight: lighter;}
	.subnav ul{ margin:0 0 10px;}
	.subnav ul li:hover a .mc{ color: #eb6d1f;}
	.subnav .ul .li:hover a{ color: #fff; background: #eb6d1f;}
	.subnav .tel{ padding: 2px; border:solid 1px #cccccc;}
	.subnav .tel .textbox{ padding: 25px;}
	.subnav .tel .textbox .en{ font-size: 36px; color: #333; line-height: 40px;}
	.subnav .tel .textbox .shuzi{ margin-bottom: 10px; font-size: 24px; color: #333; line-height: 26px;}
	.subnav .tel .textbox .anniu a{ display: block; font-size: 0; color: #fff;line-height: 28px; border-radius: 14px; background: #f6710a;}
	.subnav .tel .textbox .anniu a:hover{ background: #de6609;}
	.subnav .tel .textbox .anniu a .icon{ display: inline-block; vertical-align: top; margin-right:10px; font-size: 18px;}
	.subnav .tel .textbox .anniu a .mc{ display: inline-block; vertical-align: top; font-size: 16px;}
	
}

@media (max-width:1339px){
	header .top_bar .right .zhanwai ul li .imgbox{ left: initial; right: 0; margin-left: 0;}
	header .top_bar .right .zhanwai ul li .imgbox:before{ right: 0; left: initial; margin-left: 0;}
	.picture-1 .swiper-button{ display: none;}
}

@media (max-width:1199px){
	.main-pad-3{ padding:30px 0 0;}
	.main-pad-4{ padding:0 0 30px;}
	.subnav .biaoti .cn{ font-size: 26px; line-height: 30px;}
	.subnav .biaoti .en{ font-size: 16px;}
	.subnav ul li a .mc{ font-size: 14px; line-height: 44px;}
	.subnav .tel .textbox{ padding: 15px;}
	.picture-3 .left{ margin-left: 0; width:50%; line-height: 200px;}
	.picture-3 .left .img{ width: 50%;}
	.picture-3 .left .img:nth-child(1){ margin-right: 0;}
	.picture-3 .left .img:nth-child(1) img{ width: 200px;}
	.picture-3 .left .img:nth-child(2) img{ width: 160px;}
	.picture-3 .right{ margin-right: 0; padding:40px 40px 0 60px; width: 50%; height: 200px;}
	.picture-3 .right .biaoti .maxcn{ font-size: 40px;}
	.picture-3 .right .biaoti .mincn{ font-size: 20px;}
	.picture-3 .right .shuzi{ font-size: 34px; line-height: 44px;}
}

@media (max-width:991px){
	.main-pad-3{ padding:20px 0 0;}
	.main-pad-4{ padding:0 0 20px;}
	header{ border-top:solid 3px #eb6d1f;}
	header .qita .logo a{line-height:80px;}
	.menu-box{ display: none; position: absolute;top: 83px; right: 0; z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom:1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #333; text-align:center; line-height:40px; background:rgba(255,255,255,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #eb6d1f; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #eb6d1f;}
	.menu-btn b:nth-child(2){ margin:4px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(0,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(0,-10px); }
	.title-2 .box{ padding: 0 30px;}
	.title-2 .box .cn{ font-size: 24px; line-height: 30px;}
	.text-1 .right{ width: 100%;}
	.text-2{ padding-bottom: 20px;}
	.text-3 form{ max-width: initial;}
	.text-5 ul li:nth-child(n+2){ margin-top: 15px;}
	.text-5 ul li .box{ width: calc(100% - 30px);}
	.text-5 ul li .xing{ width: 30px;}
	.text-5 ul li button{ width: 180px; height: 34px; line-height: 34px;}
	.picture-1 ul li{ width: 50%;}
	.picture-2 .imgbox{ border-width: 20px;}
	.picture-2 .imgbox span{ padding-top:87%;}
	.picture-2 .textbox{ padding: 20px;}
	.picture-2 .textbox .en{ height: 60px; font-size: 80px;}
	.picture-2 .textbox .cn span{ font-size: 24px; line-height: 30px;}
	.picture-2 .textbox .jieshao{ margin-bottom: 20px; height: auto; line-height: 26px;}
	.picture-3 .left{ display: none;}
	.picture-3 .right{ padding: 50px 5% 0 5%; width: 100%; text-align: center;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ position: relative; padding: 0 15px;}
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -6px; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 10px #fff; transition: all 0.3s;}
	.subnav .biaoti.active:before{ transform: rotate(90deg);}
	.subnav .biaoti .cn{ font-size: 18px; line-height: 50px;}
	footer .logo{ width: 100%;}
	footer .logo a{ line-height: initial; text-align: center;}
	footer .jiangexian:nth-child(2){ margin:20px 0; width: 100%; height: 1px;}
	footer .contact{ width: calc(100% - 35px - 1px - 35px - 220px);}

}

@media (max-width:767px){
	.main-pad-6{ padding: 10px;}
	header .qita .logo a{line-height:60px;}
	header .qita .logo a img{ width: 250px;}	
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ width: 8px; height: 8px; }
	.menu-box{top: 63px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 21px; width: 30px;}
	#tabBar{ position: fixed; right:20px; bottom:20px; z-index: 99; width:50px; height: 50px;}
	#tabBar.active{ width: calc(100% - 40px); animation: tabBarAnimation 3s 1s infinite linear; -webkit-animation: tabBarAnimation 3s 1s infinite linear; -moz-animation: tabBarAnimation 3s 1s infinite linear; -o-animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; -moz-animation:clickbtnAnimation 10s 0s infinite linear; -webkit-animation:clickbtnAnimation 10s 0s infinite linear; -o-animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) #ffaa33; background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; -webkit-animation: navigationAnimation 0.5s 0s linear forwards; -moz-animation: navigationAnimation 0.5s 0s linear forwards; -o-animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.5s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.5s linear forwards; -o-animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.6s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.6s linear forwards; -o-animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.7s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.7s linear forwards; -o-animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-webkit-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-moz-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-o-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-webkit-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-moz-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-o-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-moz-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-webkit-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-o-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-moz-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-webkit-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-o-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	.title-3 .cn{ font-size: 18px;}
	.title-3 .en{ font-size: 14px;}
	.title-4{ font-size: 14px;}
	.text-1 .right form input{ font-size: 12px;}
	.text-1 .right form button{ font-size: 12px;}
	.text-2 ul li.active a .imgbox{ width: 160px;}
	.text-2 ul li.active a .textbox{ width: calc(100% - 160px);}
	.text-2 ul li.active a .textbox .jieshao{ font-size: 12px;}	
	.text-2 ul li a{ font-size: 12px; line-height: 30px;}
	.text-2.active ul li a{ line-height: 39px;}
	.text-2.active ul li.active a{ padding: 10px;}
	.text-3 form .biaoti .cn{ font-size: 16px;}
	.text-3 form .biaoti .en{ font-size:14px;}
	.text-4{ font-size:12px;}
	.text-5 ul li button{ width: calc(50% - 5px);}
	.more-1 a.pull-left{ margin-left: calc(50% - 65px);}
	.more-1 a.pull-right{ margin-right: calc(50% - 65px);}
	.more-1 a .mc{ font-size: 14px;}
	.picture-1-list a .textbox{ font-size: 14px; line-height: 30px;}
	.picture-2 .imgbox{ border-width: 10px;}
	.picture-2 .textbox{ padding: 10px;}
	.picture-2 .textbox .en{ height: 40px; font-size:50px; line-height: 60px;}
	.picture-2 .textbox .cn span{ font-size:18px; line-height: 24px;}
	.picture-2 .textbox .cn span:before{ margin-top: -10px; height: 20px;}
	.picture-2 .textbox .jieshao{ font-size:12px; line-height: 24px;}
	.picture-3 .right{ padding:20px; height: auto;}
	.picture-3 .right .bg{ display: none;}
	.picture-3 .right .bg2{ display: none;}
	.subnav .biaoti .cn{ font-size: 16px; line-height: 40px;}
	.subnav ul li a{ padding: 0 5%;}
	.subnav ul li a .mc{ line-height: 40px;}
	.subnav .ul .li a{ padding: 0 10%; font-size: 12px; line-height: 34px;}
	footer .logo a img{ width: 250px;}
	footer .contact{ width: calc(100% - 110px - 1px - 30px); font-size: 12px;}
	footer .jiangexian{ margin:0 15px}
	footer .ewm{ width: 110px;}
	footer .ewm .textbox{ margin-top: 5px; height: auto; font-size: 12px; color: #fff; line-height: 24px; background: none;}
	footer .copyright{ font-size: 12px;}
}

@media (max-width:479px){
	header .qita .logo a img{ width: 220px;}
	.picture-3 .right .biaoti .maxcn{ font-size: 30px;}
	.picture-3 .right .biaoti .mincn{ font-size: 18px;}
	.picture-3 .right .jiao{ opacity: 0.5;}
}

@media (max-width:399px){
	.more-1 a .mc{ font-size: 12px;}
	.text-2.active ul li a{ line-height: 30px;}
	.text-2 ul li.active a .textbox{ padding-left: 15px;}
	.picture-1-list a .textbox{ font-size: 12px;}
}