@charset "utf-8";
.i_pictitle{ width:1160px; margin:0px auto; padding:10px 0px; background-color:#FFF; border-bottom:1px #f1eded solid; }
.i_pictitle h3{ font:18px/40px 'Microsoft YaHei'; color:#5A5A5A;}
.i_pictitle h3 span{ padding-left:10px;}

.i_pic{ width:100%; margin:0px auto; padding:10px 0px; background-color:#FFF; overflow:hidden;}
.i_pic ul{ display: flex; flex-wrap: wrap; padding-top:10px;}
.i_pic ul li{flex: 0 0 24%; margin-right:calc(4%/3); position:relative;  justify-content: space-between; margin-bottom:18px; overflow:hidden;}
.i_pic ul li:nth-child(4n){ margin-right:0;}
.i_pic ul li .imgbox { width:100%; height:240px; text-align: center; overflow:hidden; }
.i_pic ul li .imgbox img{ width:100%; height:100%; border-radius:3px; -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out; }
.i_pic ul li .imgbox img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.i_pic ul li p{ width:100%; text-align:center; line-height:40px;}
.i_pic ul li p a{ font-size:18px; line-height:40px;}

.s_thumb{ width:100%; margin:15px auto; text-align:center;}
.s_thumb li{ margin-bottom:15px;}
.s_thumb li img{ max-width:100%;}

.pic_s_t{ width:100%; height:56px; background-color:#FFF; border-bottom:1px #D5D5D5 solid; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;}
.pic_s_t a{ font:16px/56px "Microsoft YaHei"; }
.pic_s_t h3{ font:16px/56px "Microsoft YaHei"; padding-left:5px;}
.pic_s_c{ width:1198px; border:1px #EFEFEF solid; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:#FFF; overflow:hidden;}
.pic_s_c .img_title{ width:1070px; margin:35px auto; text-align:center; font:20px/40px "Microsoft YaHei"; margin-bottom:20px; color:#2A2A2A; overflow:hidden;}
.pic_s_c .img_show{ width:1090px; margin:15px auto; font:15px/32px "Microsoft YaHei"; color:#8A8A8A; word-break:break-all;}
.pic_s_c .img_line{  width:1090px; margin:5px auto; border-top:1px #E3E3E3 solid;  padding-top:5px; color:#C5C5C5; margin-bottom:15px; line-height:22px; text-align:center;}
.pic_s_c .img_thumb{ width:100%; margin:40px auto; text-align:center;}
.pic_s_c .img_thumb img{ max-width:350px; height:auto;}
.pic_s_c .img_line span{ margin-left:20px;}
.pic_s_c .img_line i{ width:70px; font-style:normal; display:inline-table; text-align:left;}
.pic_s_c .a_next{ width:1070px; margin:15px auto;  margin-top:120px;}
.pic_s_c .a_next li{ line-height:26px;}
.pic_s_c .fx{ width:100%; margin:40px auto;font-size:13px;  overflow:hidden;}
.pic_s_c .fx span{ font-size:12px;}
.pic_s_c .fx table td{ padding:8px;}
.pic_s_c .fx table td a{ color:#5E5E5E; font-size:12px;}

.s_box{ width:1120px; margin:15px auto; overflow:hidden;}
.s_box_l{ width:450px; float:left; text-align:center; margin-right:50px; overflow:hidden;}
.show_pic{ width:100%; position: relative; text-align:center; height:300px; margin-bottom:30px; overflow: hidden;}
.show_pic li { text-align:center;}
.show_pic img { height:300px; border: 0 none;}
.show_pic ul, .datouwang ol { list-style-type: none;}
.flex-viewport { z-index: 1;}
.flex-control-nav { position: absolute; right: 110px; bottom: 10px; z-index: 2; width: 130px; text-align: right;}
.flex-control-nav li { display: inline-block; *display: inline; zoom: 1;}
.flex-control-nav a { float: left; width: 23px; height: 23px; line-height: 100px; overflow: hidden; background: url(../images/dot2.png) 4px 4px no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background: url(../images/dot3.png) 3px 3px no-repeat;}
.flex-direction-nav { position: absolute; z-index: 3; right: 0; bottom: 0; width: 100px; height: 50px;}
.flex-direction-nav li { float: left;}
.flex-direction-nav a { float: left; width: 50px; height: 50px; text-indent: -9999px; overflow: hidden;}
.flex-prev { background: #fff url(../images/arrow.png) 0 0 no-repeat;}
.flex-prev:hover { background-position: 0 -50px;}
.flex-next { background: #fff url(../images/arrow.png) right 0 no-repeat;}
.flex-next:hover { background-position: -50px -50px;}

.s_box_r{ width:560px; float:right;}
.s_box_r h3{ font:16px/42px "Microsoft YaHei"; margin-top:30px;}
.s_box_r p{ font:14px/42px "Microsoft YaHei"; }
.online{ display:inline-table; height:25px; font-size:14px; line-height:25px; border-radius:6px; padding:5px 20px; background-color:#1794F0; color:#FFF; text-align:center;}
.s_box_r p.jyms{ font:12px/26px "Microsoft YaHei"; color:#737373; word-break:break-all;}
.s_box_r p span{ font:14px/26px "Microsoft YaHei"; color:#393939;}

@media only screen and (max-width:767px) {
.i_pic{ width:100%; margin:0px auto; padding:10px 0px; background-color:#FFF; overflow:hidden;}
.i_pic ul{ display: flex; flex-wrap: wrap; padding-top:10px;}
.i_pic ul li{flex: 0 0 46%; margin-right:calc(8%/1); position:relative;  justify-content: space-between; margin-bottom:18px; overflow:hidden;}
.i_pic ul li:nth-child(2n){ margin-right:0;}
.i_pic ul li .imgbox { width:100%; height:180px; text-align: center; overflow:hidden; }
.i_pic ul li .imgbox img{ width:100%; height:100%; border-radius:3px; -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out; }
.i_pic ul li .imgbox img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.i_pic ul li p{ width:100%; text-align:center; line-height:40px;}
.i_pic ul li p a{ font-size:14px; line-height:40px;}
}