@charset "utf-8";
/* CSS Document */

.yous_box{width:1190px; margin: 0 auto; text-align: left;}
.jm_banner{}
.jm_bannner_pic{ width:1190px; margin:0 auto; height:643px; text-indent:-9999px;}
.jm_banner_ys{background:url(../images/yongtu/banner_ys.jpg) center top; height:643px;}
.jm_banner_wd{background:url(../images/yongtu/banner_wd.jpg) center top; height:643px;}
.jm_banner_case{background:url(../images/yongtu/banner_case.jpg) center top; height:643px;}
.jm_banner_lc{background:url(../images/yongtu/banner_lc.jpg) center top; height:643px;}
.jm_banner_tj{background:url(../images/yongtu/banner_tj.jpg) center top; height:643px;}
.jm_banner_zc{background:url(../images/yongtu/banner_zc.jpg) center top; height:643px;}

.yous_bt{ background:url("../images/ys_bt_bg.png") no-repeat center bottom; height:120px;text-align: center;}
.yous_bt h1{ font-size: 36px; line-height: 40px; padding-top: 30px;}
.yous_bt p{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size: 24px; line-height: 30px; margin-top: -10px;}
.yous_tit{width:1190px; overflow:hidden;}
.yous_tit ul{width:1250px;}
.yous_tit ul li{ width: 160px; float: left; margin-right: 46px;}
.yous_tit ul li span{ width: 160px; height: 68px; display: block; cursor: pointer; background-color:#00a09b; line-height: 68px; text-align: center; font-size:18px; color: #fff;}
.yous_tit ul li span:hover{ background-color:#333;}
.yous_tit ul li.current span{height: 79px; background: url("../images/ys_bt_a.png") no-repeat center bottom;}

.yous_nra{ padding:0 0 140px 0;}
.yous_nr_pic{ width:480px; height: 382px; float: left; padding-top: 34px;}
.yous_nr_r{ width:600px; float:right; font-size:18px; padding-right:40px;}
.yous_nr_r h3{ height:88px; font-size: 24px; padding-left:62px; line-height: 88px;}
.yous_nr_r p{font-size:18px; line-height: 150%;}
.yous_nr_r strong{ color:#1e75bc;}
.yous_nr_r .pic1{ background:url("../images/ys_pic1.png") no-repeat left center;}
.yous_nr_r .pic2{ background:url("../images/ys_pic2.png") no-repeat left center;}
.yous_nr_r .pic3{ background:url("../images/ys_pic3.png") no-repeat left center;}
.yous_nr_r .pic4{ background:url("../images/ys_pic4.png") no-repeat left center;}
.yous_nr_r .pic5{ background:url("../images/ys_pic5.png") no-repeat left center;}
.yous_nr_r .pic6{ background:url("../images/ys_pic6.png") no-repeat left center;}


.zhichi_box{width:1190px; margin: 0 auto; text-align: left; padding-bottom:100px;}

.zhichi_bt{ background:url("../images/ys_bt_bg.png") no-repeat center bottom; height:120px;text-align: center; }
.zhichi_bt h1{ font-size: 36px; line-height: 40px; padding-top: 30px;}
.zhichi_bt p{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size: 24px; line-height: 30px; margin-top: -10px;}

.zhichi_tit{ width:686px; float:right; overflow:hidden; margin-top:38px;}

.zhichi_tit ul{ width:710px;}
.zhichi_tit ul li{ width:214px; height:272px; margin:0 22px 22px 0; float:left; background-color:#e7e7e7; cursor:pointer;}
.zhichi_tit ul li.current{ background-color:#fff; box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}
.zhichi_tit ul li.current span{ background-color:#333;}
.zhichi_tit ul li i{ width:134px; height:134px; display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; margin:39px 
0 0 40px;}
.zhichi_tit ul li:hover i{transform: rotateY(180deg);transition: transform 0.8s; /* 平滑过渡效果 */
  transform-style: preserve-3d;}
  .zhichi_tit ul li:hover span{ background-color:#333;}

.zhichi_tit ul li span{ height:60px; line-height:60px; display:block; background-color:#00a09b; font-size:24px; color:#fff; text-align:center; margin-top:39px;}
.zhichi_tit ul li i.pic1{ background-image:url(../images/yongtu/zhichi_pic1.png);}
.zhichi_tit ul li i.pic2{ background-image:url(../images/yongtu/zhichi_pic2.png);}
.zhichi_tit ul li i.pic3{ background-image:url(../images/yongtu/zhichi_pic3.png);}
.zhichi_tit ul li i.pic4{ background-image:url(../images/yongtu/zhichi_pic4.png);}
.zhichi_tit ul li i.pic5{ background-image:url(../images/yongtu/zhichi_pic5.png);}
.zhichi_tit ul li i.pic6{ background-image:url(../images/yongtu/zhichi_pic6.png);}

.zhichi_nr{ margin-top:38px; width:484px; overflow:hidden; float:left;}
.zhichi_nra{ width:484px; position:relative; height:566px;}
.zhichi_nr_pic{ width:484px;}
.zhichi_nr_tit{ position:absolute; left:0; bottom:0; height:134px; background-color:#00a09b;  width:484px; color:#fff;}
.zhichi_nr_tit h3{ font-size:24px; padding-left:134px; padding-top:8px;}
.zhichi_nr_tit p{ padding-left:134px; font-size:18px; line-height:150%; color:#fff; padding-right:40px;}
.zhichi_nr .zhichi_nr_tit{ background-repeat:no-repeat;}
.zhichi_nr .pic1{ background-image:url(../images/zhichi_nr_tit1.png);}
.zhichi_nr .pic2{ background-image:url(../images/zhichi_nr_tit2.png);}
.zhichi_nr .pic3{ background-image:url(../images/zhichi_nr_tit3.png);}
.zhichi_nr .pic4{ background-image:url(../images/zhichi_nr_tit4.png);}
.zhichi_nr .pic5{ background-image:url(../images/zhichi_nr_tit5.png);}
.zhichi_nr .pic6{ background-image:url(../images/zhichi_nr_tit6.png);}


.anli_list{ width:1190px; overflow:hidden;}
.anli_list ul{ width:1224px;}
.anli_list ul li{ float:left; width:272px; margin-right:34px; height:536px; overflow:hidden;}

.anli_list ul li span img{ width:272px; height:355px;}
.anli_list ul li span{ display:block; width:270px; height:355px; overflow:hidden;}
.anli_list ul li strong{ display:block; font-size:18px; color:#0099ab; height:36px; line-height:36px; padding:10px 10px 0 10px;}
.anli_list ul li em{ font-style:normal; font-size:14px; color:#333;  padding:10px 10px 0 10px; display:block; line-height:22px; height:64px; overflow:hidden;}
.anli_list ul li p{ line-height:22px; font-size:14px; color:#999;line-height:22px; padding:0 10px;}

.anli_list ul li:hover{ box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}
.anli_list ul li:hover strong{ color:#333;}

.liucheng_list{ width:1190px; overflow:hidden;}
.liucheng_list ul{ width:1312px; background:url(../images/yongtu/liucheng_bg.png) no-repeat 200px 160px;}
.liucheng_list ul li{ width:190px; height:250px; padding-top:10px; background-color:#eee; float:left; margin:50px 60px 0 0;}
.liucheng_list ul li span{ display:block; height:90px; width:100px; background-repeat:no-repeat; background-position:center top; margin-left:45px;}
.liucheng_list ul li:hover span{transform: rotateY(180deg);transition: transform 0.8s; /* 平滑过渡效果 */
  transform-style: preserve-3d;}
.liucheng_list ul li span.pic1{ background-image:url(../images/yongtu/liucheng_pic1.png);}
.liucheng_list ul li span.pic2{ background-image:url(../images/yongtu/liucheng_pic2.png);}
.liucheng_list ul li span.pic3{ background-image:url(../images/yongtu/liucheng_pic3.png);}
.liucheng_list ul li span.pic4{ background-image:url(../images/yongtu/liucheng_pic4.png);}
.liucheng_list ul li span.pic5{ background-image:url(../images/yongtu/liucheng_pic5.png);}
.liucheng_list ul li span.pic6{ background-image:url(../images/yongtu/liucheng_pic6.png);}
.liucheng_list ul li span.pic7{ background-image:url(../images/yongtu/liucheng_pic7.png);}
.liucheng_list ul li span.pic8{ background-image:url(../images/yongtu/liucheng_pic8.png);}
.liucheng_list ul li span.pic9{ background-image:url(../images/yongtu/liucheng_pic9.png);}
.liucheng_list ul li span.pic10{ background-image:url(../images/yongtu/liucheng_pic10.png);}
.liucheng_list ul li strong{ display:block; text-align:center; font-size:18px; color:#333; height:26px; line-height:26px;}
.liucheng_list ul li p{ padding:0 10px; text-align:center; padding-top:10px;}
.liucheng_list ul li:hover{box-shadow: 0 0 10px 0px rgba(0,0,0,0.3); background-color:#fff;}

.tiaojian{ }
.tiaojian_pic{ float:left;}
.tiaojian_txt{ float:right; width:650px;}
.tiaojian_tit{ text-align:center;}
.tiaojian_tit h2{ font-size:36px; color:#009699;}
.tiaojian_txt .tit1{ font-size:16px; font-weight:bold; line-height:40px;color:#009699; padding-left:34px;}
.tiaojian_tit p{ font-size:16px; padding-bottom:40px; color:#999;}
.tiaojian_txt ul{ background-color:#e9e9e9; padding:14px 20px; font-size:16px;}
.tiaojian_txt ul li{ line-height:32px; background:url(../images/yongtu/dian.png) no-repeat left center; padding-left:14px; color:#666;}


.question_list{ width:1190px; overflow:hidden;}
.question{ border:1px solid #00a09b; margin-top:20px; padding:10px 20px;}
.question:hover{ background-color:#e9e9e9;}
.question h2{ font-size:18px; margin:0;}
.question span{ display:block; font-weight:bold; height:40px; line-height:40px; padding-left:30px; background:url(../images/yongtu/wenda_pic.png) no-repeat left center; color:#00a09b;}