@font-face {
    font-family: GothamBold;
	src: url("../fonts/Gotham-Bold.otf") format("opentype");
    src: url("../fonts/Gotham-Bold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("../fonts/Gotham-Bold.woff") format("woff"), /* Modern Browsers */
         url("../fonts/Gotham-Bold.ttf")  format("truetype"), /* Safari, Android, iOS */
         url("../fonts/Gotham-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
}

/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;font-size: 17px;}
body{ /*font-size:12px;*/ font-family:" "; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px; margin:0 auto;}
html{font-size:100% !important; /* 10÷16=62.5% */} 
body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */} 
/*@media only screen and (min-width: 481px){
    html {
        font-size: 94%!important;  15.04÷16=94% 
    }
}*/
/*@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important;  17.44÷16=109% 
    }
}*/
@media only screen and (min-width: 768px){
    html {
        font-size: 125%!important; /* 20÷16=125% */

    }
}


.top{width:100%; height:110px;z-index: 6;position: fixed; top: 0px; left:0; background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);  }
.top .box{ position:relative; height:110px;}
.logo{ float:left;width:20%;height:100%; margin-left: 2%; position:relative;}
.logo img{ max-width:100%; max-height:95%; position:absolute; z-index:666; top:0; right:0; bottom:0; left:0; margin:auto 0;}

.menu{float:right; height: 50px;line-height: 50px; width: 78%; margin-top:60px; }
.menubg{ position:absolute; width:100%; height:480px; background:#fff; top:110px; display:none; left:0;}
.menu ul{ text-align:right;}
.menu ul li{ display:inline-block; position:relative; margin:0 10px;}
.menu ul li a.on{ color:#ca1f1f; background:url(../images/menubg1.png) bottom center no-repeat;}
.menu ul li dl{ background:none; width:100%; position:absolute; left:0px; top:50px; display:none; padding-top:10px;}
.menu ul li dl dd{/*border-bottom:#ddd dotted 1px;*/}
.menu ul li dl dd a{ font-size:14px; color:#666; display:block; padding:0; text-align:center; line-height:37px; }
.menu ul li dl dd a:hover{ color:#ff0404;/*background:#CCC; */border:none;}
.menu a{ font-size:16px;color:#000; text-decoration:none;display:block;text-align:center; padding:0 10px;}
a.menu_hover{ color:#ca1f1f; background:url(../images/menubg1.png) bottom center no-repeat;}


.nav {margin:0px;width:100%;float:left;background:#fff;z-index: 999;position: relative;display:none;}
.nav-item { float:left;list-style:none;zoom:1;width:100%;margin:0px;padding:0px;text-align: center;}
.nav-item a {display:block;font-weight:800;padding: 10px 0px;text-transform: uppercase;/*border-top: 1px ridge #723516;*/color:#252525;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear;font-size: 15px;}
.nav-item a:hover {color:#900;}
.nav-mobile { cursor: pointer;position:fixed;z-index: 999;background:url(../images/nav_logo.png) 0px 0px no-repeat;height:34px;width: 32px; top:8px; right:8px; display:block;}
.nav-list {width:100%;height:100%;padding-bottom: 50%;float:left;display:none;position: relative;z-index: 999;}
.nav ul{/*padding-top:2%;*/}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}


/*---------------------------轮换图片-------------------------------*/
.slide_container { position: relative;float: left;width: 100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/

.bannerbg{ position:relative; margin-top:110px;}
.scroll_01{ width:100%; position:absolute; z-index:5; top:40%; left:0;}
.scroll_01 .bd{ max-width:90%; margin:0 auto;}
.scroll_01 .bd ul li{ text-align:center; font-size:72px; font-size:3.6rem; color:#fff; line-height:1.5em; max-height:3em; overflow:hidden;}


.biaoti1{text-align:center;}
.biaoti1 h2{ font-weight:600; font-size: 32px; font-size:1.6rem; color:#7f7f7f; line-height:1.5em; letter-spacing: 4px; font-family:" "; }
.biaoti1 span{ font-weight:normal; display:block; font-size: 52px; font-size:2.6rem ; line-height:1.5em; color:#ff0404; font-family: GothamBold;}

.biaoti4{ text-align:center;}
.biaoti4 h2{ font-size: 36px; font-size:1.8rem; color:#ff0404; line-height:1.5em;}
.biaoti4 h2 img{ vertical-align:middle; max-height:48px;}
.biaoti4 h2 b{ font-weight:600;}
.biaoti4 span{ font-weight:normal; display:block; font-size: 24px; font-size:1.2rem; line-height:1.5em; color:#7f7f7f; margin-top:5px;}



.con1bg{ padding:100px 3%; overflow:hidden;}
.con1{ max-width:1200px; margin:0 auto;}
.con1 ul{}
.con1 ul li{ float:left; width:46%; margin:50px 2% 0 2%;}
.con1 ul li .al{ float:left; width:11%;}
.con1 ul li .al table{ border-spacing:0;}
.con1 ul li .al td{ vertical-align:middle; height:54px;}
.con1 ul li .al img{ max-width:100%;}
.con1 ul li .ar{ float:right; width:88%; color:#252525;}
.con1 ul li .ar h3{ font-weight:normal; font-size:24px; font-size:1.2rem; line-height:2em; height:2em; overflow:hidden;}
.con1 ul li .ar span{ display:block; font-size:16px; font-size:.8rem; line-height:2em; height:6em; overflow:hidden; margin:1% 0;}
.con1 ul li .ar a{ color:#7f7f7f; font-size:16px; font-size:.8rem;}
.con1 ul li .ar a:hover{ color:#ff0404;}


.con5bg{ padding:100px 0; overflow:hidden; background:#fbfbfb;}
.con5{}
.con5 .main{ margin-top:50px;}
.con5 .main h3{ font-weight:normal; font-size:24px; font-size:1.2rem; line-height:2em; text-align:right;}
.con5 .main h3 a{}
.con5 .main h3 a:hover{ color:#ff0404;}
.con5 ul{}
.con5 ul li{/* float:left; width:48%; margin:10px 1% 0 1%;*/ position:relative;}
.con5 ul li img{ width:100%; display:block; cursor:pointer;}
.con5 ul li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.con5 ul li .txt{ position:absolute; width:100%; height:100%; top:0; left:0; display:none; color:#ffffff;}
.con5 ul li:hover .txt{ display:block;}
.con5 ul li .txt table{ border-spacing:0; height:100%;}
.con5 ul li .txt table td{ width:100%; height:100%; text-align:center; vertical-align:middle;}
.con5 ul li .txt h2{ font-weight:normal; font-size:42px; font-size:2.1rem; /*line-height:2em; height:2em;*/ overflow:hidden; font-family: GothamBold; margin-bottom: 8px;}
.con5 ul li .txt p{ padding:0; font-size:24px; font-size:1.2rem; /*line-height:0.5em; height:3em;*/ overflow:hidden;}



.con7bg{ padding:100px 0; overflow:hidden;}
.con7{}
.con7 .main{ margin-top:50px;}
.con7 .main img{ width:100%;}
/*.con7 ul{}
.con7 ul li{ float:left; width:23%; margin:1% 1% 0 1%; text-align:center;}
.con7 ul li img{ max-width:100%;}*/


.con8{ padding:100px 0; height:600px; overflow:hidden;}
/*.c8_l{ float:left; width:50%; text-align:center; padding-top:10%;}
.c8_l img{ max-width:100%;}*/
.c8_r{ float:right; width:50%;/* background:url(../images/op0.5.png) repeat; color:#fff;*/ padding:0;}
.c8_r .biaoti1{ text-align:left;}
.c8_r .main{ margin-top:30px;}
/*.c8_r h2{ font-size:60px; line-height:2em;}*/
.c8_r p{ padding:0; font-size:16px; font-size:.8rem; line-height:1.5em; color:#7f7f7f;}
.c8_r p span{ display:block;}


.con6bg{ overflow:hidden; padding:100px 0;}
.con6{ max-width:952px; margin:0 auto; box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
.con6 .tit{ text-align:center; color:#fff; background:#ff0404; padding:30px 0;}
.con6 .tit h2{ font-weight:600; font-size: 36px; font-size:1.8rem; line-height:1.5em;}
.con6 .tit h3{ font-weight:normal; font-size: 24px; font-size:1.2rem; line-height:1.5em; }
.con6 .main{ padding:30px 5% 100px 5%; position:relative;}
.con6_lt{ float:left; width:38%; padding-top:31px;}
.con6_lt ul{ padding:0 25%;}
.con6_lt ul li{ float:left; width:48%; margin:0 1%; text-align:center; position:relative;}
.con6_lt ul li a>img{ max-width:100%; opacity:0.9;}
.con6_lt ul li a>img:hover{ opacity:1;}
.con6_lt ul li .ewm{ background:#fff; width:100px; height:100px; position:absolute; top:50px; left:0; display:none;}
.con6_lt ul li:hover .ewm{ display:block;}
.con6_lt ul li .ewm img{ width:100px; height:100px;}
.con6_rt{ float:right; width:60%; text-align:right;}
.con6_rt ul li{ font-size:20px; font-size:1.0rem; line-height:1.5em;}
.con6_rt ul li b{ font-weight:normal; /*font-family:Impact;*/ font-family: GothamBold; font-size:24px; font-size:1.2rem;}
.con6_rt ul li a:hover{ color:#ff0404;}
.con6_wz{ width:152px; height:152px; position:absolute; bottom:-76px; left:42%;}
.con6_wz img{ width:152px; height:152px;}
/*.con6 .top6{ height:100px; padding:50px 0; background:#fc101e; color:#fff; line-height:100px;}
.con6 .top6 h4{ font-weight:normal; font-size:60px;}
.con6 .top6 h4 img{ height:100px; vertical-align:middle;}
.con6 .btm6{ padding:50px 0;}
.con6 .btm6 ul li{ font-size:60px; line-height:1.5em;}
.con6 .btm6 ul li img{ height:60px; vertical-align:middle;}*/


.foot_bg{ height:120px; background:#111; color:#fff; text-align:center; overflow:hidden; padding:0 2%;}
.foot_1{ float:left;}
.foot_3{ float:right; font-size:14px; font-size:.7rem; color:#7f7f7f; line-height:20px; padding-top:50px; height:20px; overflow:hidden; }


.weizhi{height:40px; line-height:40px; font-size:14px; font-size:.7rem;}
.weizhi strong{ float:left;}
.weizhi span{ float:right;}
.weizhi span a{ margin:0 5px;}



.inbanner{ margin-top:110px;}
.inbanner .img{}
.inbanner .img img{ width:100%; float:left;}


.tit1{ text-align:center;}
.tit1 img{ max-width:50%;}


.joinbg{ padding:100px 0;}
.join{}
.join .main{ margin-top:50px;}
.tree { }
.tree_box { overflow: hidden; }
.tree_one, .tree_two { display: none; overflow: hidden; }
.tree_box h3 { font-weight: normal; font-size:20px; font-size:1rem; position: relative; height: 59px; line-height: 59px; border-top: 1px solid #ccc; }
.tree_box h3 span { background: url(../images/join01.png) center no-repeat; position: absolute; right: 0px; top: 0px; height: 59px; width: 59px; cursor:pointer;}
.tree_box:hover h3 span{ -ms-transform:rotate(180deg);/* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */}
.tree_box h3 a { }
.tree_box h3 a:hover{ color:#ff0404;}
.tree_one{ font-size:16px;  font-size:.8rem; line-height:1.5em; color:#999; padding:0 2em 30px 2em;}
.tree_one h2{ font-weight:normal; font-size:16px; font-size:.8rem; line-height:2em;}
.tree_one dl dd{}


.dsyybg{ padding:100px 0;}
.dsyy{}
.dsyy .main{ margin-top:50px;}
.dsyy .main .txt{ font-size:16px; font-size:.8rem; line-height:2em; margin-top: 100px;}
.dsyy .main .mid{ margin-top:100px;}
.dsyy .main .mid ul{}
.dsyy .main .mid ul li{ float:left; width:31.33%; margin:0 1%; text-align:center;}
.dsyy .main .mid ul li .img{ height:80px;}
.dsyy .main .mid ul li .img img{ max-width:100%; height:50px;}
.dsyy .main .mid ul li span{ /*display:block;*/ font-size:16px; font-size:.8rem; line-height:1.5em; height:2em; overflow:hidden;}
.dsyy .main .btm{ text-align:center; margin-top:30px;}
.dsyy .main .btm img{ max-width:100%; margin-top: 100px;}


.ggtfbg{ padding:100px 0;}
.ggtf{}
.ggtf .main{ margin-top:50px;}
.ggtf01{}
.ggtf01 .txt{ font-size:16px; font-size:.8rem; line-height:2em; margin-top: 100px;}
.ggtf01 .list{ font-size:16px; font-size:.8rem; line-height:1.5em; margin-top:100px;}
.ggtf01 .list ul li{ float:left; width:31.33%; margin:0 1%;}


.tit2{ background:url(../images/ggtf01.png) center repeat-x; text-align:center;}
.tit2 h2{ font-weight:normal; font-size:24px; font-size:1.2rem; line-height:2em;     margin-top: 100px;}
.tit2 h2 span{ padding:0 50px; background:#fbfbfb; color:#999;}

.ggtf02{ margin-top:50px;}
.ggtf02 .list{ margin-top:100px;}
.ggtf02 .list ul li{ float:left; width:31%; margin:0 1%; border-right:1px solid #ccc; text-align:center;}
.ggtf02 .list ul li h2{ font-weight:normal; font-size:24px; font-size:1.2rem; line-height:3em; height:3em; overflow:hidden; color:#ff0404;}
.ggtf02 .list ul li h2 b{ font-size:48px; font-size:2.4rem;}
.ggtf02 .list ul li h2 strong{ font-size:72px; font-size:3.6rem;}
.ggtf02 .list ul li h3{ font-weight:normal; font-size:20px; font-size:1rem; line-height:1.5em; height:1.5em; overflow:hidden;}
.ggtf02 .list ul li h4{ font-weight:normal; font-size:16px; font-size:.8rem; line-height:1.5em; height:1.5em; overflow:hidden;}

.ggtf03{ margin-top:50px;}
.ggtf03 .list{ margin-top:100px;}
.ggtf03 .list ul li{ float:left; width:31.33%; margin:0 1%; text-align:center;}
.ggtf03 .list ul li h2{ font-size:20px; font-size:1rem; line-height:2em; height:2em; overflow:hiddend; color:#ff0404;}
.ggtf03 .list ul li p{ padding:0; font-size:16px; font-size:.8rem; line-height:1.5em; height:3em; overflow:hidden;}

.ggtf04{ margin-top:50px;}
.ggtf04 .list{ text-align:center; margin-top:30px;}
.ggtf04 .list img{ max-width:100%; margin-top: 100px;}


.hwyxbg{ padding:100px 0;}
.hwyx{}
.hwyx .main{ margin-top:50px;}
.hwyx01{}
.hwyx01 .txt{ font-size:16px; font-size:.8rem; line-height:2em; margin-top: 100px;}
.hwyx01 .img{ text-align:center; margin-top:30px;}
.hwyx01 .img img{ max-width:100%; margin-top: 100px;}

.hwyx02{ margin-top:50px;}
.hwyx02 .list{}
.hwyx02 .list ul li{ float:left; width:31.33%; margin:60px 1% 0 1%; text-align:center;}
.hwyx02 .list ul li h2{ font-weight:normal; font-size:24px; font-size:1.2rem; line-height:2em; height:2em; overflow:hidden; color:#ff0404;}
.hwyx02 .list ul li p{ padding:0; font-size:16px; font-size:.8rem; line-height:1.5em; height:9em; overflow:hidden;}

.hwyx03{ margin-top:50px;}
.hwyx03 .img{ text-align:center; margin-top: 100px;}
.hwyx03 .img img{ max-width:100%;}

.hwyx04{ margin-top:50px;}
.hwyx04 .list{ margin-top:30px;}
.hwyx04 .list .img{ text-align:center;}
.hwyx04 .list .img img{ max-width:100%; margin-top: 100px;}


.ppqabg{ padding:100px 0;}
.ppqa{}
.ppqa .main{ margin-top:50px;}
.ppqa01{}
.ppqa01 .txt{ font-size:16px; font-size:.8rem; line-height:2em; margin-top: 100px;}
.ppqa01 .list{ font-size:16px; font-size:.8rem; line-height:1.5em; margin-top:100px;}
.ppqa01 .list ul li{ float:left; width:31.33%; margin:0 1%; }
.ppqa01 .img{ text-align:center; margin-top:50px;}
.ppqa01 .img img{ max-width:100%;     margin-top: 100px;}


.wlggbg{ padding:100px 0;}
.wlgg{}
.wlgg .main{ margin-top:50px;}
.wlgg01{}
.wlgg01 .txt{ font-size:16px; font-size:.8rem; line-height:2em; margin-top: 100px;}
.wlgg01 .list{ font-size:16px; font-size:.8rem; line-height:1.5em; margin-top:100px;}
.wlgg01 .list ul li{ float:left; width:31.33%; margin:0 1%;}

.wlgg02{ margin-top:50px;}
.wlgg02 .list{ margin-top:30px;}
.wlgg02 .list .img{ text-align:center;}
.wlgg02 .list .img img{ max-width:100%; margin-top: 100px;}



.xmtyxbg{ padding:100px 0;}
.xmtyx{}
.xmtyx .main{ margin-top:50px;}
.xmtyx01{}
.xmtyx01 .txt{ font-size:16px; font-size:.8rem; line-height:2em; margin-top: 100px;}
.xmtyx01 .list{ font-size:16px; font-size:.8rem; line-height:1.5em; margin-top:100px;}
.xmtyx01 .list ul li{ float:left; width:31.33%; margin:0 1%;}
.xmtyx01 .img{ text-align:center; margin-top:50px;}
.xmtyx01 .img img{ max-width:100%;     margin-top: 100px;}

.xmtyx02{ margin-top:50px;}
.xmtyx02 .list{ margin-top:30px;}
.xmtyx02 .list .img{ text-align:center;}
.xmtyx02 .list .img img{ max-width:100%;     margin-top: 100px;}





@media(max-width: 1024px) {
img{ max-width:100%;}
.top{ height:50px; }
.top .box{ height:50px;}
.logo{ width:50%;height:100%; }
.menu{ display:none;}
.nav{ display:block;}
.bannerbg{ margin-top:50px;}
.scroll_01 .bd ul li{ font-size:24px; font-size:1.2rem; line-height:1.5em; max-height:3em; overflow:hidden;}

.con1{ padding:0 1%;}
.con1 ul li{ float:left; width:48%; margin:50px 1% 0 1%;}

.con5{ padding:0 1%;}

.con7{ padding:0 1%;}

.con8{ padding:100px 1%; }
.c8_r{ float:right; width:60%; }

.con6{ max-width:80%;}
.con6_wz{ left:40%;}

.foot_bg{ height:auto; }
.foot_1{ float:none;}
.foot_3{ float:none; line-height:1.5em; height:auto; overflow:hidden; padding:0 0 10px 0; margin:0;}

.inbanner{ margin-top:50px;}
}

@media(max-width: 768px) {
.con1bg{ padding:50px 0; }
.con1 ul li{ width:98%; margin:30px 1% 0 1%;}
.con1 ul li .ar h3{/* font-size:24px;*/ line-height:2em; height:auto; overflow:hidden;}
.con1 ul li .ar span{/* font-size:20px;*/ line-height:1.5em; height:auto; overflow:hidden; }

.con5bg{ padding:50px 0; overflow:hidden; background:#fbfbfb;}
.con5 .main{ margin-top:30px;}
.con5 .main h3{/* font-size:24px;*/ line-height:2em; }
.con5 ul li{ float:left; width:98%; margin:10px 1% 0 1%;}

.con7bg{ padding:50px 0; }
.con7 .main{ margin-top:30px;}

.con8{ padding:50px 1% 200px 1%; height:auto; overflow:hidden;}
.c8_r{ float:right; width:70%; }

.con6bg{ padding:50px 0;}
.con6_lt{ float:none; width:100%; padding:0;}
.con6_rt{ float:none; width:100%; text-align:center; margin-top:30px;}
.con6_wz{ left:38%;}

.biaoti1 h2{ font-size: 20px; line-height:1.5em; }
.biaoti1 span{ font-size: 30px; line-height:1.5em; }
}

@media(max-width: 650px) {
.con6_wz{ left:35%;}
}

@media(max-width: 540px) {
.con6_wz{ left:32%;}
}

@media(max-width: 480px) {
.con6_wz{ left:30%;}
}

@media(max-width: 414px) {
.con6_wz{ left:26%;}
}

@media(max-width: 375px) {

}




.casebg{ padding:100px 0;}
.case{}
.case .main{ margin-top:50px;}
.case .main ul{}
.case .main ul li{ float:left; width:48%; margin:10px 1% 0 1%; position:relative;}
.case .main ul li img{ width:100%; float:left; cursor:pointer;}
.case .main ul li:hover>img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.case .main ul li .txt{ position:absolute; width:100%; height:100%; top:0; left:0; display:none; color:#ffffff;}
.case .main ul li:hover .txt{ display:block;}
.case .main ul li .txt table{ border-spacing:0; height:100%;}
.case .main ul li .txt table td{ width:100%; height:100%; text-align:center; vertical-align:middle;}
.case .main ul li .txt h2{ font-weight:normal; font-size:24px; line-height:2em; height:2em; overflow:hidden;}
.case .main ul li .txt p{ padding:0; font-size:20px; line-height:1.5em; height:3em; overflow:hidden;}

.tanchBox{ }
.tanchbg{ max-width:1200px; margin:0 auto; margin-top:10%; background:#fff; position:relative;}
.tc_close{ width:36px; height:36px; line-height:36px; text-align:center; font-size:36px; position:absolute; top:0; right:0; cursor:pointer;}
.tc_close img{ width:36px; height:36px;}
.tc_close a{ display:block; color:#f00; opacity:0.8;}
.tc_close a:hover{ opacity:1;}
.tanch{ padding:25px 25px;}
.tanch_lt{ float:left; width:73%; overflow:hidden;}
/* 本例子css -------------------------------------- */
.slideBox{ position:relative; overflow:hidden; margin:10px auto;  max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ width:100%; height:10px; padding:5px 0; position:absolute; z-index:6; bottom:0; left:0; text-align:center;}
.slideBox .hd ul li{ float:none; margin:0 5px; padding:0; display:inline-block; width:10px; height:10px; background:#fff; color:#fff; border-radius:100%; overflow:hidden;}
.slideBox .hd ul li.on{ background:#ff0404; color:#ff0404;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd ul li{ position:relative; text-align:center; margin:0; padding:0;}
.slideBox .bd ul li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd ul li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.tanch_rt{ float:right; width:25%;}
.tanch_rt h2{ font-weight:normal; font-size:48px; line-height:1.5em; height:1.5em; overflow:hidden;}
.tanch_rt h3{ font-weight:normal; font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden;}
.tanch_rt p{ padding:0; font-size:14px; color:#7f7f7f; line-height:1.5em; height:15em; overflow:hidden; margin-top:15px;}
.tanch_rt h4{ font-size:36px; line-height:36px; margin-top:1em;}
.tanch_rt h4 b{ font-size:20px; line-height:20px;}


@media(max-width: 768px) {
.case .main{ padding:0 1%;}
.case .main ul li{ float:left; width:98%; margin:10px 1% 0 1%;}

.tanchbg{ margin-top:0; }
.tanch{ padding:40px 20px 20px 20px;}
.tanch_lt{ float:none; width:100%; overflow:hidden;}
.tanch_rt{ float:none; width:100%;}
.tanch_rt h2{ font-size:48px; line-height:1.5em; height:auto; overflow:hidden;}
.tanch_rt h3{ font-size:24px; line-height:1.5em; height:auto; overflow:hidden;}
.tanch_rt p{ font-size:14px; line-height:1.5em; height:auto; overflow:hidden; }
}













.service01bg{ margin-top:50px;}
.service01{}
.service01 .main{ margin-top:30px;}
.service01 .main ul{}
.service01 .main ul li{ float:left; width:31.33%; margin:0 1%;}
.service01 .main ul li .img{ height:90px;}
.service01 .main ul li .img table{}
.service01 .main ul li .img table td{ text-align:center; vertical-align:middle; height:90px;}
.service01 .main ul li .img img{ max-width:100%; max-height:90px;}
.service01 .main ul li .txt{ padding:0 0 0 30%;}
.service01 .main ul li .txt dl dd{ font-size:36px; line-height:1.5em;}

.service02bg{ margin-top:50px;}
.service02{}
.service02 .main{}
.service02 .main ul li{ float:left; width:14.66%; height:70px; margin:2% 1%;}
.service02 .main ul li table{ border-spacing:0;}
.service02 .main ul li table td{ text-align:center; vertical-align:middle; height:70px;}
.service02 .main ul li img{ max-width:100%; max-height:70px;}

.service03bg{ margin-top:50px;}
.service03{}
.service03 .main{}
.service03 .main ul{}
.service03 .main ul li{ float:left; width:14.66%; margin:1% 1%; text-align:center;}
.service03 .main ul li img{ max-width:100%;}

@media(max-width: 1024px) {
.service01 .main ul li{ float:left; width:98%; margin:2% 1% 0 1%;}
.service01 .main ul li .txt{ padding:0 0 0 40%;}
.service01 .main ul li .txt dl dd{ font-size:24px;}

.service02 .main ul li{ float:left; width:31.33%; margin:2% 1%;}

.service03 .main ul li{ float:left; width:23%; margin:1% 1%; }
}

@media(max-width: 480px) {
.service02 .main ul li{ float:left; width:48%; margin:2% 1%;}
}


.tree2
{
}
.tree_box2
{
	overflow: hidden;
	padding:0; margin:0;
}
.tree_box2 h3
{
	position: relative;
	height: 3em;
	line-height: 3em;
	text-align:center;
	
	font-size:16px;
	 font-weight:normal;
}
.tree_box2 h3 a
{
	padding:0; margin:0;
	font-size:16px;
	 font-weight:normal;
}
.tree_one2{ display: none; overflow: hidden;padding:0; margin:0;}
.tree_one2 li{padding:0; margin:0; line-height:2em;font-size:15px;}
.tree_one2 li a{padding:0; margin:0;font-size:15px; font-weight:normal;}