@charset "utf-8";
/*公共部分*/
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
textarea {-webkit-appearance: none;}  
*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Arial, Helvetica, sans-serif;outline:none}
body{height:100%;margin:0 auto;background-color:#fff;font-size:14px;color:#595959}
html{height:100%;overflow-x:hidden}
div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,Table,tr,td{overflow:hidden;font-size:14px}
h1,h2,h3,h4,h5{font-weight:100}
img{border:0;max-width:100%}
ul{list-style:none}
a:link,a:visited{font-size:14px;color:#484848;text-decoration:none;transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
a:hover{font-size:14px;color:#595959;text-decoration:none;transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.all{position:relative;z-index:0;margin:0 auto;width:100%;max-width:550px;min-height:100%;text-align:left}
.clear,.cb{clear:both;height:0px;display:none}
.red{color:red !important}
.blank{height:10px}
.fl{float:left}
.fr{float:right}
.none{display:none}
.cen{text-align:center}
.mb10{margin-bottom:10px}
.ov,.ov *{overflow:visible}
.op0{-moz-opacity:0;-khtml-opacity:0;opacity:0}
.op05{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.op1{-moz-opacity:1;-khtml-opacity:1;opacity:1}
.transparent{-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.hd,.hd *{overflow:hidden}
.od{overflow:hidden;display:block}
.loading{position:absolute;z-index:999;left:0;top:0;width:100%;height:100%;padding-top:50px;text-align:center}
.load{width:100%;height:100%;padding-top:50px;background:url(../images/loading.gif) center no-repeat;text-align:center}
.no_transition,.no_transition *,.no_transition a,.no_transition a:link,.no_transition a:visited,.no_transition a:hover,.no_transition a:active{transition-property:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.transition,.transition *,.transition a,.transition a:link,.transition a:visited,.transition a:hover,.transition a:active,.transition a *{transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
table{border-collapse:collapse;border-spacing:0}
td{padding:1px;border-width:1px;border-style:solid}
.bz{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
.ib{display:inline-block}
/*header*/
header{position:relative;z-index:0;width:100%;padding:10px 0;border-top:12px solid #f1d623;text-align:center}
header img{max-width:80%;margin:0 5%}
/*nav*/
nav{position:fixed;z-index:999;top:0;left:-50%;width:50%;height:100%;overflow:scroll;overflow-x:hidden;overflow-x:auto;background:#e6b31a}
nav a{width:90%;margin:0 5%;border-bottom:1px solid #fff;line-height:300%;font-size:14px;color:#fff !important}
nav a.sub{line-height:220%;text-indent:10%;font-size:12px}

.navs{width:100%;background:url(../images/nav_line.jpg) no-repeat;box-sizing:border-box;height:74px;background-size:100% 100%}
.navs a{width:33.333333%;height:37px}
.navs a span{width:100%;height:37px;text-align:center;line-height:37px;font-size:14px;color:#fff}
.navs a:nth-child(1),.navs a:nth-child(4){width:33.5%}
.navs a:nth-child(2),.navs a:nth-child(5){width:33%}
.navs a:nth-child(3),.navs a:nth-child(6){width:33.5%}
/*focus*/
.focus{overflow:hidden;position:relative;z-index:0;width:100%}
.swipe{overflow:hidden;visibility:hidden}  
.swipe .swipe-wrap{overflow:hidden;position:relative}  
.swipe .swipe-wrap > .wrap{float:left;width:100%;position:relative}
.swipe .swipe-wrap > .wrap img{display:block}
#slider{display:block;max-width:550px;margin:0px auto}
#position{position:absolute;z-index:999;left:0;bottom:5px;border:0;width:100%;text-align:right}  
#position li{display:inline-block;width:12px;height:12px;background-color:#fff;border-radius:50%;margin-right:5px}  
#position li.on{background-color:#b3c3d0}
.focusBottom{width:100%}
/*footer*/
footer{width:100%;padding:13px 5%;box-sizing:border-box;background-color:#59485b;text-align:center;line-height:28px;font-size:14px;color:#fff}
footer *{text-align:left;font-size:14px;color:#fff}
footer a{font-size:14px;color:#fff !important}
/*index*/
.index1{width:100%;padding-bottom:20px;background:url(../images/index2.gif)}
.index1 .top img{max-width:44%;margin:20px auto}
.index1 .list1{width:100%;margin-bottom:14px}
.index1 .list1 li{width:49%}
.index1 .list1 li:nth-child(2n+2){margin-left:2%}
.index1 .list1 .img,.index1 .list1 img{width:100%;height:120px}
.index1 .name{width:100%;height:28px;text-align:center;line-height:28px;font-size:14px;color:#333}
.index1 .list2{width:100%}
.index1 .list2 li{width:50%}
.index1 .list2 a{position:relative;z-index:0;display:block;width:100%}
.index1 .list2 .hide{position:absolute;z-index:999;top:10px;left:0;display:block;width:100%;text-align:center}
.index1 .list2 .name{display:none !important;width:100%;text-align:center;line-height:28px;letter-spacing:2px;font-size:16px;color:#fff}
.index1 .list2 .des{margin-top:3px;height:24px;padding:0 15px;background-color:#f0969f;border:1px solid #fff;border-radius:8px;line-height:24px;font-size:12px;color:#fff}
.index2{width:100%;padding:20px 2%;background:url(../images/index2.gif)}
.index2 .top{width:100%;margin-bottom:15px;text-align:center}
.index2 .top img{max-width:96%;margin:0 auto}
.index2 dl{width:100%}
.index2 .classname{position:relative;z-index:0;width:100%;height:24px;padding-bottom:1px;background:url(../images/line.gif) left bottom repeat-x;line-height:24px;font-size:14px;color:#000}
.index2 .classname a{position:absolute;z-index:999;right:0;top:0;font-size:12px;color:#262626}
.index2 .img{width:100%;height:177px;margin-top:6px;margin-bottom:16px}
.index2 .img img{width:100%;height:177px}
.index2 .list{position:relative;z-index:0;width:100%;height:32px;padding-bottom:1px;background:url(../images/line.gif) left bottom repeat-x;line-height:32px;font-size:14px}
.index2 .list:last-child{background:none}
.index2 .list span{position:absolute;z-index:999;top:0;right:0;font-size:12px;color:#000}
.index2 .list:hover span{color:#de726c}
.index2 .line{width:100%;height:11px;margin-top:14px;background-color:#e4771c}
.index3{width:100%;padding:20px 2% 10px 2%}
.index3 .top{width:100%;margin-bottom:15px;text-align:center}
.index3 .top img{max-width:96%;margin:0 auto}
.index3 .list{width:100%}
.index3 .list li{width:49%;margin-bottom:10px}
.index3 .list li:nth-child(2n+2){margin-left:2%}
.index3 .list .img{width:100%}
.index3 .list img{width:100%}
.index4{padding:10px 2%;background-color:#e6b31a}
.index4 .wrapper{padding:10px;border:4px solid #fff}
.index4 .cases{width:100%}
.index4 .cases .h1{margin-bottom:10px;line-height:31px;text-indent:13px;font-size:16px;color:#fff;font-weight:bold}
.index4 .cases .h1 a:link,.index4 .cases .h1 a:visited,.index4 .cases .h1 a:hover{font-size:19px;color:#fff;font-weight:bold}
.index4 .cases .topCase{width:100%;margin-bottom:20px}
.index4 .cases .topCase .img{overflow:hidden;width:35%;margin-top:6px;border:2px solid #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px}
.index4 .cases .topCase img{width:100%}
.index4 .cases .topCase .text{width:60%}
.index4 .cases .topCase .title{margin-top:5px;height:22px;line-height:22px;overflow:hidden;font-size:14px;color:#fff;font-weight:bold}
.index4 .cases .topCase .body{width:100%;max-height:20px;line-height:20px;font-size:12px !important;color:#545454}
.index4 .cases .topCase .a:hover .title{color:#666}
.index4 .cases .topCase .a:hover .body{color:#000}
/*other*/
.otherMain{width:100%;padding:0 3% 15px 3%}
.otherMain .border{overflow:hidden;width:100%}
.currentPosition{position:relative;z-index:0;overflow:hidden;margin:10px 0 7px 0;margin-top:10px;border-bottom:2px solid #d0c0a7;line-height:42px;font-size:13px;color:#59475b}
.currentPosition a{font-size:13px;color:#59475b}
.mh{position:relative;z-index:0;width:100%;height:42px;margin-bottom:10px;border-bottom:2px solid #d0c0a7;line-height:42px;text-indent:2px;font-size:16px;color:#59475b}
.sorts{width:100%;margin-top:10px}
.sorts a{width:32%;height:34px;margin-right:2%;margin-bottom:10px;background-color:#fff;border:1px solid #5a495c;text-align:center;line-height:34px;font-size:14px;color:#303030}
.sorts a:nth-child(3n){margin-right:0}
.sorts .active{background-color:#e6b31a;border:0;font-size:14px;color:#fff}
.articleTitle{overflow:hidden;width:100%;background:url(../images/line.gif) left bottom repeat-x;text-align:center;line-height:26px;font-size:16px;color:#000;padding:10px 0}
.articleTime{width:100%;text-align:center;line-height:38px;font-size:12px;color:#000}
.articlePage{width:100%;padding-top:15px;border-top:1px solid #e7e7e7;line-height:25px;font-size:12px;color:#ea5413}
.articlePage h1{line-height:25px;font-size:12px;color:#ea5413}
.content{padding:10px 0}
.content img{height:auto !important;max-width:100% !important;display:block !important;float:none !important}
.content iframe{width:100% !important;height:200px !important;box-sizing:border-box}
.content *{text-align:left !important;font-size:14px !important;line-height:180% !important}
.content td{padding:5px !important}
.content table{width:100% !important}
.contentTitle{position:relative;z-index:0;display:block;width:100%;height:45px;margin-bottom:10px;border-bottom:1px solid #d7d7d7;line-height:45px;font-size:14px;color:#303030}
.back{line-height:43px}
.back a:link,.back a:visited,.back a:hover{font-size:14px;color:#000}
/*新闻列表*/
.newslist{margin-top:7px}
.newslist li{padding:12px 0;background:url(../images/line.gif) left bottom repeat-x}
.newslist li:last-child{background:none}
.newslist .text{width:60%}
.newslist .title{height:29px;line-height:29px;font-size:16px;font-weight:bold;color:#59485b}
.newslist .body{max-height:72px;line-height:24px;font-size:14px;color:#474343}
.newslist .img{overflow:hidden;width:35%}
.newslist img{overflow:hidden;width:100%}
.newslist .a:hover .title,.newslist .a:hover .body{color:#7e8ea8}

.productslist{}
.productslist li{padding:12px 0;background:url(../images/line.gif) left bottom repeat-x}
.productslist li:last-child{background:none}
.productslist .img{overflow:hidden;width:32%}
.productslist img{width:100%}
.productslist .a:hover .img{border-color:#59485b}
.productslist .a:hover .title,.productslist .a:hover .body{color:#7e8ea8}
.productslist .text{width:62%}
.productslist .title{height:28px;line-height:28px;font-size:17px;font-weight:bold;color:#59485b}
.productslist .body{max-height:48px;margin-top:2px;line-height:24px;font-size:12px;color:#474343}
.productslist .classname{width:372px;height:24px;margin-top:10px;padding-top:5px;font-size:14px;color:#7e8ea8}

.caselist{}
.caselist li{width:100%}
.caselist .img{overflow:hidden;width:35%}
,.caselist img{owidth:100%}
.caselist .a:hover .title,.caselist .a:hover .body{color:#7e8ea8}
.caselist .text{width:60%;padding:0 2%;background-size:auto 80%}
.caselist li.even .text{padding-right:0;background-size:auto 80%}
.caselist .title{height:29px;line-height:29px;font-size:14px;font-weight:bold;color:#59485b}
.caselist .body{margin-top:2px;max-height:24px;line-height:24px;font-size:12px;color:#474343}
.caselist .classname{width:10%;height:24px;margin-top:23px;padding-top:10px;background:url(../images/horse.gif) no-repeat;text-indent:44px;font-size:14px;color:#7e8ea8}
.caselist .more{width:96px;height:26px;margin-top:30px;background-color:#7e8ea8;text-indent:26px;font-size:14px;color:#fff}

.picslist{width:100%;margin:5px 0 0}
.picslist li{overflow:hidden;float:left;width:48.5%}
.picslist li:nth-child(2n+2){margin-left:3%}
.picslist .pic{width:100%;height:100px;border:1px solid #d4d4d4;text-align:center;line-height:100px}
.picslist img{width:100%;vertical-align:middle;margin-top:-5px}
.picslist a:hover img{border-color:#2e33a9}
.picslist .blank{width:100%;height:18px}
.picslist .title{overflow:hidden;display:block;width:100%;height:28px;text-align:center;line-height:28px;font-size:12px;color:#333}
.picslist a:hover .title{color:#2e33a9}


/*分页*/
.pages{overflow:hidden;width:100%;padding:10px 0 0;text-align:center;line-height:24px;font-size:14px;color:#333}
.pages a,.pages span{display:inline-block;**zoom:1;height:24px;margin-right:2px;padding:0 5px;border:1px solid #ccc;line-height:24px}
.pages a.active{background-color:#ff94a4;color:#fff}
