@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; margin:0 auto; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
u { text-decoration:none;}
i,em,cite { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#ed6e03;}
a { color:#595757;}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
th,td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input,select,textarea { float:left; background:none; border:0; font:14px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.img,#slides .imgs ul li,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px;}
.img img { width:100%; min-height:100%;}

/**头部和尾部**/
header { width:1200px; height:120px; border-bottom:#fff 50px solid; position:relative; top:2px\0; z-index:100;}

header:before,header:after { width:1920px; content:""; position:absolute; left:50%; margin-left:-960px; z-index:20;}
header:before { height:2px; background:#ed6e03; top:0;}
header:after { height:1px; background:#d7d3cf; bottom:0;}

header>ul { position:absolute; z-index:30;}
header .bg { width:1920px; height:170px; background:url(../images/bg_header.jpg) repeat-y; top:0; left:50%; margin-left:-960px; z-index:10;}

header .logo { height:75px; font:0/0 Arial; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
header .logo img { height:100%;}

header .nav { width:100%; height:50px; line-height:50px; bottom:-50px; left:0;}
header .nav li { width:169px; height:100%; margin-left:2px; text-align:center; overflow:visible; position:relative;}
header .nav li:first-child { width:174px; margin:0;}
header .nav li>a { float:left; width:100%; height:100%; border-radius:5px 5px 0 0; font-size:16px;}
header .nav li:hover>a,header .nav li>a.active { background:#ed6e03; color:#fff;}

header .nav li dl { width:100%; height:0; overflow:hidden; position:absolute; top:100%; left:0; transition:all 0.5s;}
header .nav li dl dd { float:left; width:100%; height:43px; border-top:rgba(157,107,54,1) 1px solid; line-height:44px; text-align:center; font-size:14px; overflow:hidden;}
header .nav li dl dd:first-child { height:44px; border:0;}
header .nav li dl dd a { float:left; width:100%; height:100%; background:rgba(255, 168, 74, 0.7); color:#fff;}
header .nav li dl dd a:hover,header .nav li dl dd a.active { background:rgba(250, 168, 74, 0.9); color:#fff;}
header .nav li:hover dl { height:300px;}

header .info { height:40px; font:0/0 Arial; top:50%; left:280px; margin-top:-18px;}
header .info:before { width:1px; height:40px; content:""; background:#c9cacb; position:absolute; top:50%; left:-15px; margin-top:-20px;}
header .info img { height:100%;}

header .link { height:30px; padding:0 15px; background:#ed6e03; border-radius:0 0 10px 10px; line-height:26px; top:2px; right:0;}
header .link li { height:100%; padding-left:25px; position:relative;}
header .link li:before { width:1px; height:12px; content:""; background:#fff; position:absolute; top:50%; left:12px; margin-top:-7px;}
header .link li:first-child { padding:0;}
header .link li:first-child:before { display:none;}
header .link li a { height:100%; color:#fff; display:block;}
header .link li a:hover { color:#ff0;}

header .icon { height:38px; top:58px; right:0; z-index:50;}
header .icon li { width:38px; height:100%; margin-left:15px; position:relative; cursor:pointer; overflow:visible;}
header .icon li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#ed6e03 1px solid; border-radius:100%; position:relative;}
header .icon li a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.wx:hover a { background:#ed6e03;}
header .icon li.wx a:before { background-position:-50px 0;}
header .icon li.wx:hover a:before { background-position:-50px -20px;}
header .icon li.tel { width:auto; height:calc(100% - 15px); padding:15px 0 0 42px; line-height:24px; font-size:20px; color:#ed6e03; cursor:inherit;}
header .icon li.tel i { line-height:12px; font-size:12px; position:absolute; top:0px; left:42px;}
header .icon li.tel:before,header .icon li.tel:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.tel:before { width:36px; height:36px; border:#ed6e03 1px solid; border-radius:100%; margin-left:0; z-index:10;}
header .icon li.tel:after { width:20px; height:20px; background:url(../images/base.png) no-repeat -30px 0; margin-left:9px; z-index:20;}
header .icon li .ewm { width:140px; height:155px; background:none; position:absolute; top:36px; left:50%; margin-left:-70px; transition-duration:400ms; transform:translateY(10%); opacity:0; visibility:hidden;}
header .icon li .ewm:before { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#ed6e03 9px solid; position:absolute; top:6px; left:50%; margin-left:-8px;}
header .icon li .ewm:after { width:132px; height:132px; content:""; background-color:#fff; border:#ed6e03 4px solid; border-radius:3px; position:absolute; bottom:0; left:0;}
header .icon li .ewm img { width:120px; height:120px; position:absolute; bottom:10px; left:10px; z-index:20;}
header .icon li:hover .ewm { transform:translateY(0); opacity:1; visibility:visible;}

footer {width: 1200px; min-height: 50px; padding:45px 0 95px; color:#3e3a39; position:relative;}
#footer { position:fixed; bottom:0; left:0; z-index:100;}

footer:before,footer:after { width:1920px; content:""; position:absolute; left:50%; margin-left:-960px; z-index:10;}
footer:before { height:100%; background:#f1f1f1; top:0;}
footer:after { height:50px; background:#ed6e03; bottom:0;}

footer>ul { position:relative; z-index:20;}

footer a { color:#3e3a39;}
footer a:hover { color:#ed6e03;}

footer .tel { width:100%; line-height:24px; color:#ed6e03;}

footer .info { width:100%; padding-top:30px; line-height:24px; font-size:14px;}
footer .info li { width:100%;}
footer .info li p { float:left; padding:8px 0; border-bottom:#cac6c0 1px solid;}
footer .info li:last-child p { border:0;}

footer .ewm { height:150px; position:absolute; top:45px; right:0;}
footer .ewm li { width:193px; height:100%; margin-left:20px; position:relative;}
footer .ewm li p { overflow:hidden; position:absolute;}
footer .ewm li .img { width:136px; height:136px; border:#fff 7px solid; font:0/0 Arial; top:0; right:0;}
footer .ewm li .img img { width:100%; min-height:100%;}
footer .ewm li .txt1 { width:20px; line-height:16px; text-align:center; font-size:14px; top:5px; left:20px;}
footer .ewm li .txt2 { width:20px; line-height:16px; text-align:center; font-size:14px; top:5px; left:0;}

footer .links { height:50px; line-height:50px; font-size:14px; color:#fff; position:absolute; bottom:0; left:0;}
footer .links li { height:100%; margin-left:20px;}
footer .links li:first-child { margin:0 -15px 0 0; line-height:48px; font-size:16px;}
footer .links li a { width:100%; height:100%; display:block; color:#fff;}
footer .links li a:hover { color:#ff0;}

#fixed_right { width:121px; padding:0 11px; background:url(../images/base.png) repeat-y -653px 0; position:fixed; top:50%; right:0; margin-top:-150px; z-index:9999; transition:all 0.5s;}
#fixed_right:before,#fixed_right:after { width:100%; content:""; background:url(../images/base.png) no-repeat 200px 0; position:absolute; left:0;}
#fixed_right:before { height:5px; background-position:-510px 0; top:-5px;}
#fixed_right:after { height:8px; background-position:-510px -12px; bottom:-8px;}
#fixed_right li { width:100%; height:34px; line-height:34px; margin-top:8px; font-size:14px; position:relative;}
#fixed_right li a { float:left; width:100%; height:100%; background:#459afa; border-radius:3px; color:#fff; position:relative;}
#fixed_right li a:before { width:30px; height:24px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; bottom:0; left:0;}
#fixed_right li a:hover { background:#ed6e03;}
#fixed_right li.msg { margin-top:5px; text-indent:42px;}
#fixed_right li.msg a:before { background-position:-525px -25px;}
#fixed_right li.weixin { height:auto; margin:21px 0 -3px; overflow:visible;}
#fixed_right li.weixin:before { width:135px; height:1px; content:""; background:#ccc; position:absolute; top:-11px; left:-7px;}
#fixed_right li.weixin p { float:left; width:100%; text-align:center;}
#fixed_right li.weixin .img { font:0/0 Arial;}
#fixed_right li.weixin .txt { line-height:30px;}
#fixed_right li.button { width:30px; height:140px; background:url(../images/base.png) no-repeat -480px 0; position:absolute; top:-2px; left:-26px; cursor:pointer;}
#fixed_right li.button:after { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat -510px -25px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto 10px auto;}
#fixed_right li.button p { width:14px; text-align:center; line-height:18px; color:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:37px auto auto auto;}
#fixed_right.close { right:-143px;}
#fixed_right.close li.button { left:-30px;}
#fixed_right.close li.button:after { background-position:-510px -40px;}

/**首页**/
section { width:1200px; position:relative; z-index:50;}
section>ul { position:relative; z-index:10;}

.slides { width:100%; height:600px;}
.slides .imgs { width:1920px; height:100%; font:0/0 Arial; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.slides .imgs ul { width:1000%; height:100%;}
.slides .imgs ul li { height:100%;}
.slides .imgs ul li img { width:100%; height:100%;}
.slides .list { width:100%; position:absolute; bottom:15px; left:0; z-index:20;}
.slides .list ul { width:100%; text-align:center; font:0/0 Arial;}
.slides .list ul li { float:none; width:14px; height:14px; margin:0 1px; border:transparent 2px solid; border-radius:100%; display:inline-block; position:relative; cursor:pointer;}
.slides .list ul li:before { width:8px; height:8px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.slides .list ul li.active { margin:0 3px; border-color:#ed6e03;}
.slides .list ul li.active:before { background:#ed6e03;}
.slides .button { width:39px; height:73px; background:url(../images/base.png) no-repeat 100px 0; font:0/0 Arial; position:absolute; top:50%; margin-top:-36.5px; z-index:30; cursor:pointer; transition:all 0.3s; opacity:0; visibility:hidden;}
.slides:hover .button { opacity:1; visibility:visible;}
.slides .prev { background-position:-90px 0; left:50px;}
.slides .prev:hover { background-position:-135px 0;}
.slides .next { background-position:-220px 0; right:50px;}
.slides .next:hover { background-position:-175px 0;}

.index_title { width:100%; height:14px; padding-top:40px; line-height:14px; text-align:center; font-size:14px; color:#30363a; overflow:hidden; position:relative;}
.index_title h5 { width:100%; line-height:26px; text-align:center; font-weight:bold; font-size:30px; position:absolute; top:0; left:0;}
.index_title p { text-transform:uppercase; display:inline-block; position:relative;}
.index_title p.icon:before,.index_title p.icon:after { width:40px; height:1px; content:""; background:#30363a; position:absolute; top:6px;}
.index_title p.icon:before { left:-60px;}
.index_title p.icon:after { right:-60px;}

.index_search { height:60px;}
.index_search:before { width:1920px; height:59px; content:""; background:#f5f1ed; border-bottom:#e1ddd9 1px solid; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}
.index_search>ul { position:absolute;}

.index_search .tel { height:100%; line-height:60px; color:#ed6e03; top:0; left:0;}
.index_search .form { padding-right:220px; height:38px; line-height:38px; top:50%; right:0; margin-top:-19px;}
.index_search .form li { height:100%;}
.index_search .form li a { float:left; height:100%; margin-right:10px;}
.index_search .form form { width:220px; height:38px; position:absolute; top:0; right:0;}
.index_search .form form em { width:32px; height:32px; background:#ed6e03; border-radius:100%; position:absolute; top:3px; right:3px; z-index:20;}
.index_search .form form em:after { width:16px; height:16px; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px;}
.index_search .form form input { position:absolute;}
.index_search .form form input[type=text] { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#ed6e03 1px solid; border-radius:18px; text-indent:10px; color:rgba(0,0,0,0.5); top:0; left:0; z-index:10;}
.index_search .form form input[type=text]:focus { color:#ed6e03;}
.index_search .form form input[type=submit] { width:32px; height:32px; background:none; border:0; top:3px; right:3px; z-index:30;}

.index_product { margin-top:50px;}
.index_product .title { width:100%; margin-top:10px; text-align:center;}
.index_product .title li { float:none; width:110px; height:33px; margin:10px 5px 0; line-height:30px; text-align:center; font-size:14px; display:inline-block;}
.index_product .title li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#b5b5b5 1px solid;}
.index_product .title li a:hover { border-color:#ed6e03; color:#ed6e03;}

.index_product .list { width:105%; margin-top:5px;}
.index_product .list li { width:390px; margin:15px 15px 0 0;}
.index_product .list li p { float:left; width:100%; text-align:center; overflow:hidden;}
.index_product .list li .img { height:270px;}
.index_product .list li .img img { transition:all 0.5s;}
.index_product .list li .name { width:calc(100% - 10px); height:46px; padding:0 5px; background:#f5f2ee; line-height:44px; font-size:16px;}
.index_product .list li:hover .img img { transform:scale(1.08);}
.index_product .list li:hover .name { background:#ed6e03; color:#fff;}

.index_info { margin-top:50px;}
.index_info:before { width:1920px; height:100%; content:""; background:url(../images/bg_info.png); position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

.index_info .img { width:960px; height:610px; margin-left:-360px; font:0/0 Arial; overflow:hidden;}
.index_info .img img { transition:all 0.8s;}
.index_info .img:hover img { transform:scale(1.05);}

.index_info .info { width:570px; height:610px; line-height:22px; font-size:14px; color:#fff; overflow:hidden;}

.index_order { height:270px;}
.index_order:before { width:1920px; height:100%; content:""; background:url(../images/bg_order.jpg) no-repeat; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

.index_order .info { width:100%; height:120px; line-height:24px; font-size:16px; color:#3e3a39; overflow:hidden;}

.index_order .form { width:100%; height:100px; margin-top:10px;}
.index_order .form li { height:40px; background-color:#f5f2ee; position:absolute; z-index:10; overflow:visible;}
.index_order .form li:before { width:24px; height:24px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:10px; margin-top:-12px; z-index:10; display:none;}
.index_order .form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px; position:absolute; top:0; left:0; z-index:20;}
.index_order .form li input:focus { border-color:#ed6e03; color:#ed6e03;}
.index_order .form li.tel { width:240px; top:0; left:0;}
.index_order .form li.tel:before { background-position:0 -20px; display:block;}
.index_order .form li.user { width:200px; top:0; left:250px;}
.index_order .form li.user:before { background-position:0 -45px; display:block;}
.index_order .form li.leixing { width:200px; line-height:38px; top:0; left:460px;}
.index_order .form li.leixing:before { background-position:0 -70px; display:block;}
.index_order .form li.submit { width:130px; background:#000; line-height:40px; text-align:center; font-size:16px; color:#fff; bottom:0; left:0;}
.index_order .form li.submit:hover { background:#ed6e03;}
.index_order .form li.loading { width:660px; height:100%; margin:0; background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0; display:none; z-index:20;}

.index_youshi { margin-top:50px;}
.index_youshi .list1 { width:105%; margin-top:-15px;}
.index_youshi .list1 li { width:590px; height:160px; margin:15px 15px 0 0; background:#f5f2ee; position:relative;}
.index_youshi .list1 li a { width:100%; height:100%; display:block;}
.index_youshi .list1 li p { width:calc(100% - 260px); line-height:22px; font-size:14px; color:#3e3a39; position:absolute; left:240px;}
.index_youshi .list1 li .img { width:220px; height:100%; font:0/0 Arial; overflow:hidden; top:0; left:0;}
.index_youshi .list1 li .img img { transition:all 0.5s;}
.index_youshi .list1 li .icon { height:20px; padding-left:60px; font-weight:bold; line-height:20px; font-size:20px; color:#ed6e03; top:35px;}
.index_youshi .list1 li .icon:before { width:55px; height:40px; content:""; background:url(../images/base.png) no-repeat -260px 0; position:absolute; bottom:0; left:0;}
.index_youshi .list1 li .name { height:20px; font-size:20px; font-weight:bold; top:70px;}
.index_youshi .list1 li .text { height:44px; top:102px;}
.index_youshi .list1 li:hover .icon:before { background-position:-260px -40px;}
.index_youshi .list1 li:nth-child(2) .icon:before { background-position:-315px 0;}
.index_youshi .list1 li:nth-child(2):hover .icon:before { background-position:-315px -40px;}
.index_youshi .list1 li:nth-child(3) .icon:before { background-position:-370px 0;}
.index_youshi .list1 li:nth-child(3):hover .icon:before { background-position:-370px -40px;}
.index_youshi .list1 li:nth-child(4) .icon:before { background-position:-425px 0;}
.index_youshi .list1 li:nth-child(4):hover .icon:before { background-position:-425px -40px;}
.index_youshi .list1 li:hover { background:#ed6e03;}
.index_youshi .list1 li:hover .img img { transform:scale(1.05);}
.index_youshi .list1 li:hover p { color:#fff;}

.index_youshi .info { width:100%; margin-top:50px; line-height:24px; font-size:16px; color:#3e3a39;}

.index_youshi .list2 { width:105%; margin-top:5px;}
.index_youshi .list2 li { width:290px; margin:15px 13px 0 0;}
.index_youshi .list2 li p { float:left; width:100%; text-align:center; overflow:hidden;}
.index_youshi .list2 li .img { height:200px;}
.index_youshi .list2 li .img img { transition:all 0.5s;}
.index_youshi .list2 li .name { width:calc(100% - 10px); height:46px; padding:0 5px; background:#f5f2ee; line-height:44px; font-size:16px;}
.index_youshi .list2 li:hover .img img { transform:scale(1.08);}
.index_youshi .list2 li:hover .name { background:#ed6e03; color:#fff;}

.index_jiyi { height:480px; padding:50px 0; margin-top:50px;}
.index_jiyi:before { width:1920px; height:100%; content:""; background:url(../images/bg_jiyi.jpg) no-repeat; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

.index_jiyi .index_title { height:16px; line-height:16px; font-size:16px; color:#fff;}
.index_jiyi .list { width:105%; margin-top:20px;}
.index_jiyi .list li { width:380px; height:400px; margin-right:20px; background:#f5f2ee; position:relative; transition:all 0.3s;}
.index_jiyi .list li a { width:calc(100% - 60px); height:calc(100% - 300px); padding:300px 30px 0; color:#3e3a39; position:absolute; top:0; left:0;}
.index_jiyi .list li .img { width:380px; height:240px; overflow:hidden; position:absolute; top:0; left:0;}
.index_jiyi .list li .img img { transition:all 0.8s;}
.index_jiyi .list li .name { width:100%; height:20px; line-height:20px; text-align:center; font-weight:bold; font-size:20px; position:absolute; top:262px; left:0;}
.index_jiyi .list li p { line-height:22px; font-size:14px;}
.index_jiyi .list li:hover { transform:translateY(-10px);}
.index_jiyi .list li:hover .img img { transform:scale(1.08);}
.index_jiyi .list li:hover .name { color:#ed6e03;}

.index_liucheng { margin-top:50px;}
.index_liucheng .info { width:100%; height:235px; background:url(../images/bg_liucheng.png) no-repeat; color:#fff;}
.index_liucheng .info .name { width:226px; height:30px; line-height:24px; text-align:center; font-size:30px; overflow:hidden; position:absolute; top:105px; left:12px;}
.index_liucheng .info .txt { width:226px; line-height:20px; text-align:center; font-size:14px; position:absolute; top:130px; left:12px;}
.index_liucheng .info .icon { width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; position:absolute;}
.index_liucheng .info .icon.i01 { top:43px; left:250px;}
.index_liucheng .info .icon.i02 { top:43px; left:407px;}
.index_liucheng .info .icon.i03 { top:43px; left:564px;}
.index_liucheng .info .icon.i04 { top:43px; left:720px;}
.index_liucheng .info .icon.i05 { top:43px; left:877px;}
.index_liucheng .info .icon.i06 { top:43px; left:1034px;}
.index_liucheng .info .icon.i07 { bottom:42px; left:1034px;}
.index_liucheng .info .icon.i08 { bottom:42px; left:877px;}
.index_liucheng .info .icon.i09 { bottom:42px; left:720px;}
.index_liucheng .info .icon.i10 { bottom:42px; left:564px;}
.index_liucheng .info .icon.i11 { bottom:42px; left:407px;}
.index_liucheng .info .icon.i12 { bottom:42px; left:250px;}

.index_photo { margin-top:50px;}
.index_photo .photo { width:100%; height:550px; margin-top:20px; background:#ed6e03; position:relative;}
.index_photo .photo .view { width:900px; height:100%; position:absolute; top:0; left:0;}
.index_photo .photo .view li { width:100%; overflow:hidden; position:absolute; bottom:0; left:0; z-index:20;}
.index_photo .photo .view .img { height:100%; z-index:10;}
.index_photo .photo .view .name { width:calc(100% - 40px); height:50px; padding:0 20px; background:rgba(0,0,0,0.6); line-height:48px; font-size:18px; color:#fff;}
.index_photo .photo .list { width:260px; height:525px; overflow:hidden; position:absolute; bottom:20px; right:20px; z-index:20;}
.index_photo .photo .list:before { width:100%; height:15px; content:""; background:#ed6e03; position:absolute; top:0; left:0; z-index:20;}
.index_photo .photo .list .auto_list { width:100%; height:10000%; position:absolute; top:0; left:0; z-index:10;}
.index_photo .photo .list li { width:100%; height:160px; margin-top:15px; cursor:pointer;}
.index_photo .photo .list li p { float:left; width:100%; height:100%;}
.index_photo .photo .list li .name { display:none;}
.index_photo .photo .list li .img img { transition:all 0.5s;}
.index_photo .photo .list li:hover .img img { transform:scale(1.05);}
.index_photo .photo .button { width:20px; height:100%; position:absolute; top:0; right:0; z-index:30;}
.index_photo .photo .button li { width:40px; height:40px; background:#ed6e03; border-radius:100%; position:absolute; left:-150px; cursor:pointer;}
.index_photo .photo .button li:hover { border-color:#ed6e03;}
.index_photo .photo .button li:before { width:15px; height:9px; content:""; background:url(../images/base.png) no-repeat 100px 0; transform:scale(1.4); position:absolute; left:50%; margin-left:-7px;}
.index_photo .photo .button li.auto_list_prev { top:-20px;}
.index_photo .photo .button li.auto_list_prev:before { background-position:-75px -40px; top:9px;}
.index_photo .photo .button li.auto_list_next { bottom:-20px;}
.index_photo .photo .button li.auto_list_next:before { background-position:-75px -50px; bottom:9px;}

.index_case { margin-top:50px;}
.index_case .list { width:100%; height:246px; margin-top:20px; overflow:hidden; z-index:20;}
.index_case .list .auto_list { width:10000%; height:100%;}
.index_case .list li { width:290px; height:100%; margin-right:13px; position:relative;}
.index_case .list li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0;}
.index_case .list li .img { height:200px; top:0;}
.index_case .list li .img img { transition:all 0.5s;}
.index_case .list li .name { width:calc(100% - 10px); height:46px; padding:0 5px; background:#f5f2ee; line-height:44px; font-size:16px; bottom:0;}
.index_case .list li:hover .img img { transform:scale(1.08);}
.index_case .list li:hover .name { background:#ed6e03; color:#fff;}
.index_case .button { width:100%; height:246px; position:absolute; bottom:0; left:0; z-index:10;}
.index_case .button li { width:28px; height:28px; border:#000 1px solid; border-radius:5px; position:absolute; top:50%; margin-top:-15px; cursor:pointer;}
.index_case .button li:hover { border-color:#ed6e03;}
.index_case .button li:before { width:9px; height:15px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-7px 0 0 -4px; transition:all 0.3s;}
.index_case .button li.auto_list_prev { left:-40px;}
.index_case .button li.auto_list_prev:before { background-position:-50px -40px; margin-left:-5px;}
.index_case .button li.auto_list_prev:hover:before { background-position:-65px -40px;}
.index_case .button li.auto_list_next { right:-40px;}
.index_case .button li.auto_list_next:before { background-position:-65px -55px;}
.index_case .button li.auto_list_next:hover:before { background-position:-50px -55px;}

.index_infos { margin-top:50px;}
.index_infos .title { width:100%; height:49px; margin-bottom:10px; background:#f5f2ee; border-bottom:#ed6e03 1px solid; border-radius:20px 0 0 0; position:relative;}
.index_infos .title h5 { float:left; height:100%; padding:0 15px; background:#ed6e03; border-radius:10px 10px 0 0; line-height:48px; font-weight:bold; font-size:20px; color:#fff;}
.index_infos .title .more { height:40px; padding:0 15px; line-height:40px; font-size:12px; position:absolute; top:50%; right:0; margin-top:-20px;}

.index_infos_left { width:790px;}
.index_infos_right { width:380px;}

.index_infos .info1 { width:100%;}
.index_infos .info1 .info { width:100%; line-height:24px; font-size:14px;}

.index_infos .info1 .list { width:105%; margin-top:0px;}
.index_infos .info1 .list li { width:255px; margin:13px 13px 0 0; position:relative;}
.index_infos .info1 .list li p { float:left; width:100%; text-align:center; overflow:hidden; position:relative; z-index:10;}
.index_infos .info1 .list li .img { height:145px;}
.index_infos .info1 .list li .img img { transition:all 0.5s; position:relative; z-index:10;}
.index_infos .info1 .list li .img:before,.index_infos .info1 .list li .img:after { content:""; position:absolute; top:50%; left:50%;}
.index_infos .info1 .list li .img:before { width:54px; height:54px; background:rgba(0,0,0,0.7); border-radius:100%; margin:-27px 0 0 -27px; z-index:20;}
.index_infos .info1 .list li .img:after { width:20px; height:30px; background:url(../images/base.png) no-repeat -50px -80px; margin:-15px 0 0 -7px; z-index:30;}
.index_infos .info1 .list li .name { width:calc(100% - 10px); height:42px; padding:0 5px; background:#f5f2ee; line-height:40px; font-size:16px;}
.index_infos .info1 .list li:hover .img img { transform:scale(1.08);}
.index_infos .info1 .list li:hover .name { background:#ed6e03; color:#fff;}

.index_infos .info2 { width:100%; margin-top:50px;}
.index_infos .info2 .info { width:100%; line-height:24px; font-size:14px;}

.index_infos .info2 .list { width:105%; margin-top:0px;}
.index_infos .info2 .list li { width:255px; margin:13px 13px 0 0; position:relative;}
.index_infos .info2 .list li p { float:left; width:100%; text-align:center; overflow:hidden; position:relative; z-index:10;}
.index_infos .info2 .list li .img { height:340px;}
.index_infos .info2 .list li .img img { transition:all 0.5s; position:relative; z-index:10;}
.index_infos .info2 .list li .name { width:calc(100% - 10px); height:42px; padding:0 5px; background:#f5f2ee; line-height:40px; font-size:16px;}
.index_infos .info2 .list li:hover .img img { transform:scale(1.08);}
.index_infos .info2 .list li:hover .name { background:#ed6e03; color:#fff;}

.index_infos .news1 { width:100%;}
.index_infos .list_newsImg { width:100%; margin:-3px 0 3px;}
.index_infos .list_newsImg li { width:100%; height:245px; margin-top:10px; position:relative;}
.index_infos .list_newsImg li p { width:100%; overflow:hidden; position:absolute; bottom:0; left:0;}
.index_infos .list_newsImg li .img { height:100%; z-index:10;}
.index_infos .list_newsImg li .img img { transition:all 0.8s;}
.index_infos .list_newsImg li .name { width:calc(100% - 24px); height:42px; padding:0 12px; background:rgba(0,0,0,0.7); line-height:40px; font-size:16px; color:#fff; text-overflow:ellipsis; white-space:nowrap; z-index:20;}
.index_infos .list_newsImg li:hover .img img { transform:scale(1.05);}
.index_infos .list_newsImg li:hover .name { background:rgba(255, 168, 74, 0.7);}

.index_infos .list_newsTxt { width:100%;}
.index_infos .list_newsTxt li { width:100%; height:43px; border-bottom:#898989 1px dotted; line-height:44px; font-size:14px; position:relative;}
.index_infos .list_newsTxt li a { width:100%; height:100%; text-indent:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; position:relative;}
.index_infos .list_newsTxt li a:before { width:4px; height:4px; content:""; border:#595757 1px solid; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-3px;}
.index_infos .list_newsTxt li:hover a:before { border-color:#ed6e03;}

.index_infos .news2 { width:100%; margin-top:50px;}
.index_infos .news2 .list_newsTxt { margin-top:-8px;}

.index_message { margin-top:50px; margin-bottom:-50px;}
.index_message:before { width:1920px; height:100%; content:""; background:url(../images/bg_info.png); position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

.index_message .img { width:1050px; height:540px; margin-left:-360px; font:0/0 Arial; overflow:hidden;}
.index_message .img img { transition:all 0.8s;}
.index_message .img:hover img { transform:scale(1.05);}

.index_message .form { width:450px; margin-top:50px;}
.index_message .form li { width:100%; height:46px; margin-top:15px; background-color:#f5f2ee; position:relative; z-index:10;}
.index_message .form li:before { width:24px; height:24px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:10px; margin-top:-12px; z-index:10; display:none;}
.index_message .form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;}
.index_message .form li textarea { width:calc(100% - 22px); height:calc(100% - 18px); padding:8px 10px; border:#b5b5b5 1px solid;}
.index_message .form li input:focus,.index_message .form li textarea:focus { border-color:#000; color:#000;}
.index_message .form li.txt1 { height:30px; margin:0; background:none; line-height:24px; font-size:30px; font-weight:bold; color:#fff;}
.index_message .form li.txt2 { height:20px; margin-bottom:20px; background:none; line-height:20px; font-size:16px; color:#fff;}
.index_message .form li.user:before { background-position:0 -45px; display:block;}
.index_message .form li.tel:before { background-position:0 -20px; display:block;}
.index_message .form li.detail { height:138px;}
.index_message .form li.submit { width:130px; background:#000; line-height:44px; text-align:center; font-size:16px; color:#fff;}
.index_message .form li.loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0; display:none; z-index:20;}

/**公共**/
.banner { width:1920px; margin-bottom:50px; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .img { width:100%; text-align:center; font:0/0 Arial; position:relative; z-index:10;}

.allSelect em { position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:#b5b5b5 1px solid; text-indent:40px; font-size:14px; color:rgba(0,0,0,0.5); top:0; right:0; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:7px solid transparent; border-left:7px solid transparent; border-top:7px solid #ccc; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#ed6e03;}
.allSelect em.open:after { border-top-color:#ed6e03; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:216px; background:#f5f2ee; border:#ed6e03 1px solid; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:35px; border-top:#f7f7f7 1px solid; text-indent:40px; line-height:34px; font-size:14px; overflow:hidden; cursor:pointer;}
.allSelect dl dd:first-child { height:calc(100% + 1px); border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(157,107,54,0.1);}
.allSelect dl dd.active { background:rgba(157,107,54,0.2);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(0); opacity:1; visibility:visible;}

main { width:1200px; position:relative; z-index:90;}
.main_left { width:240px;}
.main_right { width:915px;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.main_left .menu { width:210px; padding:85px 15px 15px; background:#f5f2ee; position:relative; z-index:30;}
.main_left .menu span { width:100%; height:80px; background:#ed6e03; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu h5,.main_left .menu h6 { width:100%; text-align:center; color:#fff; position:absolute; left:0;}
.main_left .menu h5 { line-height:18px; font-size:20px; top:22px;}
.main_left .menu h6 { line-height:12px; font-size:12px; bottom:22px;}
.main_left .menu li { width:100%; height:44px; margin-top:10px; line-height:42px; text-indent:25px; font-size:14px; position:relative; z-index:10; overflow:visible;}
.main_left .menu li>a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); background:#fff; border:#dedede 1px solid; position:relative;}
.main_left .menu li>a:before,.main_left .menu li>a:after { content:""; background:url(../images/base.png) no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.main_left .menu li>a:before { width:7px; height:6px; background-position:-25px -20px; margin-left:10px;}
.main_left .menu li>a:after { width:5px; height:9px; background-position:-35px -20px; margin-right:10px;}
.main_left .menu li:hover>a,.main_left .menu li>a.active { background:#ed6e03; color:#fff;}
.main_left .menu li:hover>a:before,.main_left .menu li>a.active:before { background-position:-25px -30px;}
.main_left .menu li:hover>a:after,.main_left .menu li>a.active:after { background-position:-35px -30px;}

.main_left .menu li dl { width:100px; padding-left:15px; border-radius:0 5px 5px 0; overflow:hidden; position:absolute; top:0; left:100%; transition:all 0.3s; transform:translateY(30px); opacity:0; visibility:hidden;}
.main_left .menu li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}
.main_left .menu li dl:before { width:calc(100% - 15px); height:100%; content:""; background:rgba(255, 168, 74, 0.7); position:absolute; top:0; left:15px; z-index:10;}
.main_left .menu li dl dd { float:left; width:100%; height:39px; border-top:#fff 1px dotted; line-height:40px; text-indent:0; font-size:14px; position:relative; z-index:20;}
.main_left .menu li dl dd:first-child { border:0;}
.main_left .menu li dl dd a { float:left; width:100%; height:100%; text-align:center; color:#fff;}
.main_left .menu li dl dd a:hover,.main_left .menu li dl dd a.active { background:rgba(221, 157, 88, 0.9); color:#ff0;}

.main_left .txtlist { width:210px; padding:67px 15px 0; margin-top:20px; background:#f5f2ee; position:relative;}
.main_left .txtlist span { width:100%; height:66px; background:#ed6e03; position:absolute; top:0; left:0; z-index:20;}
.main_left .txtlist h5,.main_left .txtlist h6 { width:100%; text-align:center; color:#fff; position:absolute; left:0;}
.main_left .txtlist h5 { line-height:18px; font-size:20px; top:15px;}
.main_left .txtlist h6 { line-height:12px; font-size:12px; bottom:15px;}
.main_left .txtlist li { width:100%; height:41px; border-bottom:#ceccca 1px dotted; line-height:42px; text-indent:11px; font-size:14px;}
.main_left .txtlist li a { width:100%; height:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; display:block;}
.main_left .txtlist li a:before { width:4px; height:4px; content:""; border:#595757 1px solid; border-radius:4px; position:absolute; top:50%; left:0; margin-top:-3px;}
.main_left .txtlist li:hover a:before { border-color:#ed6e03;}

.main_left .weixin { width:100%; height:220px; margin-top:20px; background:url(../images/bg_left03.jpg) no-repeat center center; position:relative;}
.main_left .weixin li { width:150px; height:180px; margin:20px 45px; position:relative;}
.main_left .weixin li p { width:100%; overflow:hidden; position:absolute; left:0;}
.main_left .weixin li .img { width:136px; height:136px; border:#fff 7px solid; font:0/0 Arial; top:0;}
.main_left .weixin li .img img { width:100%; min-height:100%;}
.main_left .weixin li .txt { line-height:16px; text-align:center; font-size:16px; color:#fff; bottom:0;}

.location { width:100%; height:58px; margin-bottom:20px; background:#f5f2ee; border-top:#ed6e03 2px solid; position:relative; z-index:10;}
.location h5 { line-height:18px; text-indent:20px; font-size:18px; color:#ed6e03; text-transform:none; position:absolute; top:50%; left:0; margin-top:-10px;}
.location h5:before { width:3px; height:18px; content:""; background:#ed6e03; position:absolute; top:50%; left:10px; margin-top:-8px;}
.location span { height:14px; line-height:12px; font-family:"SimSun"; color:#898989; position:absolute; top:50%; right:10px; margin-top:-7px;}
.location span i,.location span a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.location span i { padding-left:18px;}
.location span i:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -25px -40px; position:absolute; top:50%; left:0; margin-top:-8px;}
.location span a:hover { color:#ed6e03;}

/**页码**/

.page2 { width:100%; height:40px; padding-bottom:25px; margin:25px 0 25px; border-bottom:#ccc 1px solid; position:relative;}
.page2 li { width:150px; height:40px; text-align:center; position:absolute; top:0;}
.page2 li.prev { left:50%; margin-left:-160px;}
.page2 li.next { right:50%; margin-right:-160px;}
.page2 a { width:calc(100% - 2px); height:calc(100% - 2px); line-height:38px; border:#898989 1px solid; border-radius:3px; font-size:14px; display:inline-block;}
.page2 a:hover { background:#e60012; border-color:#e60012; color:#fff;}
.page2 a.none,.page2 a.none:hover { background:none; border-color:#c8cfd2; color:#c8cfd2;}

/**内容**/
article { width:100%; line-height:26px; font-size:14px; margin:-7px 0 -6px;}
article img,article video { max-width:100%; margin:7px auto -2px;}
article .img { margin-top:0; font:0/0 Arial;}
article .img:first-child,article iframe:first-child { margin-top:7px !important;}
article .img img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 100px); height:29px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:27px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#ed6e03; border-color:#ed6e03; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:60px; height:29px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
#list .pages .gotoPage em { position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#ed6e03;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#c8cfd2 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:24px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover,#list .pages .gotoPage dl dd a.active { background:#ed6e03; color:#fff;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_newsImg { width:100%; margin-top:-20px; position:relative; z-index:30;}
#list .list_newsImg li { width:calc(100% - 2px); height:150px; margin-top:20px; background:#fff; border:#ccc 1px solid; position:relative;}
#list .list_newsImg li p { width:calc(100% - 240px); line-height:44px; color:#898989; overflow:hidden; position:absolute; left:225px; z-index:20;}
#list .list_newsImg li a { width:100%; height:100%; display:block; position:relative;}
#list .list_newsImg li .img { width:200px; height:130px; top:10px; left:10px;}
#list .list_newsImg li .img img { width:100%; min-height:100%; transition:all 1s}
#list .list_newsImg li .name { width:calc(100% - 330px); height:44px; padding-right:90px; border-bottom:#ddd 1px dotted; font-size:16px; color:#3e3a39; text-overflow:ellipsis; white-space:nowrap; top:0px; z-index:10;}
#list .list_newsImg li .date { width:auto; top:0px; left:auto; right:15px; z-index:20;}
#list .list_newsImg li .info { height:40px; line-height:20px; top:55px;}
#list .list_newsImg li .more { width:100px; height:30px; background:#fff; border:#dedede 1px solid; line-height:28px; text-align:center; bottom:10px;}
#list .list_newsImg li:hover { background:#ed6e03;}
#list .list_newsImg li:hover a,#list .list_newsImg li:hover p { color:#fff;}
#list .list_newsImg li:hover .img img { transform:scale(1.08);}
#list .list_newsImg li:hover .more { color:#595757;}

#list .list_video { width:105%; margin-top:-15px;}
#list .list_video li { width:295px; margin:15px 15px 0 0; position:relative;}
#list .list_video li p { float:left; width:100%; text-align:center; overflow:hidden; position:relative; z-index:10;}
#list .list_video li .img { height:170px;}
#list .list_video li .img img { transition:all 0.5s; position:relative; z-index:10;}
#list .list_video li .img:before,#list .list_video li .img:after { content:""; position:absolute; top:50%; left:50%;}
#list .list_video li .img:before { width:54px; height:54px; background:rgba(0,0,0,0.7); border-radius:100%; margin:-27px 0 0 -27px; z-index:20;}
#list .list_video li .img:after { width:20px; height:30px; background:url(../images/base.png) no-repeat -50px -80px; margin:-15px 0 0 -7px; z-index:30;}
#list .list_video li .name { width:calc(100% - 10px); height:40px; padding:0 5px; background:#f5f2ee; line-height:40px; font-size:14px;}
#list .list_video li:hover .img img { transform:scale(1.08);}
#list .list_video li:hover .name { background:#ed6e03; color:#fff;}

#list .list_product { width:105%; margin-top:-15px;}
#list .list_product li { width:295px; margin:15px 15px 0 0; position:relative;}
#list .list_product li p { float:left; width:100%; overflow:hidden;}
#list .list_product li .img { width:100%; height:205px;}
#list .list_product li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_product li .name { height:40px; line-height:40px; background:#f5f2ee; text-align:center; font-size:14px;}
#list .list_product li:hover .img img { transform:scale(1.08);}
#list .list_product li:hover .name { background:#ed6e03; color:#fff;}

#list .list_case { width:105%; margin-top:-15px;}
#list .list_case li { width:295px; margin:15px 15px 0 0; position:relative;}
#list .list_case li p { float:left; width:100%; overflow:hidden;}
#list .list_case li .img { width:100%; height:205px;}
#list .list_case li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_case li .name { height:40px; line-height:40px; background:#f5f2ee; text-align:center; font-size:14px;}
#list .list_case li:hover .img img { transform:scale(1.05);}
#list .list_case li:hover .name { background:#ed6e03; color:#fff;}

#list .list_order { width:100%; margin-top:-20px;}
#list .list_order>dl { width:100%; height:380px; margin-top:20px; background:#f5f2ee; position:relative;}
#list .list_order>dl>dd { width:calc(100% - 470px); overflow:hidden; position:absolute; left:450px;}
#list .list_order>dl b { height:20px; background:#f5f2ee; line-height:20px; text-indent:9px; font-size:14px; position:absolute; top:50%; left:1px; margin-top:-10px; z-index:10;}
#list .list_order>dl input { width:calc(100% - 92px); height:calc(100% - 3px); padding:0 5px 1px 85px; border:#b5b5b5 1px solid;}
#list .list_order>dl .img { width:410px; height:340px; top:20px; left:20px;}
#list .list_order>dl .img img { transition:all 0.8s;}
#list .list_order>dl .name { height:30px; line-height:30px; font-size:26px; color:#231815; top:18px;}
#list .list_order>dl .info { height:72px; line-height:24px; text-indent:2em; font-size:14px; top:60px;}
#list .list_order>dl .stime { width:215px; height:40px; top:145px;}
#list .list_order>dl .etime { width:215px; height:40px; top:145px; left:auto; right:20px;}
#list .list_order>dl .xing { height:40px; top:200px;}
#list .list_order>dl .leixing { height:40px; overflow:visible; top:255px;}
#list .list_order>dl .leixing .value { text-indent:85px; line-height:38px;}
#list .list_order>dl .leixing dd { text-indent:85px;}
#list .list_order>dl .submit { width:140px; height:46px; line-height:44px; text-align:center; font-size:16px; bottom:20px;}
#list .list_order>dl .submit a { float:left; width:100%; height:100%; background:#ed6e03; color:#fff;}
#list .list_order>dl .img:hover img { transform:scale(1.05);}

#list .list_job { width:100%; margin-bottom:-23px; background:#fff; border-top:#ddd 1px dotted; position:relative; z-index:40;}
#list .list_job li { width:100%; height:49px; border-bottom:#ddd 1px dotted; position:relative;}
#list .list_job li p { height:20px; font-size:14px; overflow:hidden; position:absolute; top:50%; margin-top:-10px;}
#list .list_job li p span { color:#000;}
#list .list_job li .name { width:400px; left:10px; text-overflow:ellipsis; white-space:nowrap;}
#list .list_job li .nums { left:440px;}
#list .list_job li .date { left:630px;}
#list .list_job li .view { font-size:12px; right:10px;}
#list .list_job li:hover { background:rgba(157,107,54,0.05);}
#list .list_job li:hover a { color:#ed6e03;}

#list .msg_form { width:100%; height:390px; background:#f5f2ee; border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#ed6e03;}
#list .msg_form li.user { width:410px; top:40px; left:40px;}
#list .msg_form li.user:before { background-position:-75px -80px;}
#list .msg_form li.tel { width:410px; top:40px; right:40px;}
#list .msg_form li.tel:before { background-position:-95px -80px;}
#list .msg_form li.detail { width:835px; height:180px; top:105px; left:40px;}
#list .msg_form li.submit { width:126px; height:46px; background:#000; border:0; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:40px; right:40px;}
#list .msg_form li.submit:hover { background:#ed6e03;}
#list .msg_form li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .msg_form li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat -115px -80px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#list .list_sitemap { width:100%; margin-top:50px; border-bottom:#ddd 1px solid;}
#list .list_sitemap dl { float:left; width:calc(100% - 70px); padding:15px 0 15px 70px; border-top:#ddd 1px solid; position:relative;}
#list .list_sitemap dt { height:20px; position:absolute; top:20px; left:0;}
#list .list_sitemap dt a { font-size:16px; color:#ed6e03;}
#list .list_sitemap dd { float:left; height:20px; margin:5px 0 5px 30px;}

#list .search_tongji { width:100%; height:58px; margin-bottom:20px; background:#f5f2ee; border-top:#ed6e03 2px solid; position:relative; z-index:10;}
#list .search_tongji li { height:20px; text-indent:20px; font-size:14px; position:absolute; top:50%; left:0; margin-top:-10px;}
#list .search_tongji li:before { width:3px; height:18px; content:""; background:#ed6e03; position:absolute; top:50%; left:10px; margin-top:-8px;}
#list .search_tongji i { color:#f00;}

#list .search_news { width:100%; margin:-20px 0 -23px; background:#fff; position:relative; z-index:90;}
#list .search_news li { width:100%; padding-bottom:18px; margin-top:16px; border-bottom:#c9caca 1px dotted;}
#list .search_news li p { position:relative; z-index:10;}
#list .search_news li .title { padding-bottom:12px; line-height:22px; font-size:16px;}
#list .search_news li .title a { color:#3a3a3a;}
#list .search_news li .img { float:left; height:78px; margin:0 15px 0 0; font:0/0 Arial; overflow:hidden; z-index:20;}
#list .search_news li .img img { width:auto; height:100%; transition:all 0.8s;}
#list .search_news li .date { line-height:12px; color:#898989;}
#list .search_news li .date span { height:100%; padding-left:10px; margin-left:11px; border-left:#898989 1px solid; display:inline-block;}
#list .search_news li .date span:first-child { padding:0; margin:0; border:0;}
#list .search_news li .info { margin-top:10px;}
#list .search_news li:hover a { color:#ed6e03;}
#list .search_news li:hover .img img { transform:scale(1.08);}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:10px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_news_title { width:100%; margin:0 0 30px; border-bottom:#ddd 1px dotted;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 8px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a; text-transform:none;}
#detail .view_news_title h2 { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_news_title h2 span { margin-right:15px; text-transform:none; display:inline-block;}

#detail .view_product_img { width:calc(100% - 710px); height:485px; padding-left:710px; font:0/0 Arial; position:relative;}
#detail .view_product_img li { width:198px; height:149px; padding:1px; margin-bottom:10px; border:#ddd 2px solid; position:relative;}
#detail .view_product_img li p { width:100%; overflow:hidden; position:absolute;}
#detail .view_product_img li .img { width:calc(100% - 4px); height:calc(100% - 4px); top:2px; left:2px; z-index:10;}
#detail .view_product_img li.view { width:700px; height:100%; padding:0; margin:0; border:0; position:absolute; top:0; left:0;}
#detail .view_product_img li.view .img { width:100%; height:100%; top:0; left:0;}
#detail .view_product_img li.active { border-color:#ed6e03;}

#detail .view_product_tab { width:calc(100% - 1px); height:50px; margin:30px 0; border:#dedede 1px solid; border-left:0;}
#detail .view_product_tab li { width:304px; height:100%; border-left:#dedede 1px solid; line-height:48px; text-align:center; font-size:16px; cursor:pointer;}
#detail .view_product_tab li:first-child { width:303px;}
#detail .view_product_tab li.active { background:#ed6e03; color:#fff;}

#detail .view_product_photo { width:105%; margin-top:-10px;}
#detail .view_product_photo li { width:298px; margin:10px 10px 0 0; position:relative;}
#detail .view_product_photo li p { float:left; width:100%; overflow:hidden;}
#detail .view_product_photo li .img { width:296px; height:183px; border:#ddd 1px solid;}
#detail .view_product_photo li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#detail .view_product_photo li .name { height:40px; line-height:40px; background:#f5f2ee; text-align:center; font-size:14px; display:none;}
#detail .view_product_photo li:hover .img img { transform:scale(1.05);}
#detail .view_product_photo li:hover .name { background:#ed6e03; color:#fff;}

#detail .view_product_more { width:calc(100% - 1px); height:50px; margin:20px 0; border:#dedede 1px solid; border-left:0;}
#detail .view_product_more li { width:304px; height:100%; border-left:#dedede 1px solid; line-height:48px; text-align:center; font-size:16px;}
#detail .view_product_more li:first-child { width:303px;}
#detail .view_product_more li.active { background:#ed6e03; color:#fff;}

#detail .view_product_moreProduct { width:105%; margin-top:-20px;}
#detail .view_product_moreProduct li { width:295px; margin:15px 15px 0 0; position:relative;}
#detail .view_product_moreProduct li p { float:left; width:100%; overflow:hidden;}
#detail .view_product_moreProduct li .img { width:100%; height:205px;}
#detail .view_product_moreProduct li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#detail .view_product_moreProduct li .name { height:40px; line-height:40px; background:#f5f2ee; text-align:center; font-size:14px;}
#detail .view_product_moreProduct li:hover .img img { transform:scale(1.05);}
#detail .view_product_moreProduct li:hover .name { background:#ed6e03; color:#fff;}

#detail .view_photo_title { width:100%;}
#detail .view_photo_title h1 { float:left; width:100%; margin:-6px 0 16px; text-align:center; line-height:30px; font-size:20px; font-weight:bold; color:#30363a; text-transform:none;}

#detail .view_photo_img { width:100%; margin-bottom:30px; text-align:center; font:0/0 Arial; position:relative;}
#detail .view_photo_img em { display:inline-block; position:relative;}
#detail .view_photo_img img { max-width:100%;}

#detail .view_jobs_title { width:100%;}
#detail .view_jobs_title h1 { float:left; width:100%; margin:-6px 0 16px; text-align:center; line-height:30px; font-size:20px; font-weight:bold; color:#30363a; text-transform:none;}
#detail .view_jobs_title .info { width:100%; height:58px; margin-bottom:30px; border:#bfd0d9 1px dotted; border-left:0; border-right:0; position:relative;}
#detail .view_jobs_title .info p { height:20px; font-size:14px; overflow:hidden; position:absolute; top:50%; margin-top:-10px;}
#detail .view_jobs_title .info .name { width:320px; left:0; text-overflow:ellipsis; white-space:nowrap;}
#detail .view_jobs_title .info .nums { left:370px;}
#detail .view_jobs_title .info .date { left:540px;}
#detail .view_jobs_title .info .down { right:0px; overflow:visible;}
#detail .view_jobs_title .info .down a { padding-right:20px; color:#154a9a; display:inline-block; position:relative;}
#detail .view_jobs_title .info .down a:after { width:13px; height:12px; content:""; background:url(../images/base.png) no-repeat -260px -80px; position:absolute; top:50%; right:0; margin-top:-6px;}
#detail .view_jobs_title .info .down a:hover { color:#ed6e03;}
#detail .view_jobs_title .info .down a:hover:after { background-position:-275px -80px;}
#detail .view_jobs_title .info .down a.none { color:#b5b5b6;}
#detail .view_jobs_title .info .down a.none:after { background-position:-290px -80px;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:9999; transition:all 0.3s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

.pop_video { width:800px; height:450px; background:rgba(255,255,255,0.4); position:absolute; top:50%; left:50%; margin:-240px 0 0 -400px; transition:all 0.3s; transform:translateY(-20px); opacity:0; visibility:hidden;}
.pop_video.open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_video .list { width:100%; height:100%; position:relative;}
.pop_video .list li { position:absolute; z-index:10;}
.pop_video .list .close { width:35px; height:35px; background:rgba(0,0,0,0.6); border:#fff 2px solid; border-radius:100%; top:0; right:-48px; cursor:pointer;}
.pop_video .list .close:before { width:17px; height:17px; content:""; background:url(../images/base.png) no-repeat -144px -84px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.5s;}
.pop_video .list .close:hover { background:#ed6e03;}
.pop_video .list .close:hover:before { transform:rotate(180deg);}
.pop_video .list .play { width:100%; height:100%; background:#000; top:0; left:0;}
.pop_video .list .play video { width:100%; height:100%; position:absolute; top:0; left:0;}
.pop_video .list .title { width:calc(100% - 100px); height:30px; line-height:30px; font-size:16px; color:#fff; bottom:-45px; left:0;}
.pop_video .list .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:20; display:none;}
.pop_video .list .page { width:28px; height:28px; border:#fff 1px solid; font:0/0 Arial; position:absolute; bottom:-45px; z-index:25;}
.pop_video .list .page:before { width:9px; height:17px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; left:50%; margin:-8px 0 0 -5px; transition:all 0.5s;}
.pop_video .list .page:hover { border-color:#ed6e03;}
.pop_video .list .page.prev { right:45px;}
.pop_video .list .page.prev:before { background-position:-170px -80px;}
.pop_video .list .page.prev:hover:before { background-position:-185px -80px;}
.pop_video .list .page.prev.end { border-color:#898989;}
.pop_video .list .page.prev.end:before { background-position:-225px -80px;}
.pop_video .list .page.next { right:0;}
.pop_video .list .page.next:before { background-position:-215px -80px; margin-left:-3px;}
.pop_video .list .page.next:hover:before { background-position:-200px -80px;}
.pop_video .list .page.next.end { border-color:#898989;}
.pop_video .list .page.next.end:before { background-position:-235px -80px;}

.pop_photo { width:100%; text-align:center; font:0/0 Arial; position:absolute; top:50%; left:0; transition:all 0.3s; transform:translateY(-20px); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_photo .list { float:none !important; font:0/0 Arial; position:relative; display:inline-block;}
.pop_photo .list img { position:relative; /*max-height:600px;*/ z-index:10;}
.pop_photo .list li { text-align:center; position:absolute; cursor:pointer; z-index:20;}
.pop_photo .list .close { width:35px; height:35px; background:rgba(0,0,0,0.6); border:#fff 2px solid; border-radius:100%; top:0; right:-48px;}
.pop_photo .list .close:before { width:17px; height:17px; content:""; background:url(../images/base.png) no-repeat -144px -84px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.5s;}
.pop_photo .list .close:hover { background:#ed6e03;}
.pop_photo .list .close:hover:before { transform:rotate(180deg);}
.pop_photo .list .title { width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; bottom:-40px; left:0; cursor:auto;}
.pop_photo .list .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.2) !important; top:0; left:0; z-index:30; display:none;}
.pop_photo .list .page { width:38px; height:38px; background:rgba(0,0,0,0.5); border:#fff 1px solid; border-radius:100%; position:absolute; top:50%; margin-top:-20px;}
.pop_photo .list .page:before { width:9px; height:17px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; left:50%; margin:-8px 0 0 -5px; transition:all 0.5s;}
.pop_photo .list .page:hover { border-color:#ed6e03;}
.pop_photo .list .page.prev { left:-50px;}
.pop_photo .list .page.prev:before { background-position:-170px -80px;}
.pop_photo .list .page.prev:hover:before { background-position:-185px -80px;}
.pop_photo .list .page.prev.end { border-color:#898989;}
.pop_photo .list .page.prev.end:before { background-position:-225px -80px;}
.pop_photo .list .page.next { right:-50px;}
.pop_photo .list .page.next:before { background-position:-215px -80px; margin-left:-3px;}
.pop_photo .list .page.next:hover:before { background-position:-200px -80px;}
.pop_photo .list .page.next.end { border-color:#898989;}
.pop_photo .list .page.next.end:before { background-position:-235px -80px;}