/*

浅绿 #92c848
深绿 #79a63b

淡蓝 #0c60be
深蓝 #0a51a1

浅灰 #515151
深灰 #393939

*/

.h60 { width:100%; height:60px;}
.h65 { width:100%; height:65px;}
.h120 { width:68%; height:120px; margin:0 auto; background:url(/upload/bg_top.jpg) right bottom no-repeat;}
.h145 { width:100%; height:113px;}
.h150 { width:100%; height:150px;}
.h175 { width:100%; height:175px;}


.wrapper {}

.autow { width:auto; max-width:100%;}
img { margin:0; padding:0; border:0;}
.tc { text-align:center;}


/* header */

.header { width:222px; background:url(/upload/bg_dh2.png) center top repeat-y; position:fixed; z-index:99; left:4%; top:0;} /* background:url(/upload/bg_dh2.png) center top repeat-y;   background:rgba(255,255,255,.8); */
.header2 {width:222px; background:url(/upload/bg_dh4.png) center top no-repeat; }
.logo {}
.logo a{ height:420px; display:block; text-align:center; padding:10px 0;}
.logo img{ visibility:hidden;}

.tel_head { width:100%; height:60px; margin-top:20px; display:none;}
.tel_head a{ width:100%; height:60px; display: block; background:url(/upload/map.png) 64px center no-repeat;}
.tel_head a i{ display:none;}

.logo_head2 { height:154px; text-align:center; position:absolute; bottom:20px; margin-left:40px;}
.logo_head2 .lh1 { height:122px;}
.logo_head2 .lh1 img{ width:120px; height:120px; border:1px solid #aaa;}
.logo_head2 .lh2 { padding-top:10px; height:22px; line-height:22px; color:#444;}

/* 会员 */
    #index_prolist { text-align: right; color: #666; font-size: 12px; padding: 5px 0 0 0;}
    #index_prolist .a-login { color: #b8432a; padding: 0 0 0 5px;}
    #index_prolist .sp1 { color: #333; }
    #index_prolist .sp2 { color: #b8432a; }
    #index_prolist .a1 { color: #333; }
    #index_prolist .a2 { color: #333; }

/* 会员end */

.main { border-top:1px #CCC dotted;}

#particles-js{ background:#f1f1f1;}/*  width: 100%; height: 100%; background-color: #fff; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position:fixed; left:0; top:0; z-index:1;  */


.pagenavi1 { padding:60px 0; color:#fff; text-align:center;}
.pagenavi1 span{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#333; background:#eee;}
.pagenavi1 a{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#fff; background:#C48D5C;transition:background 0.3s linear,color 0.3s linear;}
.pagenavi1 a:hover{ background:#453327; color:#fff;}

.banner_l{ width:100%; height:500px; overflow:hidden; color:#fff; text-align:center; background-attachment:fixed; background-position:center top; background-repeat:no-repeat;}
.banner_l h3{ font-size:24px; line-height:40px; margin-top:200px;}
.banner_l p{ font-size:16px; line-height:24px;}

.banner_newslist { background-image:url(/upload/banner_newslist.jpg)  ;}
.banner_about {  background-image:url(/upload/banner_about.jpg)  ;}
.banner_zs {  background-image:url(/upload/banner_zs.jpg)  ;}
.banner_caselist { background-image:url(/upload/banner_about.jpg)  ;}
.banner_gbook { background-image:url(/upload/banner_gbook.jpg)  ;}

.title_l , .title_l a{ font-size:12px; color:#999; line-height:30px;}

/* about */
.aboutl { border-top:1px dotted #ccc;}
.cnt_about { width:100%; padding:50px 0 30px 0;}
.cnt_about img{ width:auto; max-width:800px;}
.cnt_about p{ margin-bottom:10px;}

/* news */
.cntlist { padding:70px 0 30px 0; }
.cntlist ul{}
.cntlist ul li{ float:left; width:30%; height:px; display:inline; margin:0 2% 20px 0; overflow:hidden; background:#f8f8f8;position:relative;transition:transform 0.3s linear,box-shadow 0.3s linear;-webkit-transition:-webkit-transform 0.3s linear,box-shadow 0.3s linear;-moz-transition:-moz-transform 0.3s linear,box-shadow 0.3s linear;}
.cntlist ul li:hover{transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
box-shadow:3px 3px 4px #ccc;}

.cntlist ul li .pic{ width:100%; height:210px; overflow:hidden;}
.cntlist ul li .pic img{ width:100%; height:auto; cursor: pointer; transition: all 0.6s; }
.cntlist ul li .pic img:hover{transform: scale(1.2);}  
.cntlist ul li h3{ padding:0 15px;}
.cntlist ul li h3 a{ font-size:14px; line-height:26px; padding:30px 0 10px 0; display:block; text-align:left; color:#333; font-size:18px;}
.cntlist ul li h3 a:hover{ color:#0a51a1;}
.cntlist ul li .cntdesc{ height:58px;; overflow:hidden; padding:0 15px; color:#666; font-size:14px; line-height:18px; text-indent:2em;}
.cntlist ul li .cntother{ height:auto; overflow:hidden; padding:10px 15px 10px 15px; font-size:12px; color:#aaa; }
.cntlist ul li .cntother .fl{}
.cntlist ul li .cntother .fr{}
.cntlist ul li.cntlist3 , .cntlist ul li.cntlist6 , .cntlist ul li.cntlist9 , .cntlist ul li.cntlist12 , .cntlist ul li.cntlist15{ margin-right:0;}


/* pro */
.menu_pro { text-align:center; padding:100px 0 10px 0; }
.menu_pro a{ font-size:14px; line-height:24px; color:#666; font-family: bentonsans-thin,arial; padding:0 3px; margin-left:12px;}
.menu_pro a:hover , .menu_pro a.currentNav{ color:#A82F24 ; font-weight:600; }
.menu_pro #mct1{ margin-left:0;}

#prolist { padding-top:50px;}


/* foot */
.wxcode { width:116px; height:140px; position:absolute; padding:6px 6px 2px 6px; background:#fff; border-radius:4px; box-shadow:0 0 4px #666; margin:-160px 0 0 -5px; text-align:center; filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.wxcode img{ width:116px; height:116px;}
.wxcode p{ line-height:22px; text-align:center; font-size:12px;}
.wxcode:after {position: absolute;content: '';display: block;background: #fff;width: 12px;height: 12px;margin:-3px 0px 0px 54px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

.mapframebg { width:100%; position:fixed; z-index:150; background:rgba(0,0,0,.9); left:0; top:0;}
.mapframe { width:900px; height:600px; padding:20px; background:#333; position:fixed; left:50%; top:50%; margin:-310px 0 0 -460px; z-index:200; border-radius:5px;}
.close2 { background:url(/upload/close2.png) center top no-repeat rgba(0,0,0,.5); border-radius:50%; background-size:30px; width:30px; height:30px; position:absolute; display:block; float:right; margin:0 0 0 870px;}



.foot_contact { padding:70px 0; background:#0a51a1; transition: 0.1s linear;}
.ft1 h4{margin: 0; font-size:20px; font-weight:bold; color:#fff;display: inline-block;position: relative;top: 3px;white-space: nowrap; line-height:44px;}
.ft1 a{ color:#fff; border:2px solid rgba(255, 255, 255, 0.1); line-height:20px; padding:8px 15px; border-radius:17px; -webkit-transition: 0.1s linear;-moz-transition: 0.1s linear; margin-left:10px;}
.ft1 a:hover{ border-color: rgba(255, 255, 255, .5);}
.ft1 a span{ line-height:20px; }

.foot { color:#333;}
.link { height: auto; overflow: hidden; padding: 73px 0 78px; }
.link dl { float: left; width: 182px; height: 220px; padding-left: 13px; border-left: 1px solid #484848; }
.link dt { font-size: 14px; font-weight: bold; line-height: 26px; }
.link dt a { display: block; color: #fff; }
.link dt a:hover { color: #ccc; }
.link dd { height: auto; overflow: hidden; margin-top: 16px; }
.link dd a { display: block; height: 30px; line-height: 30px; color: #ccc; }
.link dd a:hover { color: #ddd; }

.linkList { float: left; }
.footService { float: right; width: 202px;}
.footTit { height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; border: 1px solid #484848; }

.footService ul li { float: left; position: relative; text-align: center; margin: 0 0 0 52px; padding-top: 32px; position: relative; }
.footService ul li:first-child { margin-left: 0; }
.footService ul li > a { display: block; color: #666; line-height: 34px; width: 32px; }
.footService ul li > a img { width: 32px; height: 32px; }
.footService ul li > a:hover { color: #ccc; }
.footService ul li > a:hover img { filter: alpha(opacity=70); opacity: 0.7; }
.footService ul li .sub { position: absolute; left: -37px; bottom: 75px; background-color: #fff; display: none; }
.footService ul li .sub:after { position: absolute; width: 0; height: 0; content: ''; display: block; bottom: -5px; left: 50%; margin-left: -3px; border-top: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.footService ul li .sub .item { width: 100px; border-top: 1px solid #e4e5e5; text-align: center; font-size: 14px; color: #555; height: 46px; line-height: 46px; }
.footService ul li .sub .item a { color: #555; }
.footService ul li .sub .item:first-child { border-top: none; }
.footService ul li .sub .item:hover { background-color: #fc9c20; color: #fff; }
.footService ul li .sub .item:hover a { color: #fff; }

.ewm { position: absolute; left: -43px; top: -95px; z-index: 5; display: none; width: 120px; height: 126px; background: url(/upload/code.png) no-repeat 0 0; }

.copyright { position:relative;height: auto; overflow: hidden; font-size: 12px; color: #666; line-height: 20px; text-align: left; font-family: Arial; padding: 10px 0; border-top: 1px dotted #ccc; }
.copyright a { display: inline-block; color: #666; }
.copyright a:hover { color: #666; }

.shareCon { position: fixed; z-index: 888; bottom: 0; left: 0; display: none; width: 100%; height: 100%;}
.shareCon .bg { position: absolute; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.shareRoundIcons {position: fixed; z-index: 300; bottom: 0; left: 0; box-sizing: content-box; width: 100%; height: 60px; padding: 28px 0; background-color: #fff; text-align:center; }
.bdshare-button-style0-32 a{ float:none !important; display:inline-block !important; margin:14px 5px 0 !important;}


/* submsg */
.opentab { width:60px; height:60px; position:fixed; z-index:200; right:5px; bottom:5px;}
.opentab a{ width:60px; height:60px; background:url(/upload/gotop.png) left top no-repeat; display:block;}
.opentab a:hover{background:url(/upload/gotop.png) left -60px no-repeat;}
.bg_subtab { width:100%; background:url(/upload/p40x65_2.png); position:fixed; z-index:99; left:0; top:0;}
.subtab { width:780px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-390px; background:#fff; z-index:100; font-size:14px; font-family:"微软雅黑", "宋体", Arial;}
.tab_title { line-height:60px; text-indent:20px; background:#C48D5C; color:#fff;}
.tab_cnt { height:auto; overflow:hidden; padding:40px 20px; background:url(/upload/code2.png) 550px -10px no-repeat;}
.tab_cnt img{ height:10px; padding:12px 4px; background:#dde8fc; margin-left:4px;}
.tab_sublist { margin-bottom:16px;}
.ipt1{width: 500px;height: 32px;padding:0px 12px;background-color: #fff;border: 1px solid #ccc;border-radius: 1px; font-size:12px; line-height:32px; color:#555;}
.ipt2 { height:120px; vertical-align:top; line-height:18px; padding-top:6px;}
.ipt3 { width:100px;}

input::-webkit-input-placeholder {color: #999;font-size: 12px;}
.int3 { width:333px; height:34px; background:#C48D5C; color:#fff; text-align:center; line-height:32px; font-size:12px; border:none; border-radius:1px; margin-left:15px;}
#closetab { width:60px; height:60px; display:block; float:right; background:url(/upload/close.png) -60px top no-repeat;}
#closetab:hover{background:url(/upload/close.png) left top no-repeat;}

/* 客服 */
.advrb {width: 60px;height: 60px;position: fixed;_position: absolute;right: 5px;bottom:67px; z-index:999;}
#gotop #weixin {width: 60px;height: 60px;}
#gotop {width: 60px;height: 60px;display: block;background: url(/upload/gotop.png) -60px top no-repeat;}
#gotop:hover {background: url(/upload/gotop.png) -60px -60px no-repeat;}



/*newsdetail*/
.goback{ height:28px; padding-bottom:10px; }
.goback a{ width:60px; height:28px; line-height:28px; background:url(../img/p11x12.png) 10px 8px no-repeat #808080; padding-left:25px; padding-right:10px; font-size:14px; color:#fff; border-radius:4px; display:block; float:left;}
#newsdetail { padding:80px; width:920px; margin:50px auto 10px auto; height:auto; overflow:hidden;  color:#333; line-height:1.8;}
#newsdetail .content h2.ttl{ font-size:30px; padding:20px 0 30px 0;}
#newsdetail .content h2.ttl span{ border-bottom:2px solid #666; height:auto; overflow:hidden; padding-bottom:4px;}
#newsdetail .content .posts{ font-size:14px;}
#newsdetail .content .posts img{ max-width:900px; padding:5px 0;}
#newsdetail .content .posts p{margin:10px 0;}
#newsdetail .content .posts .pages{ width:100%; height:auto; overflow:hidden; padding:20px 0; text-align:center; color:#FFF;}
#newsdetail .content .posts .pages span{ border-radius:4px; padding:5px 10px; margin:0 5px; overflow:hidden; color:#fff; background:#ddd;}
#newsdetail .content .posts .pages a{ border-radius:4px; padding:5px 10px; margin:0 5px; overflow:hidden; color:#eee; background:#b3b3b3;transition:background 0.3s linear,color 0.3s linear;}
#newsdetail .content .posts .pages a:hover{ background:#f1f1f1; color:#808080;}

.nddata { width:440px; height:40px; overflow:hidden; color:#999; }
.nddata span{ margin-right:10px;}


/* gbook */
#messagelist { width:45%; margin-left:5%;}
.input { padding:3px 0;}
#messagelist .info{ color:#f00; margin-left:5px;}
#messagelist .input-text{ width:98%; height:40px; line-height:40px; text-indent:2em; border:1px solid #f1f1f1; border-radius:4px; color:#333; background:#fff;}
#messagelist .textarea-text {width:98%; height:40px; line-height:40px; text-indent:2em; border:1px solid #f1f1f1; border-radius:4px; color:#333; background:#fff;}
#messagelist .submit{width:98%; height:40px; line-height:40px; text-indent:2em; border:1px solid #f1f1f1; border-radius:4px; color:#fff; background:#333; font-size:16px;}
.ctitle { font-size:24px; line-height:30px; margin-bottom:20px;}
.lxxx { width:45%; height:auto; overflow:hidden; font-size:16px; color:#555; line-height:2;}
.lxxx h2{ font-size:24px; line-height:30px; margin-bottom:20px; color:#333;}
/* end */

/* 渐进 */
.active .danru11{-webkit-animation:fadeInUp 1s 0.2s ease both;-moz-animation:fadeInUp 1s .2s ease both;}
.active .danru12{-webkit-animation:fadeInUp 1s 0.4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.active .danru13{-webkit-animation:fadeInUp 1s 0.6s ease both;-moz-animation:fadeInUp 1s .6s ease both;}
.active .danru14{-webkit-animation:fadeInUp 1s 0.8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}
.active .danru15{-webkit-animation:fadeInUp 1s 1.0s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.active .danru16{-webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;}
.active .danru17{-webkit-animation:fadeInUp 1s 1.4s ease both;-moz-animation:fadeInUp 1s 1.4s ease both;}
.active .danru18{-webkit-animation:fadeInUp 1s 1.6s ease both;-moz-animation:fadeInUp 1s 1.6s ease both;}
.active .danru19{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;}
.active .danru20{-webkit-animation:fadeInUp 1s 2.0s ease both;-moz-animation:fadeInUp 1s 2s ease both;}

@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}




@media only screen and (max-width: 1366px) {

}

/*max-width: 1280px*/
@media only screen and (max-width: 1440px) {

.box { margin:0 0 0 25%;}
/*
.logo a { height:100px; padding:50px 0;}
.logo img { visibility:visible;} 
.header2 {width:222px; background:none; }
*/
.logo a { height:340px; padding:10px 0;}
.logo img { visibility: hidden;} 
.header2 { background: url(/upload/bg_dh4.png) center top no-repeat; background-size:70% auto; }

.cntlist ul li .pic { height:144px;}
.cntlist ul li h3 a { padding:10px 0;}

.cntlist ul li .cntdesc { height:80px;}
#messagelist {}









}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 640px){

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 320px) {

}