/*--reset--*/
*{margin: 0; padding: 0; outline: none;}
*:not(input,textarea){-webkit-touch-callout: inherit; -webkit-user-select: auto;}
body{width: 100%; color: #060002; -webkit-touch-callout: inherit ; -webkit-user-select: auto ; background-color: #efefef;}
a{color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{text-decoration: none;}
button,input,select,textarea{font-size: 100%; margin: 0; padding: 0; outline: none;}
dt,dd{display: inline-block;}
textarea,input{resize: none; outline: none;}
textarea{resize: none; -webkit-appearance: none;}
ul,ol,li{list-style: none;}
i, em, b {
    font-style: normal;
    font-weight: normal;
}
html, body,.container {height: 100%; }
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
/*--float--*/
.fl, .fr{display: inline; float: left;}
.fr{float: right;}
.max_width{ max-width:720px;}

/*--blank10--*/
.blank1{ width:100%; height:1px; line-height:1px; overflow:hidden; clear:both;}
.blank10{ width:100%; height:10px; line-height:10px; overflow:hidden; clear:both;}

.big_div{ width:100%; position: absolute; z-index:10;}

.header{ width:100%; height:41px; padding:13px 0; background-color:#efefef;}
.header .logo{ width:160px; height:41px; background-image: url(../images/logo.png); background-repeat:no-repeat; background-size:auto 100%; margin-left:10px;}
.header .logo_1{ width:47px; height:41px; background-image: url(../images/logo_1.png); background-repeat:no-repeat; background-size:auto 100%;}
.header .logo_2{ width:27px; height:41px; background-image: url(../images/logo_2.png); background-repeat:no-repeat; background-size:auto 100%;}
.header .logo_3{ width:27px; height:41px; background-image: url(../images/logo_3.png); background-repeat:no-repeat; background-size:auto 100%; background-position:left center; margin-right:10px;}

.banner{ padding-left:10px; padding-bottom:30px;}
.banner img{ border-radius:10px 10px 10px 10px ;}
/*--bannerbox--*/

.pro-switch{position: relative;width:100%;}
.flexslider{margin: 0;padding: 0;}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;}
.slides:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{}
.no-js .slides > li:first-child{display: block;}
.flexslider{margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport{max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides{zoom: 1;}
.flex-direction-nav{*height: 0;}
.flex-direction-nav a{width: 30px;height: 45px;margin: -22.5px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next{background-position: 0 -45px;right: 0;}
.flex-direction-nav .flex-prev{left: 0;}
.flexslider:hover .flex-next{opacity: 0.25;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity: 0.25;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity: 0.25;filter:alpha(opacity=25);}
.flex-control-nav{width: 100%;position: absolute;text-align: center;left:0;bottom:-30px;}
.flex-control-nav li{margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a{background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 30px;cursor: pointer;}
.flex-control-paging li a.flex-active{background-position: 0 0;}


.search{ padding-left:10px; height:40px;}
.search a.input{ width:88%; height:40px; line-height:40px; background-color:#fff;  border:0px; border-radius:5px 5px 5px 5px ; font-size:16px; padding:0 3% 0 9%; background-image:url(../images/search.png); background-repeat:no-repeat; background-size:auto 100%; background-position:2% center; color:#B7B7B7;}

.cate{ width:100%; padding:10px 0;}
.cate_1{ width:50%; height:120px; background-image:url(../images/c11.png); background-repeat:no-repeat; background-size:100% auto; background-position:right bottom;}
.cate_1 a{ width:100%; height:100px; display:block; background-image: url(../images/c13.png); background-repeat:no-repeat; background-position:right bottom; background-size:1px 100%;  padding:10px 0;}
.cate_2{ width:50%; height:120px; background-image:url(../images/c12.png); background-repeat:no-repeat; background-size:100% auto; background-position:left bottom;}
.cate_2 a{ width:100%; height:100px; display:block; padding:10px 0;}
.cate_3{ width:50%; height:120px; background-image:url(../images/c11.png); background-repeat:no-repeat; background-size:100% auto; background-position:right bottom;}
.cate_3 a{ width:100%; height:100px; display:block; background-image: url(../images/c14.png); background-repeat: repeat-y; background-position:right bottom;  padding:10px 0;}
.cate_4{ width:50%; height:120px; background-image:url(../images/c12.png); background-repeat:no-repeat; background-size:100% auto; background-position:left bottom;}
.cate_4 a{ width:100%; height:100px; display:block; padding:10px 0;}
.cate_5{ width:50%; height:120px; background-image:url(../images/c11.png); background-repeat:no-repeat; background-size:100% auto; background-position:right bottom;}
.cate_5 a{ width:100%; height:100px; display:block; background-image: url(../images/c14.png); background-repeat: repeat-y; background-position:right bottom;  padding:10px 0;}
.cate_6{ width:50%; height:120px; background-image:url(../images/c12.png); background-repeat:no-repeat; background-size:100% auto; background-position:left bottom;}
.cate_6 a{ width:100%; height:100px; display:block; padding:10px 0;}
.cate_7{ width:50%; height:120px; background-image:url(../images/c11.png); background-repeat:no-repeat; background-size:100% auto; background-position:right bottom;}
.cate_7 a{ width:100%; height:100px; display:block; background-image: url(../images/c14.png); background-repeat: repeat-y; background-position:right bottom;  padding:10px 0;}
.cate_8{ width:50%; height:120px; background-image:url(../images/c12.png); background-repeat:no-repeat; background-size:100% auto; background-position:left bottom;}
.cate_8 a{ width:100%; height:100px; display:block; padding:10px 0;}
.cate_9{ width:50%; height:120px;}
.cate_9 a{ width:100%; height:100px; display:block; background-image: url(../images/c15.png); background-repeat:no-repeat; background-position:right top; background-size:1px 100%;  padding:10px 0;}
.cate_10{ width:50%; height:120px;}
.cate_10 a{ width:100%; height:100px; display:block; padding:10px 0;}

.tu_1{ width:100%; height:57px; text-align:center;}
.tu_1 img{ width:57px; height:57px;}
.tu_2{ width:100%; height:16px; line-height:16px; text-align:center; font-size:15px; color:#727171; padding-top:5px;}
.tu_3{ width:100%; height:16px; line-height:16px; text-align:center; font-size:14px; color:#727171; padding-bottom:5px;}

.service{ width:100%;}
.service_1{ width:100%; height:242px; background-image:url(../images/d4.png); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto; padding-top:20px; }
.service_3{ width:100%; height:242px; padding-top:20px; }
.tu_4{ width:100%; height:52px; text-align:center;}
.tu_4 img{ width:52px; height:52px;}
.tu_5{ width:100%; height:35px; line-height:35px; text-align:center; font-size:22px; color:#ab9270; padding:4px 0;}
.tu_6{ width:100%; height:26px; line-height:26px; text-align:center; font-size:14px; color:#727171;}
.tu_7{ width:36%; height:32px; padding:10px 32% 10px 32%;}
.tu_7 a{ width:100%; height:32px; line-height:32px; text-align:center; display:block; background-color:#000; color:#fff; border-radius:5px 5px 5px 5px ; font-size:14px;}


.footer{ width:100%; height:auto; background-color:#dadada; padding:10px 0 10px 0;}
.footer p{ width:100%; height:20px; line-height:20px; text-align:center; float:left; font-size:14px;}
.footer p.p1{ font-size:17px; font-weight:bold; color:#727171; padding:10px 0;}
.footer p.p2{ font-size:13px; color:#727171; padding: 0;}
.footer p.p3{ font-size:13px; color:#727171; padding: 0;}
.footer p span{ padding:0 5px;}


.index_nav{ width:100%; height:100%; background-color:#5a5a5a; position: fixed; z-index:888;display:none;}
.index_nav_box{ padding-left:20px;}
.header_in{ padding:10px 0;}
.logo_in{ width:160px; height:41px; background-image: url(../images/e1.png); background-repeat:no-repeat; background-size:auto 100%;}
.header_in{ width:100%;}
.close_in{ width:30px; height:41px;}
.close_in a{ width:30px; height:41px; background-image:url(../images/e2.png); background-repeat:no-repeat; background-size:auto 100%; display:block;}

.nav_in{ width:100%;}
.nav_in_1{ width:100%; height:40px; line-height:40px; background-image:url(../images/e3.png); background-repeat:no-repeat; background-position:right top; background-size: auto 100%; border-bottom:1px solid #fff;}
.nav_in_1 a{ color:#fff;}

.nav_in_2{ width:100%; height:40px; line-height:40px; background-image:url(../images/e4.png); background-repeat:no-repeat; background-position:right top; background-size: auto 100%; border-bottom:1px solid #fff;}
.nav_in_2 a{ color:#fff;}

.nav_in_3{ width:100%; height:auto; line-height:50px; padding:10px 0;}
.nav_in_3 a{ width:25%; height:30px; line-height:30px; display:block; float:left; border-bottom:1px solid #c2c1c1; color:#c2c1c1; font-size:15px;}

.search_in{ width:100%; padding-top:30px;}
.search_in input{ width:88%; height:40px; line-height:40px; border:0px; border-bottom:1px solid #fff; background-color:#5a5a5a; font-size:16px; padding:0 3% 0 9%; background-image:url(../images/search.png); background-repeat:no-repeat; background-size:auto 100%; background-position:2% center;  border-radius:0px;}
.search_in input:focus{ background-color:#fff; color:#000;  border-radius:0px;}

.nav_in_4{ width:100%; height:auto; line-height:50px; padding:10px 0;}
.nav_in_4 a{ width:auto;  height:30px; line-height:30px; display:block; float:left;  color:#c2c1c1; font-size:15px; padding-right:26px;}

.saifu_web{ width:100%; height:40px;}
.saifu_web a{ width:100%; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background-color:#00888e;}

.index_nav_2{ width:100%; height:100%; background-color:#5a5a5a; position: fixed; z-index:888;display:none;}
.index_nav_box_2{ padding-left:20px;}


/*#loading{width:50px; height:60px; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-25px;}
.spinner{width: 50px; height: 60px; text-align: center; font-size: 10px;}
.spinner > div{background-color: #ec6718; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.spinner .rect4{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)} 20%{-webkit-transform: scaleY(1.0)}}
@keyframes stretchdelay{0%, 40%, 100%{transform: scaleY(0.4); -webkit-transform: scaleY(0.4);} 20%{transform: scaleY(1.0); -webkit-transform: scaleY(1.0);}}

*/
.banner_g1{ width:100%; height:auto;}
.banner_g1 img{ float:left;}

.g1_box{ width:100%; padding-left:30px;}
.g1_box_1{ width:100%; height:80px; line-height:80px; text-align:center; font-size:26px; color:#000;}
.g1_box_2{ width:100%; color:#000; font-size:16px;}
.g1_box_2 p{ width:100%; line-height:30px; float:left; padding-bottom:30px;}
.g1_box_3{ width:100%; height: 40px; line-height:40px; font-size:13px; color:#9fa0a0; border-top:1px solid #dadada;}

.j1_box{ width:100%; height:55px; background-image:url(../images/j1.png); background-repeat:repeat-x; background-size:auto 100%;}
.j1_box a{ width:50%; height:55px; text-align:center; line-height:55px; display:block; float:left; font-size:18px; color:#000;}
.j1_box a.me{ color:#ab9270;}
.j1_box a.j1_1{ background-image:url(../images/j2.png); background-repeat:repeat-y; background-position:right;}

.j2_box{ width:100%;}
.j2_box_list{ width:100%; position: relative;}
.j2_box_list_1{ width:100%;}
.j2_box_list_1 img{ float:left; position: relative; z-index:100;left:0; top:0;}
.j2_box_list_2{ width:90%; height:55px; line-height:55px; color:#fff; font-size:20px; padding:45px 5% 0 5%; position: absolute; z-index:105; left:0; bottom:0;}
.j2_box_list_3{ width:100%;}
.j2_box_list_3 img{ float:left; width:100%; height:100px; position: absolute; z-index:102;left:0; bottom:0;}

.j3_box{ width:100%;}
.j3_box img{ float:left; width:100%;}

.j4_box{ width:100%;  padding-left:30px;}
.j4_box_1{ width:100%; height:30px; line-height:30px; text-align:center; font-size:26px; color:#000;}
.j4_box_2{ width:100%; height:20px; line-height:20px; text-align:center; font-size:14px; color:#9fa0a0;}
.j4_box_3{ width:100%; font-size:16px; line-height:30px;}
.j4_box_3 img{ float:left; width:100%; padding:10px 0;}
.j4_box_4{ width:100%; height:26px;}
.j4_box_4 a{ width:40%; height:26px; line-height:26px; text-align:center; background-color:#8e8e8e; color:#fff; font-size:16px; display:block; border-radius:26px 26px 26px 26px ; margin:0 30%;}
.j4_box_5{ width:100%; height: 40px; line-height:40px; font-size:13px; color:#9fa0a0; border-top:1px solid #dadada;}

.k1_box{ width:100%;}
.k1_box img{ float:left;}
.k1_1_box{ width:100%; height:auto; text-align:center;}
.k1_1_box img{ width:100%; height:auto;}

.k2_box{ width:100%;}
.k2_box_list{ width:50%; padding-left:30px; padding-bottom:30px;}
.k2_box_list2{ width:50%; padding-right:30px; padding-bottom:30px;}
.k2_box_list_1{ width:100%;}
.k2_box_list_1 img{ float:left;}
.k2_box_list_2{ width:100%; height:40px; line-height:40px; text-align:center; font-size:18px;}
.k3_box{ width:100%; height: 40px; line-height:40px; font-size:13px; color:#9fa0a0; border-top:1px solid #dadada; margin-left:30px;}

.l2_box{ width:100%; height:auto; position: absolute; z-index:900; display: none;}
.l4_box{ width:100%; height:100%; background-image:url(../images/l1.png); background-repeat:repeat; position: fixed; z-index:901; position: fixed;}
#show{ width:90%;}
.l3_box{ width:100%; height:auto; background-color:#efefef; border-radius:10px 10px 10px 10px ; margin-left:14px; position: relative; z-index:910; margin-top:14px; margin-bottom:14px;}
.l5_box{ width:100%; padding:14px;}
.l5_box_1{ width:100%; height:20px; line-height:20px; text-align:center; border-bottom:1px solid #c9caca; border-top:1px solid #c9caca; font-size:16px; color:#000;}
.l5_box_2{ width:100%;}
.l5_box_2 img{ float:left;}
.l5_box_3{ width:100%;  line-height:20px; text-align:center;  font-size:14px; color:#727171;}
.l5_box_4{ width:100%; height:20px; line-height:20px; text-align:center;  font-size:14px; color:#727171;}
.l5_box_5{ width:100%; height:70px;}
.l5_box_5 a{ width:25%; height:70px; display:block; float:left; overflow:hidden; text-align:center; }
.l5_box_5 a img{ width:70px; height:70px;border-radius:70px 70px 70px 70px ;}
.l7_box{ width:100%; height:46px;}
.l7_box img{ width:auto; height:46px; float:left;}
.l7_box_2{ padding-right:10px;}

.q1_box{ width:100%; padding-left:25px;}
.q1_box a{ width:24.5%; height:30px; line-height:30px; text-align:center; display:block; float:left; font-size:12px; border:1px solid #9d9d9d; border-right:0px; }
.q1_box a.last{border-right:1px solid #9d9d9d;}
.q1_box a.me{ color:#9b8543;}

.banner_f1{ width:100%; height:auto;} 
.banner_f1_box_1{ width:100%; height:auto;}
.banner_f1_box_1 img{ float:left;}
.banner_f1_box_2{ width:100%; height:auto; padding-bottom:40px; background-image:url(../images/i6.jpg); background-size:100% 100%;}







.about4_banner{ width:84%; padding:1% 8% 5% 8%;}