﻿/* css reset */
@CHARSET "UTF-8";
@font-face {
font-family: fzz; 
src: url(/fzz.ttf);
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,pre,textarea,p,blockquote,th,td { margin:0; padding:0; }
pre {white-space: pre-wrap;word-wrap: break-word; display:inline;font:12px 'Hiragino Sans GB','Microsoft Yahei','Verdana',Helvetica,Arial,sans-serif;}
body { background:#fff; color:#4c4c4c; font:12px 'Hiragino Sans GB','Microsoft Yahei','Verdana',Helvetica,Arial,sans-serif; min-width:1200px; overflow:hidden;}
body.huiBG{background:#f5f5f5}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; }
img { border:none; font-size:0;}
.hide{display:none}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clear:after {content: ""; display: block; clear:both;}
.clear { *zoom:1; }
/*分页*/
div.page{padding:5px 10px;font-size:80%;margin:5px;margin-top:40px;color:#e91e22;text-align:center;}
div.page a{border:#e91e22 0px solid;padding:7px 12px;background-position:50% bottom;margin:0 10px 0 0;text-decoration:none;background-color:#fff;}
div.page a:hover{border:#e91e22 1px solid;padding:6px 11px;background-image:none;color:#e91e22;background-color:#fff;}
div.page a:active{border:#e91e22 1px solid;padding:6px 11px;background-image:none;color:#e91e22;background-color:#fff;}
div.page span.current{border:#e91e22 1px solid;padding:5px 10px;font-weight:bold;color:#e91e22;margin:0 10px 0 0;background-color:#fff;}
div.page span.disabled{border:#e91e22 1px solid;padding:5px 10px;color:#e91e22;margin:0 10px 0 0;}

/**顶部**/

.webHead{width:100%; min-width:1200px; margin:0 auto; clear:both; height:125px; background:#fff;}
.webHead_main{width:1200px; margin:0 auto; clear:both; background:#fff;}
.weblogo{float:left; display:inline; font-size:0;}
.webHead_main>.wnav_m{float:left; margin-top:20px; width:665px; margin-left:15px;}
.webHead_main>.wnav_m>ul>li{float:left; display:inline; font-size:16px; height:100px; width:33px; padding-left:12px; padding-top:5px; margin-left:50px; writing-mode:vertical-lr; position:relative;}
.webHead_main>.wnav_m>ul>li>a{ color:#102e47;}
.webHead_main>.wnav_m>ul>li>a>i{font-style:normal; display:block; font-size:12px; font-family:Arial}
.webHead_main>.wnav_m>ul>li>a:hover{color:#b6873a;}
.webHead_main>.wnav_m>ul>li:before{position:absolute; left:0; top:0; height:5px; background:#102e47; border-radius:50%; width:5px; content:"";}
.webHead_main>.wnav_m>ul>li:after{position:absolute; left:2px; top:0; height:105px; width:1px; background:#102e47; content:"";}
/*.webHead_main>.wnav_m>ul>li:after{display:none; position:absolute; left:50%; margin-left:-5px; bottom:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #ec000f; content:"";}*/
.webHead_main>.wnav_m>ul>li.on>a{color:#b6873a;}
.webHead_right{float:right; display:inline;}

.bar_out{width:100%; margin:0 auto; clear:both; overflow:hidden; position:relative; font-size:0}
.banner_tab {width:100%; min-width:1200px; position:relative; margin:0 auto; overflow:hidden;cursor:default;}
.flex_ico{position:absolute; left:42.5%; top:50%; margin-top:-152px; width:15%; max-width:294px;}
.flex_ico>img{width:100%;}

.more_1{clear:both; font-family:Arial;}
.more_1 a{display:block; width:100px; font-size:14px; margin:0 auto; height:28px; position:relative; border:solid 1px #102e47; color:#102e47; line-height:28px; text-align:center;}
.more_1 a:hover{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
    -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, .8);  
    -moz-box-shadow:0 0px 10px rgba(0, 0, 0, .8);  
     box-shadow:0 0px 10px rgba(0, 0, 0, .8);
}
.more_2{clear:both; font-family:Arial;}
.more_2 a{display:block; width:100px; font-size:14px; margin:0 auto; height:28px; position:relative; border:solid 1px #b6873a; background:#b6873a; color:#fff; line-height:28px; text-align:center;}
.more_2 a:hover{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
    -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, .8);  
    -moz-box-shadow:0 0px 10px rgba(0, 0, 0, .8);  
     box-shadow:0 0px 10px rgba(0, 0, 0, .8);
}

.webbox1{clear:both; width:100%; text-align:center;}
.webbox1>div{display:inline-block; position:relative;background:#102e47; overflow:hidden;}
.webbox1>div>span{display:block; clear:both; font-size:24px; color:#fff; padding:7px 15px; border:solid 1px #fff; margin:4px}
.webbox1>div>span>i{display:inline-block; width:30px; height:14px; background:url(../images/ico2.png) center 0 no-repeat;}
.webbox1>p{display:block; text-align:center; font-size:18px; color:#102e47; font-style:italic; line-height:18px; margin-top:10px;}

.webbox2{clear:both; width:100%; text-align:center;}
.webbox2>div{display:inline-block; position:relative;background:#fff; overflow:hidden;}
.webbox2>div>span{display:block; clear:both; font-size:24px; color:#102e47; padding:7px 15px; border:solid 1px #102e47; margin:4px}
.webbox2>div>span>i{display:inline-block; width:30px; height:14px; background:url(../images/ico3.png) center 0 no-repeat;}
.webbox2>p{display:block; text-align:center; font-size:18px; color:#fff; font-style:italic; line-height:18px; margin-top:10px;}

.weblist1{padding-top:25px; position:relative;}

.webmodel1_type{width:100%; text-align:center; padding-top:10px; clear:both;}
.webmodel1_type p{display:inline-block; position:relative; height:36px; background:url(../images/tbg1.png) 0 0 no-repeat; background-size:100% 36px;  margin:0 15px; text-align:center; padding:0 40px;}
.webmodel1_type p a{font-size:14px; line-height:36px; display:block; color:#fff; font-weight:bold;}
.webmodel1_type p:hover{background-image:url(../images/tbg1_.png);}

.webmodel1{width:100%; min-width:1200px; margin:0 auto; background:#f9f5f4 url(../images/bg2.jpg) 0 bottom no-repeat; padding:70px 0;}
.webmodel1 .web1_cont{width:1200px; margin:0 auto; clear:both; font-size:14px; line-height:180%; color:#000; padding-top:20px;}


.webmodel2{width:100%; background:#102e47; padding-bottom:50px; overflow:hidden;}
.web2_con{width:1200px; margin:0 auto;}
.web2_con ul{width:1223px;}
.web2_con ul li{float:left; display:inline; width:385px; margin-right:22px; margin-top:22px; position:relative; background:#fff; overflow:hidden;}
.web2_con ul li>a{color:#4c4c4c;}
.web2_con ul li>a>p{display:table-cell; width:385px; height:265px; font-size:0; vertical-align:middle;text-align:center;}
.web2_con ul li>a>p img{max-width:385px; max-height:265px}
.web2_con ul li>a>b{font-weight:normal; font-size:16px; height:50px; line-height:50px; text-align:center; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.web2_con ul li>a>span{position:absolute; left:0; top:100%; width:100%; height:100%; opacity:0; background:rgba(182,135,58, .7); text-align:center;}
.web2_con ul li>a>span:before{display:block; content:""; position:absolute; left:0; top:156px; width:100%; height:44px; background:url(../images/ico6.png) center 0 no-repeat; opacity:0}
.web2_con ul li>a>span>i{ position:absolute; left:0; width:100%; top:180px; font-size:18px; font-weight:bold; color:#fff; font-style:normal;}
.web2_con ul li:hover>a>span{ opacity:1; top:0;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.web2_con ul li:hover>a>span:before{top:106px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease; opacity:1}
.web2_con ul li:hover>a>span>i{top:160px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}

.webmodel3{width:100%; background:#f9f5f4; overflow:hidden;}
.web3_con{width:1200px;margin:0 auto; padding-top:10px;
/*-webkit-box-shadow:0 3px 10px rgba(234,234,234, 1);  
-moz-box-shadow:0 3px 10px rgba(234,234,234, 1);  
box-shadow:0 3px 10px rgba(234,234,234, 1);*/
}
.web3_con>.web3_c1{width:550px; float:left; display:inline;}
.web3_con>.web3_c1>ul li{vertical-align:bottom; clear:both; margin-top:20px; overflow:hidden;}
.web3_con>.web3_c1>ul li>img{width:170px; height:110px; float:left; display:inline;}
.web3_con>.web3_c1>ul li>div{float:right; display:inline; width:360px;}
.web3_con>.web3_c1>ul li>div>a{float:left; display:inline; clear:both; max-width:100%; line-height:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; 
margin-top:10px; font-weight:bold;}
.web3_con>.web3_c1>ul li>div>a:hover{color:#b6873a}
.web3_con>.web3_c1>ul li>div>i{font-style:normal; color:#999; font-family:Arial; font-size:12px; padding-top:15px; display:block; clear:both; }
.web3_con>.web3_c1>ul li>div>div{margin-top:13px; line-height:150%; height:40px; overflow:hidden;}
.web3_con>.web3_c2{width:550px; float:right; display:inline; margin-top:10px;}
.web3_con>.web3_c2>ul li{vertical-align:bottom; clear:both; overflow:hidden; line-height:14px; padding:20px 0; border-top:dotted 1px #999;}
.web3_con>.web3_c2>ul li:nth-child(1){border-top:0;}
.web3_con>.web3_c2>ul li>a{float:left; display:inline; max-width:430px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px;}
.web3_con>.web3_c2>ul li>i{float:right; display:inline; font-style:normal; color:#999;}
.web3_con>.web3_c2>ul li>a:hover{color:#b6873a}

/*.web3_con ul li:hover{
    -webkit-box-shadow:0 3px 10px rgba(0,0,0, .5);  
-moz-box-shadow:0 3px 10px rgba(0,0,0, .5);  
box-shadow:0 3px 10px rgba(0,0,0, .5);
}*/
.webmodel4{width:100%; min-width:1200px; overflow:hidden; padding-bottom:20px;}
.web4_con{width:1200px; margin:0 auto;  margin-top:40px; overflow:hidden;}
.web4_con ul{width:1224px;}
.web4_con ul li{float:left; display:inline; width:384px; height:467px; margin-right:24px; background:#f9f5f4;}
.web4_con ul li>a>p{ width:384px; height:262px; display:table-cell; font-size:0; text-align:center; vertical-align:middle;}
.web4_con ul li>a>p>img{max-width:384px; max-height:262px;}
.web4_con ul li>a>div{overflow:hidden; clear:both;}
.web4_con ul li>a>div>i{float:left; display:inline; width:31px; margin-left:30px; margin-top:105px; line-height:34px; height:71px; background:url(../images/ico4.png) 0 0 no-repeat; color:#fff; text-align:center;
writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
}
.web4_con ul li>a>div>div{float:left; width:215px; height:145px; margin-top:30px; font-size:14px; line-height:175%; margin-left:25px;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
}
.web4_con ul li>a>div>b{float:right; display:inline; font-size:16px; height:145px; white-space:nowrap; text-overflow:ellipsis; margin-top:30px; text-align:center; margin-right:30px;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
}

.web4_con ul li:hover{background:#b6873a}
.web4_con ul li:hover>a{color:#fff;}
.web4_con ul li:hover>a>div>i{color:#b6873a}

.barbox_full{width:100%; font-size:0;}
.barbox_full img{width:100%;}
.boxbar{width:1200px; margin:0 auto; padding-top:20px;}
.boxbar .bar1left{float:left;}
.boxbar .bar1right{float:right;}



/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
.webbox_mr a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.webbox_mr a:before,.webbox_mr a:after {
  content: '';
  position: absolute;
  border: #307838 solid 3px;
  border-radius:40px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.webbox_mr a:hover:before, .webbox_mr a:focus:before, .webbox_mr a:active:before {
  -webkit-animation: hvr-ripple-out .5s ;
  animation: hvr-ripple-out .5s ;
}
.webbox_mr a:hover:after, .webbox_mr a:focus:after, .webbox_mr a:active:after {
  -webkit-animation: hvr-ripple-out 1s ;
  animation: hvr-ripple-out 1s ;
}

.opacity0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.opacity10{filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.opacity20{filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.opacity30{filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.opacity40{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.opacity50{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.opacity60{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.opacity70{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.opacity80{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.opacity90{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

/**内页标题**/
.subtitle{position:absolute; bottom:0; left:50%; margin-left:-600px; width:510px; height:270px; background:url(/images/subico1.png) right 0 no-repeat;}
.stt1{position:absolute; right:140px; top:55px; font-size:45px; font-weight:bold; color:#0066cb; line-height:45px;}
.stt2{position:absolute; right:140px; top:107px; font-size:48px; font-family:Arial; color:#fff; font-weight:bold; line-height:48px;}

.sub_nav{width:100%; background:#e6e6e6; margin-bottom:10px;}
.sub_nav ul{width:1200px; margin:0 auto;}
.sub_nav ul li{float:left; }
.sub_nav ul li a{display:block; font-size:14px;height:50px; line-height:50px; padding:0 20px; border-right:solid 2px #fff; color:#222; font-size:16px;}
.sub_nav ul li.on a{color:#fff;border-right:solid 2px #fff; background:#b6873a;}
.sub_nav ul li a:hover{border-right:solid 2px #fff; background:#b6873a;color:#fff;}

.sub_cata{width:1200px; margin:0 auto;}
.sub_cata ul li{vertical-align:middle; clear:both; width:100%; height:308px; background:#f5f5f5; margin-bottom:25px;}
.sub_cata ul li>p{float:left; display:inline; width:410px;}
.sub_cata ul li>p>span{display:block; text-align:center; font-size:26px; line-height:26px; margin-top:110px;}
.sub_cata ul li>p>a{display:block; width:127px; height:33px; text-align:center; line-height:33px; font-size:14px; color:#fff; background:#70bae7; border-radius:20px; margin:0 auto; margin-top:25px;}
.sub_cata ul li>p>a:hover{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
    -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, .8);  
    -moz-box-shadow:0 0px 10px rgba(0, 0, 0, .8);  
     box-shadow:0 0px 10px rgba(0, 0, 0, .8);
}


.sub_cata ul li>img{float:right; display:inline; width:1047px; height:308px;}
/**start 内页面包导航**/
.bar_subtree{width:100%; padding-bottom:10px; min-width:1200px; font-size:14px; overflow:hidden; border-bottom:solid 1px #ccc; padding-top:30px;}
.bar_subtree>div{width:1200px; margin:0 auto;}
.bar_subtree p{position:relative;  height:20px; color:#666; font-size:14px; float:left;background:url(../images/home.png) 0 0 no-repeat; padding-left:25px;}
.bar_subtree p span{color:#666}
.bar_subtree p a{color:#666;}
.bar_subtree p a:hover{color:#b6873a; text-decoration:underline;}
/**end 内页面包导航**/

/**联系我们 开始**/
.ca_box1{overflow:hidden; clear:both; width:1200px; margin:0 auto; padding:20px 0;}
.ca1_left{float:left;}
.ca1_right{float:right; width:300px;}
.ca1_right p{clear:both; height:55px;}
.ca1_right p img{float:left; display:inline;}
.ca1_right p span{float:left; display:inline; font-size:14px; line-height:14px; margin-top:10px; margin-left:5px;}
/**联系我们 结束**/

.foot_top{width:100%; min-width:1200px;}
.foot_out{overflow:hidden; clear:both; min-width:1200px; width:100%; background:url(../images/bg1.jpg) center 0 repeat; position:relative;width:100%; overflow:hidden;}
.F_link{width:100%; min-width:1200px; border-bottom:solid 1px #f9f5f4; padding-top:10px; padding-bottom:20px;}
.F_link ul{width:1200px; margin:0 auto;}
.F_link ul li{float:left; display:inline; color:#f9f5f4; margin-right:20px; margin-top:10px;}
.F_link ul li:nth-child(1){margin-right:0;} 
.F_link ul li a{color:#fff;}
.F_link ul li a:hover{color:#b6873a}
.foot_main{width:1200px; clear:both; margin:0 auto; overflow:hidden; line-height:180%; color:#4c4c4c; padding-bottom:20px;}
.foot_main a{color:#222;}
.foot_m1{float:left; display:inline;}
.foot_m2{float:right;}
.foot_log{clear:both; overflow:hidden; margin-top:20px; font-size:0;}
#foot_link{clear:both; overflow:hidden;color:#f9f5f4; margin-top:20px;}
#foot_link a{color:#f9f5f4; float:left;}
#foot_link span{float:left; padding:0 20px;}
.foot_demo{color:#f9f5f4; line-height:200%; display:block; margin-top:10px; font-size:14px;}
.foot_demo>a{color:#f9f5f4}
.tree_pa{width:1200px; margin:0 auto; border-top:solid 1px #ccc;}
.tree_pa p{display:block; clear:both; padding-top:15px; font-size:14px;}
.tree_pa p a:hover{color:#0066cb}

/**内页**/
.story_tree{position:relative; margin-top:40px; width:1200px; height:100px; overflow:hidden;}
.story_tree>a{position:absolute; bottom:8px;  z-index:999;}
.story_tree>a.story_prev{left:0; background:url(/images/story_ico1.png) 0 0 no-repeat; width:22px; height:24px;}
.story_tree>a.story_next{right:0; background:url(/images/story_ico2.png) 0 0 no-repeat; width:22px; height:24px;}
.story_nav{position:absolute; left:0; bottom:0; overflow:hidden; white-space:nowrap; width:100%; height:100px;}
.story_nav:before{position:absolute; left:25px; bottom:19px; content:""; height:1px; width:1150px; background:#0292dd;}
.story_nav ul li{float:left; display:inline; margin:0 23px;}
.story_nav ul li:nth-child(1){padding-left:25px;}
.story_nav ul li a{position:relative; height:60px; display:block; overflow:hidden;cursor:pointer; width:50px; text-align:center; margin-top:40px;}
.story_nav ul li a b{font-size:18px; color:#b5b5b5; font-weight:lighter; display:block;}
.story_nav ul li a i{width:15px; height:15px; position:absolute; left:50%; bottom:10px; border-radius:50%; margin-left:-10px; background:#fff; border:solid 2px #0292dd; display:block;}
.story_nav ul li a:hover b{color:#ffa882}
.story_nav ul li.on{margin:0;}
.story_nav ul li.on a{ margin-top:0; width:96px; text-align:center; height:100px;cursor:text;}
.story_nav ul li.on a b{font-size:40px; color:#0292dd; line-height:30px;}
.story_nav ul li.on a i{width:35px; height:35px; margin-left:-17px; background:#0292dd; bottom:0;}
.storycont{font-size:16px; color:#555; line-height:200%; min-height:200px;}


.subbar{width:100%; height:448px; overflow:hidden; clear:both; min-width:1200px;}
.sub_c1{overflow:hidden; clear:both; font-size:16px; color:#4c4c4c; line-height:200%; width:1200px; margin:0 auto; margin-top:95px;}
.sub_c2{width:1200px; margin:0 auto; clear:both; margin-top:50px;}
.sub_c21{float:left; width:360px; display:inline; margin-top:70px;}
.sub_c21_1{display:block; text-align:right; font-size:32px; font-weight:bold; line-height:35px;}
.sub_c21_2{clear:both; overflow:hidden; font-size:16px; color:#4c4c4c; line-height:220%; margin-top:30px;}
.sub_c22{float:right; width:820px; position:relative;}
.sub_c22_img1{width:378px; height:564px; float:left; display:inline; margin-top:55px;}
.sub_c22_img2{width:378px; height:564px; float:left; display:inline; margin-left:25px; margin-top:140px;}
.sub_c22_1{position:absolute; top:0; right:185px; width:316px; height:314px; background:url(/images/sub_ico2.png) 0 0 no-repeat;}
.sub_c3{width:100%; margin-top:100px; min-width:1200px; height:577px; background:url(/images/subimg4.jpg) 0 center no-repeat}
.sub_c3_c{width:1200px; margin:0 auto; clear:both;}
.sub_c3_c>img{float:left; display:inline; width:390px; height:577px;}
.sub_c3_c2{float:right; display:inline; width:790px; color:#fff; font-size:14px; line-height:250%; margin-top:70px;}
.sub_c4{width:1200px; margin:0 auto; margin-top:60px; margin-bottom:20px;}
.sub_c4 ul{width:103%;}
.sub_c4 ul li{float:left; display:inline; width:378px; height:378px; margin-right:34px; margin-bottom:34px;}

.sub_cont{width:1200px; margin:0 auto;  padding-top:0; clear:both;}

.bx1_type{color:#3d92e2; float:left; display:inline; margin-top:19px; overflow:hidden; padding-top:20px;}
.bx1_type a{display:inline-block; position:relative; overflow:hidden; text-align:center; line-height:40px; margin-right:10px; margin-bottom:10px; width:130px; height:40px; background:#fff; color:#999;}
.bx1_type a b{position:absolute; width:130px; height:40px; left:0; top:0; line-height:40px; font-size:14px; font-weight:lighter;transition: all .2s ease-in;}
.bx1_type a i{position:absolute;background:#307838; color:#fff; width:130px; height:40px; left:0; top:40px; line-height:40px; font-size:14px; font-style:normal;transition: all .2s ease-in;}
.bx1_type a.off:hover b{top:-5px;}
.bx1_type a.off:hover i{top:35px;}
.bx1_type a.on{}
.bx1_type a.on{background:#307838; color:#fff;}

@keyframes bx1_t2bg
{
	50% {background-position:15px center;}
	100% {background-position:30px center;}
}

@-webkit-keyframes bx1_t2bg /* Safari and Chrome */
{
	50% {background-position:15px center;}
	100% {background-position:30px center;}
}
/* Common style */



.splist {position: relative;clear: both;list-style: none;text-align: center; padding-top:30px;}
/* Common style */
.splist ul{width:1245px;}
.splist ul li{float:left; height:273px; width:268px; margin-bottom:30px; position:relative; background:#f0f0f0; margin-right:28px;transition: all .2s ease-in;}
.splist ul li p{width:inherit; height:220px; overflow:hidden; margin-top:3px;}
.splist ul li p>img{width:268px; height:220px;}
.splist ul li span{position:absolute; left:0; bottom:0; font-size:16px; width:100%; height:50px; text-align:center; line-height:50px; background:#e6e6e6; color:#4d4d4d; -webkit-transition: all 0.5s; overflow:hidden;}
.splist ul li b{width:0; position:absolute; height:3px; left:0; top:0; z-index:9; background:#1d823b;transition: all .2s ease-in;}

.splist ul li:hover{-webkit-box-shadow:0 3px 10px rgba(48, 120, 56, .8);-moz-box-shadow:0 3px 10px rgba(48, 120, 56, .8);box-shadow:0 3px 10px rgba(48, 120, 56, .8);}
.splist ul li:hover b{width:100%;}

.single_cont{line-height:200%; font-size:16px; overflow:hidden; clear:both; padding-top:20px; padding-bottom:20px;}


.newslist{width:1200px; margin:0 auto; clear:both;}
.newslist ul li{width:100%; clear:both; margin-top:20px; background:#f5f5f5; clear:both; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;}
.newslist ul li::after{clear:both;}
.newslist ul li .box5_time{float:left; display:inline; width:90px; height:80px; background:#1b6abb; clear:both; color:#fff; padding-top:10px; text-align:center; font-size:14px;}
.newslist ul li .box5_time b{font-size:36px; display:block; padding-top:5px;}
.newslist ul li .box5_div{width:1110px; float:left; display:inline; overflow:hidden; height:90px;}
.newslist ul li .box5_div div{float:left; display:inline; width:1100px; padding-left:10px; height:90px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .box5_div div a{display:block; margin-top:15px; line-height:14px; font-weight:bold;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .box5_div div p{clear:both; overflow:hidden; margin-top:8px; line-height:21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslist ul li:hover div{background:#1b6abb; color:#fff;}
.newslist ul li:hover div a{color:#fff; text-decoration:underline}


.sub_textlist{width:1200px; margin:0 auto;}
.sub_textlist ul li{vertical-align:bottom; overflow:hidden; border-bottom:dashed 1px #e5e5e5; height:30px; padding-top:15px;}
.sub_textlist ul li a{float:left; display:inline; font-size:14px; line-height:14px;}
.sub_textlist ul li span{float:right; display:inline; font-size:12px;}
.sub_textlist ul li a:hover{color:#ec000f}

.sub_rec{width:1200px; margin:0 auto;}
.sub_rec ul li{vertical-align:bottom; clear:both; overflow:hidden; height:128px; background:#f5f5f5; margin-top:20px;} 
.sub_rec ul li>img{float:left; display:inline; margin-top:14px; margin-left:15px; width:200px; height:100px;}
.sub_rec ul li>a{float:left; display:inline; margin-top:55px; font-size:18px; line-height:18px; font-weight:bold; margin-left:35px;}
.sub_rec ul li>i,.sub_rec ul li>span{float:right; font-size:16px; line-height:16px; margin-top:55px; font-style:normal; margin-right:25px; margin-left:55px;}

/**在线预约START**/
.online_out{width:1198px; border:solid 1px #17a93b; background:#f0fff4; margin:0 auto; margin-top:40px;}
.online_main{width:1158px; border:solid 1px #17a93b; margin:10px;}
.online_main ul li{vertical-align:bottom; clear:both; overflow:hidden; margin-top:25px;}
.online_main ul li label{float:left; display:inline; width:475px; text-align:right; font-size:22px; line-height:34px;}
.online_main ul li .yyinput{float:left; display:inline; width:353px; height:32px; background:#fff; border:solid 1px #17a93b;}
.subbtn{text-align:center; margin-top:30px; padding-bottom:40px;}
.subbtn input{width:210px; height:53px; text-align:center; line-height:53px; background:#17a93b; color:#fff; font-size:22px; border:0; border-radius:10px;}
/**在线预约END**/

.info_title{overflow:hidden; clear:both; text-align:center; font-size:18px; font-weight:bold; padding-top:25px;}
.info_demo{overflow:hidden; clear:both; text-align:center; width:1160px; margin:0 auto; position:relative; height:40px; font-size:14px; color:#999; padding-top:15px;}
.info_demo .bdsharebuttonbox{position:absolute; right:0; top:15px;}

.cheight{clear:both; width:1px;}
.link_out{width:1200px; margin:0 auto; position:relative; overflow:hidden; margin-top:20px; clear:both; padding-bottom:30px;}
.link_out b{float:left; display:inline; line-height:14px; margin-top:10px;}
.link_out a{float:left; display:inline; margin-right:20px; line-height:14px; margin-top:10px;}
.link_out i{position:absolute; right:0; top:10px; width:18px; height:13px; background:url(../images/linkmore.jpg) 0 0 no-repeat; cursor:pointer;}
.link_out i.on{ background:url(../images/linkmore1.jpg) 0 0 no-repeat}
.link_out a:hover{color:#d4231f}

.right_fix{position:fixed; right:0px; top:50%; margin-top:-85px; width:45px; z-index:9999;}
.right_fix a{position:relative; display:block; height:45px; width:45px;border-bottom:solid 1px #fff;}
.right_fix a.rf_qq{ background:#ca0404 url(/images/rtooles.png) center center no-repeat}
.right_fix a.rf_phone{background:#ca0404 url(/images/rtooles2.png) center center no-repeat; cursor:default;}
.right_fix a.rf_gtop{background:#ca0404 url(/images/rtooles3.png) center center no-repeat;border-bottom:0;}
.right_fix a.rf_gtop:hover{background-color:#666}
.right_fix a .sec_fix{position:absolute; top:0; right:0; height:45px; width:100px; padding-left:35px; color:#fff; font-size:14px; line-height:45px; background:#666; display:none;}
.right_fix a:hover .sec_fix{display:block;}



.suspension {position:fixed;z-index:155;right:10px;bottom:10px;width:80px;z-index:100000}
.suspension-box {position:relative;float:right;}
.suspension-box a.a {display:block;width:50px;height:50px;background-color:#B5B5B5;margin-bottom:1px;cursor:pointer;}
.suspension-box a.back_top {background-color:#797979;}
.suspension-box a.qq:hover,.suspension-box a.tel:hover,.suspension-box a.telphone:hover,.suspension-box a.code:hover,.suspension-box a.mapline:hover {background:#d2b17b;opacity:0.6;filter:alpha(opacity=60);}
.suspension-box a.back_top:hover {background-color:#d2b17b;}
.suspension-box a i {display:block;float:left;width:25px;height:25px;margin-left:15px;margin-top:15px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;text-indent:-9999px;}
.suspension-box a.qq i {background-position:0 0;}
.suspension-box a.tel i {background-position:-25px 0;}
.suspension-box a.telphone i {background:url(/images/telphone.png) 0 0 no-repeat; background-size:20px}
.suspension-box a.code i {background-position:0 -25px;}
.suspension-box a.mapline i {background:url(/images/mapline.png) 0 0 no-repeat; background-size:24px}
.suspension-box a.back_top i {background-position:-28px -25px;}
.suspension-box div.code {position:absolute;left:-200px;*left:-207px;top:0;display:none;width:178px;height:198px;padding-left:10px;padding-top:10px;background-color:#fff;border:1px solid #D9D9D9;}
.suspension-box div.code p {width:155px;margin-top:5px;text-align:center;}
.suspension-box div.code i {width:8px;height:15px;position:absolute;top:118px;right:-8px;background-image:url(../images/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.tencent {position:absolute;left:-187px;top:0px;width:177px;height:85px;display:none;background-color:#fff;border:1px solid #D7D7D7;}
.suspension-box div.tencent p.tencent-p {width:75px;float:right;margin-right:18px;margin-top:18px;font-size:16px;color:#333;}
.suspension-box div.tencent i.tencent-i {width:8px;height:15px;position:absolute;top:10px;right:-8px;text-indent:-9999px;background-image:url(../images/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.tencent b.tencent-b {position:absolute;left:10px;top:10px;width:62px;height:64px;background-image:url(../images/circle-tencent.png);background-repeat:no-repeat;}
.suspension-box div.tencent span.tencent-span {position:absolute;left:8px;top:7px;border-radius:22px;width:45px;height:48px;text-align:center;z-index:99;overflow:hidden;}
.suspension-box div.tencent .tencent-qq {position:absolute;left:3px;top:0px;height:45px;width:39px;}
.suspension-box div.tel {position:absolute;left:-187px;top:0px;display:none;width:177px;height:85px;background-color:#fff;border:1px solid #D7D7D7;}
.suspension-box div.tel i {width:8px;height:15px;position:absolute;top:20px;right:-8px;background-image:url(../images/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.tel strong {display:block;margin-left:17px;margin-top:16px;font-size:16px;font-weight:normal;}
.suspension-box div.tel p {margin-left:17px;font-size:23px;font-family:arial;color:#FD696D;}

.suspension-box div.telphone {position:absolute;left:-187px;top:50px;display:none;width:177px;height:85px;background-color:#fff;border:1px solid #D7D7D7;}
.suspension-box div.telphone i {width:8px;height:15px;position:absolute;top:20px;right:-8px;background-image:url(../images/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.telphone strong {display:block;margin-left:17px;margin-top:16px;font-size:16px;font-weight:normal;}
.suspension-box div.telphone p {margin-left:17px;font-size:23px;font-family:arial;color:#FD696D;}