@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#292929;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.clear{clear:both}

.oveh{overflow:hidden}

::-webkit-scrollbar {
    display: none;
}

::-moz-placeholder {
    color: #aaa;
}

::-webkit-input-placeholder {
    color: #aaa;
}

:-ms-input-placeholder {
    color: #aaa;
}

::selection {
    background: #111;
    color: #fff;
    font-weight: bold
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
hr {
    height: 1px;
    background: #ccc;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}


.topbox {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9990;
    background: #fff;
}
.top {
    width: 1150px;
    height: 70px;
    margin: 0px auto;
}
.top_lf {
    width: 290px;
    float: left;
    height: 70px;
}
.top_mid {
    width: 643px;
    float: left;
    height: 70px;
}

.top_mid li{width:89px; float:left;text-align:center; /* position:relative;*/}
.top_mid a{width:89px;height:42px; line-height:42px;padding-top:15px;display:block;font-size:16px; color: #060606;/*overflow:hidden;*/}
.top_mid li a:after{content: ""; display: block; height: 4px; opacity: 0; background-color: rgb(0, 153, 255); transition: all 0.5s ease 0s;}
.top_mid li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;color:#0099ff;}

.top_ri {
    width: 217px;
    float: left;
}
.top_ri_le {
    width: 53px;
    float: left;
}
.top_ri_ri {
    width: 164px;
    float: left;
    line-height: 70px;
    color: rgb(0, 153, 255);
    font-size: 18px;
    font-weight: bold;
}

.banner{ width: 100%; height: 857px; position: relative; margin-top: 60px;  overflow: hidden;}
.banner2{ width: 100%; height: 494px;  margin-top: 60px;  overflow: hidden;}
.b-img{ height:857px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:857px; float:left;}
.b-list{ height:50px;position:relative; margin:800px auto 0;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#74a4ff;}
.b-list .spcss{background:#123577;}

.tibj {
    width: 1150px;
    text-align: center;
    font-size: 16px;
    height: 130px;
    padding-top: 50px;
    margin: 0px auto;
    background: url(../images/ti_bj.png) center bottom no-repeat;
}
.titxt {
    font-size: 24px;
    width: 1150px;
    height: 80px;
}
.tinr {
    width: 1150px;
    text-align: center;
    height: 60px;
    font-size: 12px;
    padding-top: 20px;
    margin: 0px auto;
}

.tgbox {
    min-width: 1200px;
    color: rgb(102, 102, 102);
    margin-top: 30px;
    font: 12px / 150% Arial, Verdana, "microsoft yahei";
}
table tr:nth-child(odd) {
    background: #F4F4F4;
}

table td:nth-child(even) {
    color: #F36140;
}

table tr:nth-child(2) {
    background: #fff;
    color: #888;
}

table.aui-tab-data tr {
    background: #fff;
}

table.aui-tab-data tr:nth-child(odd) {
    background-color: #F5F5F5;
}

table.aui-tab-data tr th {
    padding: 10px;
}

table.aui-tab-data tr td {
    padding: 10px;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.casebox {
    width: 1150px;
    margin: 30px auto 0px;
}
.casebox li {
    width: 383px;
    float: left;
    height: 260px;
}

.img_div {
    position: relative;
    width: 364px;
    height: 240px;
    overflow: hidden;
}

.topp {
    width: 344px;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 2;
    display: none;
    border-bottom: 2px solid white;
    animation: 1s ease 0s 1 normal forwards running zhang;
}
.rightp {
    width: 2px;
    height: 220px;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    display: none;
    border-right: 2px solid white;
    animation: 1s ease 0s 1 normal forwards running ya;
}
.bottomp {
    width: 344px;
    height: 2px;
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: 2;
    display: none;
    border-bottom: 2px solid white;
    animation: 1s ease 0s 1 normal forwards running zhang;
}
.leftp {
    width: 2px;
    height: 220px;
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 2;
    display: none;
    border-left: 2px solid white;
    animation: 1s ease 0s 1 normal forwards running ya;
}
.mask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 364px;
    height: 240px;
    display: none;
    z-index: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    padding-top: 120px;
    background: rgba(43, 43, 43, 0.6);
}

.mask a {
    color: #fff;
    font-size: 16px;
}
.img_div img {
    transition: all 0.4s ease 0s;
}

.img_div:hover .mask {
    display: block;
}

.mask:hover+img {
    transform: scale(1.1);
}

.img_div:hover .topp,
.img_div:hover .bottomp,
.img_div:hover .rightp,
.img_div:hover .leftp {
    display: block;
}

.mask:hover+.topp,
.mask:hover+.bottomp,
.mask:hover+.leftp,
.mask:hover+.rightp {
    animation-play-state: running;
}

@keyframes zhang {
    0% {
        width: 0;
    }
    100% {
        width: 344px;
    }
}

@keyframes ya {
    0% {
        height: 0;
    }
    100% {
        height: 220px;
    }
}
.casebtn {
    width: 298px;
    height: 60px;
    background-color: rgb(0, 153, 255);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 60px;
    margin: 40px auto 0px;
}

.casebtn a {
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 60px;
    font-size: 24px;
}

.tibj2 {
    width: 1150px;
    text-align: center;
    font-size: 16px;
    height: 70px;
    padding-top: 50px;
    margin: 0px auto;
}

.jsbox {
    width: 1150px;
    margin: 20px auto 0px;
}

.jsbli {
    width: 191px;
    height: 250px;
    float: left;
    background: url(../images/tab_bj.jpg) no-repeat;
    display:block;
}
.jsbli:hover{background: url(../images/tab_bj2.jpg) no-repeat;}

.jsbliimg {
    width: 176px;
    text-align: center;
    height: 110px;
    padding-top: 50px;
}

.jsbli img{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
}
	
.jsbli:hover img{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.jsliti {
    width: 176px;
    text-align: center;
    height: 45px;
    font-size: 16px;
    color: rgb(51, 51, 51);
}

.jslitxt {
    width: 170px;
    padding-left: 20px;
    line-height: 20px;
    font-size: 12px;
    color: rgb(51, 51, 51);
}

.process {
    width: 950px;
    cursor: default;
    height: 200px;
    margin: 0px auto;
}
  .process-items {
    display: table;
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    color: #000;
    font-size: 18px;
    text-align: center;
  }
  .process-items li {
    display: table-cell;
    width: 11.3%;
    vertical-align: bottom;
    padding: 0 .5em;
    -webkit-transform: scale(0.65) translateY(40px);
            transform: scale(0.65) translateY(40px);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  .process-items li.active {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
  .process-items em {
    display: block;
    margin-top: .5em;
  }

.bot {
    width: 100%;
    height: 297px;
    background: url(../images/boot.jpg) no-repeat;
}

.botbox {
    width: 1150px;
    margin: 0px auto;
}

.botle {
    width: 460px;
    float: left;
}

.botleti {
    width: 433px;
    height: 90px;
    color: rgb(204, 204, 204);
    font-size: 16px;
    padding-top: 55px;
    border-bottom: 1px solid rgb(85, 102, 112);
}

.botletxt {
    width: 433px;
    padding-top: 20px;
    line-height: 20px;
    color: rgb(204, 204, 204);
    font-size: 12px;
    overflow: hidden;
}

.botbox a {
    color: rgb(204, 204, 204);
}

.botmid {
    width: 314px;
    float: left;
}

.botmidti {
    width: 314px;
    height: 90px;
    color: rgb(204, 204, 204);
    font-size: 16px;
    padding-top: 55px;
    border-bottom: 1px solid rgb(85, 102, 112);
}
.botmidtxt {
    width: 300px;
    padding-top: 20px;
    line-height: 20px;
    color: rgb(204, 204, 204);
    font-size: 12px;
    overflow: hidden;
}
.botri {
    width: 375px;
    float: left;
}
.botriup {
    width: 375px;
    height: 212px;
}
.botriuple {
    padding-left: 30px;
    padding-top: 40px;
    float: left;
}
.botriupri {
    padding-top: 60px;
    line-height: 20px;
    color: rgb(204, 204, 204);
    font-size: 12px;
    float: left;
    padding-left: 30px;
}
.botridown {
    font-size: 24px;
    color: rgb(0, 153, 255);
    padding-left: 30px;
    line-height: 35px;
}

.botridown em {
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-style: italic;
}
.foot {
    width: 100%;
    height: 70px;
    background-color: rgb(0, 0, 0);
}
.footbx {
    width: 1000px;
    padding-top: 15px;
    text-align: center;
    color: rgb(204, 204, 204);
    line-height: 25px;
    font-size: 12px;
    margin: 0px auto;
}


.dy_linbj{width:100%; height:57px; background:url(../images/dy_bj.jpg) repeat-x; overflow:hidden}
.dy_lintxt{width:1150px; margin:0 auto;height:57px;  overflow:hidden}
.dy_lintxtnr{width:1100px; text-align:right; line-height:57px; height:57px; overflow:hidden}
.c_red{color:#bd0f28}
.c_gry{color:#282828}
.dybox{width:1153px; margin:0 auto; min-height:800px; display:block; background-color:#fff}
.dybox_left{width:230px; float:left; padding-left:20px;}
.dyb_lti{width:233px; height:60px; background:#bd0f28; text-align:center; font-size:24px; color:#fff; margin-top:40px; line-height:60px}
.dyb_ltxt{width:231px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; display:block; min-height:200px}
.dyb_listbx{width:231px;padding-bottom:5px;padding-top:5px;}
.dyb_list{width:200px; height:40px;  background:#999; margin:0 auto; text-align:center }
.dyb_list a{width:200px; height:40px;color:#fff; text-align:center; line-height:40px; font-size:16px}
.dyb_list a:hover{color:#fff; text-align:center; line-height:40px; font-size:16px; background:#bd0f28;width:200px; height:40px; display:block }
.dyb_list1{width:200px; height:40px;  background:#bd0f28; margin:0 auto; text-align:center }
.dyb_list1 a{color:#fff; text-align:center; line-height:40px; font-size:16px}
.dyb_lti2{width:233px; height:60px; background:#bd0f28; text-align:center; font-size:24px; color:#fff; margin-top:50px; line-height:60px}
.dyb_ltxt2{width:211px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; min-height:100px; padding:10px; line-height:30px; font-size:14px}


.dybox_right{width:870px; float:left; padding-left:30px;}

.dy_boxti{width:1153px; margin:0 auto}
.dytti{width:1150px; text-align:center; font-size:36px; color:#282828; font-weight:bold; line-height:80px; margin:0 auto; overflow:hidden}
.dyttibx{width:1150px; margin:0 auto; text-align:center;overflow:hidden; margin-top:30px;} 
.dyttibx li{width:160px; height:70px;list-style:none}
.dyttibxli{width:150px; height:50px; line-height:50px; text-align:center; font-size:16px; display:block; border:1px solid #333; background-color:#f6f6f6}
.dyttibx li a:hover{ background-color:#cde6ff}
.dyttibx ul {display:table;margin-left:auto;margin-right:auto;}
.dyttibx ul li{float:left;*float:none;*display:inline;*zoom:1;}




.dy_libx2{width:150px; height:50px; line-height:50px; text-align:center; font-size:16px; display:block; border:1px solid #333; background-color:#cde6ff}
.dy_nr{width:1130px; line-height:30px; color:#282828; padding:20px}

.dy_nr1{width:1130px; line-height:30px; color:#282828; padding-left:15px}
.dy_boxti1{width:900px;}
.dytti1{width:900px; text-align:center; font-size:36px; color:#282828; font-weight:bold; height:80px; padding-top:40px;}
.dy_libx1{width:200px; background:url(../images/news_bj2.png) no-repeat; height:83px; text-align:center; line-height:60px; color:#282828; float:left; font-size:24px; margin-right:20px;margin-left:10px;}
.dy_libx21{width:200px; background:url(../images/news_tab.png) no-repeat; height:83px; text-align:center; line-height:60px; color:#fff; float:left; font-size:24px;margin-right:20px; margin-left:10px;}
.dy_libx21 a{width:200px; background:url(../images/news_tab.png) no-repeat; height:83px; text-align:center; line-height:60px; color:#fff; float:left; font-size:24px;margin-right:20px;}
.dy_nr1{width:870px; line-height:30px; color:#282828}


.pro_jiao{ min-width:200px; height:38px; border:2px solid #bd0f28; background:#fff; text-align:center; line-height:40px; color:#282828; float:left; font-size:24px;padding:10px; margin-bottom:20px; margin-right:20px;}
.pro_jiao2{ min-width:200px; height:80px; background:url(../images/jiao.png) no-repeat bottom; text-align:center; line-height:60px; color:#fff; float:left; font-size:24px;margin-right:20px;}
.pro_jiao_up{ min-width:200px; height:40px; background:#bd0f28; text-align:center; line-height:40px; color:#fff; font-size:24px; padding:10px;}
.pro_jiao_up a{ min-width:200px; height:40px; background:#bd0f28; text-align:center; line-height:40px; color:#fff; font-size:24px; padding:10px;}

.prolistbox{width:1150px; overflow:hidden;}
.prolistbox ul{width:380px; height:240px; float:left;overflow:hidden; position: relative; margin-top:20px}
.prolistbox ul li a{display:block;}
.prolistbox ul li img{width:364px; height:240px;}
.prolistbox ul li p{width:364px; height:240px;overflow:hidden;}
.prolistbox ul li h3{line-height:50px;height:50px; font-size:14px; width:364px;font-weight: normal; background: rgba(73,73,73,.8); color: #FFFFFF; position: absolute;bottom:0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center }

.syproul p img{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.syproul:hover p img{transform:scale(1.2);}

.main_page{margin:0 auto;width:1115px; margin-top:50px; overflow:hidden; display:block;  text-align:center; margin-bottom:20px}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#23549f;color:#fff;border:#23549f solid 1px;}  

.main_page1{margin:0 auto;width:850px; margin-top:50px; overflow:hidden; display:block;  text-align:center; margin-bottom:20px}
.main_page1 a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page1 a:hover{background:#23549f;color:#fff;border:#23549f solid 1px;}  

.pro_show_pic{width:1153px; margin:0 auto;margin-bottom:20px;}

.pro_sline{width:850px; height:2px; border-bottom:1px solid #999}
.pro_show{width:850px;  margin-top:10px; height:150px;}
.pro_s_l{width:100px; float:left; line-height:120px; color:#282828; font-size:16px}
.pro_s_x{width:750px; float:left}
.pro_s_x ul li{width:170px; float:left}
.pro_s_x ul li img{width:165px; height:115px;}

.f_l ul{height:100px; margin-left:0; margin-top:10px; margin-bottom:20px; width:900px;}
.f_l ul li{float:left; width:50%; height:36px; line-height:36px; margin:0 auto; text-align:center;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;}
.f_l ul li a:link,.f_l ul li a:visited,.f_l ul li a:hover,.f_l ul li a:active{width:50%;margin:0 auto; color:#666; display:block; text-align:center; font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;}

.news_ti{width:1115px; height:80px; line-height:80px; text-align:center; margin:0 auto; font-size:16px; font-weight:bold}
.news_nr{width:1115px; line-height:30px; color:#333; margin:0 auto; padding-top:20px; font-size:16px;}

.news_nd{width:1000px; height:110px;overflow:hidden; text-overflow:ellipsis; padding-top:10px; padding-left:30px;}
.news_nd_ti{width:1000px; height:36px; line-height:36px; color:#393939; font-size:16px; font-weight:bold; background:url(../images/news_icon.png) no-repeat left}
.news_nd_ti a{padding-left:30px;}
.news_nd_nr{width:1000px; height:65px;overflow:hidden; text-overflow:ellipsis;}
.news_nd_nr a{width:1000px; height:65px;padding-left:30px;color:#393939; font-size:14px; overflow:hidden; text-overflow:ellipsis; }



@media screen and (min-width:1280px){
.tgal { background: #f5f5f5; padding-top:70px; padding-bottom:80px;}
.t-container {
	width:1000px;
    margin: 0 auto;
    padding-top: 20px;
}
.t-container ul {
    text-align: center;
}
.t-container ul li {
    display: inline-block;
    margin-right: 30px;
    width: 22%;
    height: 314px;
    border-radius: 0;
    padding: 75px 25px;
    cursor: pointer;
    border: 1px solid #00c2de;
    color: #323232;
    box-sizing: border-box;
}
.t-container ul li.on, .t-container ul li:hover {
    background: #00c2de;
    color: #fff;
    border: 1px solid #00c2de;
}
.t-container ul li:last-child {
    margin-right: 0;
}
.ability-item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 45px;
}
.ability-item-desc {
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.tgal { background: #f5f5f5; padding-top:45px; padding-bottom:50px;}
.t-container {
	width:94%;
    margin: 0 auto;
    padding-top: 20px;
}
.t-container ul {
    text-align: center;
}
.t-container ul li {
    display:block;
	float:left;
    margin-right:3%;
    width: 22.75%;
    border-radius: 0;
    padding:30px 20px;
    cursor: pointer;
    border: 1px solid #00c2de;
    color: #323232;
    box-sizing: border-box;
}
.t-container ul li.on, .t-container ul li:hover {
    background: #00c2de;
    color: #fff;
    border: 1px solid #00c2de;
}
.t-container ul li:last-child {
    margin-right: 0;
}
.ability-item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom:15px;
}
.ability-item-desc {
    font-size: 16px;
    line-height:26px;
    height:104px;
    overflow: hidden;
}
}
@media only screen and (max-width:1023px){
.tgal { background: #f5f5f5; padding-top:25px; padding-bottom:30px;}
.t-container {
	width:100%;
    margin: 0 auto;
}
.t-container ul {
    text-align: center;
	width:100%;
	display:block;
}
.t-container ul li {
    display:block;
	float:left;
    margin-left:3%;
	margin-top:10px;
    width:45.5%;
    border-radius: 0;
    padding:15px 10px;
    cursor: pointer;
    border: 1px solid #00c2de;
    color: #323232;
    box-sizing: border-box;
}
.t-container ul li.on, .t-container ul li:hover {
    background: #00c2de;
    color: #fff;
    border: 1px solid #00c2de;
}
.t-container ul li:nth-child(2n+1){
	clear:left;
	float:left;
}
.ability-item-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom:5px;
}
.ability-item-desc {
    font-size: 14px;
    line-height:24px;
    height:96px;
    overflow: hidden;
}
}
.box-header{ text-align:center; margin-bottom:25px;}
.box-header h2{ font-size:24px; color:#333; margin-bottom:10px;}
.box-header span{ display:block; font-size:16px; color:#555; line-height:26px; text-transform:uppercase;}

.fang{ width:152px; height:32px; line-height:32px; background-color:#317cc0; margin:auto;}
.fang a{width:100%; color:#fff;text-align:center;display:block; }

/*推广代运营*/
@media screen and (min-width:1280px){
.yy01{ width:100%; padding-top:65px; padding-bottom:50px; background-color:#eee;}
.yy01 .title{ width:90%; margin:auto; text-align:center;}
.yy01 .title span{ display:block; font-size:30px; line-height:40px; margin-bottom:10px; font-weight:bold;}
.yy01 .title p{ display:block; font-size:16px; line-height:26px; color:#666;}
.yy01 .box{ width:90%; margin:auto; margin-top:5px; display:flex; align-items:center;}
.yy01 .box .left{ width:33%; flex-shrink:0; text-align:right;}
.yy01 .box .tiem{ padding:15px 20px; border-radius:10px; background-color:#fff; margin:20px 0;}
.yy01 .box .tiem strong{ font-size:18px; display:block;}
.yy01 .box .tiem p{ font-size:14px; display:block; color:#999; margin-top:10px;}
.yy01 .box .right{ width:33%; flex-shrink:0;}
.yy01 .box .mil{ flex-grow:1; width:30%; margin:0 2%;}
.yy01 .box .mil img{ max-width:100%; display:block; margin:auto;}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.yy01{ width:100%; padding-top:45px; padding-bottom:35px; background-color:#eee;}
.yy01 .title{ width:94%; margin:auto; text-align:center;}
.yy01 .title span{ display:block; font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
.yy01 .title p{ display:block; font-size:16px; line-height:26px; color:#666;}
.yy01 .box{ width:94%; margin:auto; margin-top:5px; display:flex; align-items:center;}
.yy01 .box .left{ width:38%; flex-shrink:0; text-align:right;}
.yy01 .box .tiem{ padding:10px 15px; border-radius:10px; background-color:#fff; margin:15px 0;}
.yy01 .box .tiem strong{ font-size:16px; line-height:22px; display:block;}
.yy01 .box .tiem p{ font-size:14px; line-height:18px; display:block; color:#999; margin-top:5px;}
.yy01 .box .right{ width:38%; flex-shrink:0;}
.yy01 .box .mil{ flex-grow:1; width:20%; margin:0 2%;}
.yy01 .box .mil img{ max-width:100%; display:block; margin:auto;}
}

@media only screen and (max-width:1023px){
.yy01{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.yy01 .title{ width:94%; margin:auto; text-align:center;}
.yy01 .title01 span{ display:block; font-size:20px; line-height:30px; font-weight:bold;}
.yy01 .title01 p{ display:block; font-size:14px; line-height:24px; color:#666;}
.yy01 .box{ width:94%; margin:auto;}
.yy01 .box .left{ width:100%;}
.yy01 .box .tiem{ padding:15px; border-radius:10px; background-color:#fff; margin-top:15px;}
.yy01 .box .tiem strong{ font-size:16px; line-height:20px; display:block;}
.yy01 .box .tiem p{ font-size:14px; line-height:18px; margin-top:5px; display:block; color:#999;}
.yy01 .box .right{ width:100%;}
.yy01 .box .mil{ margin-top:15px; width:100%; display:none;}
.yy01 .box .mil img{ max-width:100%; display:block; margin:auto;}
}

@media screen and (min-width:1280px){
.yy02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.yy02 .title{ width:90%; margin:auto; text-align:center;}
.yy02 .title span{ display:block; font-size:30px; line-height:40px; margin-bottom:10px; font-weight:bold;}
.yy02 .title p{ display:block; font-size:16px; line-height:26px; color:#666;}
.yy02 .aboutlist{ width:100%; margin:auto;}
.welist{ width:26.66%; margin-left:5%; float:left; margin-top:25px; display:block;}
.welist:nth-child(3n+1){ clear:left; float:left;}
.txa_c,.trdcon{ text-align:center}
.trd-title{ line-height:44px; margin-top:10px; font-size:24px; color:#333333;}
.trd-detal{ font-size:16px; line-height:26px; color:#666;}
.circle-icon{ display:block; margin:auto; width:92px; height:92px; border-radius:46px; border:solid 1px #cecece; transition:border,box-shadow 0.2s ease; -webkit-transition:border,box-shadow 0.2s ease; -moz-transition:border,box-shadow 0.2s ease;}
.canlist:hover .circle-icon{ border-color:#17aef5; box-shadow:inset 0 0 0 50px #17aef5; -webkit-box-shadow:inset 0 0 0 50px #17aef5;}
.circle-icon div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.circle-icon .weico01{ display:block;}
.circle-icon .weico02{ display:none;}
.canlist:hover .circle-icon .weico01{ display:none;}
.canlist:hover .circle-icon .weico02{ display:block;}
.upjiao{ padding-top:25px;}
.upjiao img{ display:block; margin:auto;}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.yy02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.yy02 .title{ width:94%; margin:auto; text-align:center;}
.yy02 .title span{ display:block; font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
.yy02 .title p{ display:block; font-size:16px; line-height:26px; color:#666;}
.yy02 .aboutlist{ width:100%; margin:auto; margin-top:5px;}
.welist{ width:29.33%; margin-left:3%; float:left; margin-top:20px; display:block;}
.welist:nth-child(3n+1){ clear:left; float:left;}
.txa_c,.trdcon{ text-align:center}
.trd-title{ line-height:42px; margin-top:5px; font-size:22px; color:#333333;}
.trd-detal{ font-size:16px; line-height:26px; color:#666;}
.circle-icon{ display:block; margin:auto; width:92px; height:92px; border-radius:46px; border:solid 1px #cecece; transition:border,box-shadow 0.2s ease; -webkit-transition:border,box-shadow 0.2s ease; -moz-transition:border,box-shadow 0.2s ease;}
.canlist:hover .circle-icon{ border-color:#17aef5; box-shadow:inset 0 0 0 50px #17aef5; -webkit-box-shadow:inset 0 0 0 50px #17aef5;}
.circle-icon div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.circle-icon .weico01{ display:block;}
.circle-icon .weico02{ display:none;}
.canlist:hover .circle-icon .weico01{ display:none;}
.canlist:hover .circle-icon .weico02{ display:block;}
.upjiao{ padding-top:20px;}
.upjiao img{ display:block; margin:auto;}
}

@media only screen and (max-width:1023px){
.yy02{ width:100%; padding-top:25px; padding-bottom:50px; background-color:#fff;}
.yy02 .title{ width:94%; margin:auto; text-align:center;}
.yy02 .title01 span{ display:block; font-size:20px; line-height:30px; font-weight:bold;}
.yy02 .title01 p{ display:block; font-size:14px; line-height:24px; color:#666;}
.yy02 .aboutlist{ width:100%; margin:auto; margin-top:5px;}
.welist{ width:45.5%; margin-left:3%; float:left; margin-top:10px; display:block;}
.welist:nth-child(2n+1){ clear:left; float:left;}
.txa_c,.trdcon{ text-align:center}
.trd-title{ line-height:38px; margin-top:5px; font-size:18px; color:#333333;}
.trd-detal{ font-size:14px; line-height:24px; color:#666;}
.circle-icon{ display:block; margin:auto; width:92px; height:92px; border-radius:46px; border:solid 1px #cecece; transition:border,box-shadow 0.2s ease; -webkit-transition:border,box-shadow 0.2s ease; -moz-transition:border,box-shadow 0.2s ease;}
.canlist:hover .circle-icon{ border-color:#17aef5; box-shadow:inset 0 0 0 50px #17aef5; -webkit-box-shadow:inset 0 0 0 50px #17aef5;}
.circle-icon div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.circle-icon .weico01{ display:block;}
.circle-icon .weico02{ display:none;}
.canlist:hover .circle-icon .weico01{ display:none;}
.canlist:hover .circle-icon .weico02{ display:block;}
.upjiao{ padding-top:15px;}
.upjiao img{ display:block; margin:auto;}
}

@media screen and (min-width:1280px){
.yy03{ width:100%; padding-top:65px; padding-bottom:70px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.yy03 .title{ width:90%; margin:auto; text-align:center;}
.yy03 .title span{ display:block; font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
.yy03 .title p{ display:block; font-size:16px; line-height:26px; color:#666;}
.yy03 .box{ width:90%; margin:auto; margin-top:30px; display:flex; align-items:center;}
.yy03 .box .left{ width:46%; flex-shrink:0;}
.yy03 .box .left img{ display:block; max-width:100%; margin:auto;}
.yy03 .box .right{ flex-grow:1; width:50%; margin-left:4%;}
.yy03 .box .right p{ background:url(../images/squ-icon-red.gif) no-repeat left 8px; padding-left:15px; padding-bottom:6px; font-size:15px; border-bottom:#BFBFBF 1px dotted; margin:15px 0;}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.yy03{ width:100%; padding-top:45px; padding-bottom:50px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.yy03 .title{ width:94%; margin:auto; text-align:center;}
.yy03 .title span{ display:block; font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
.yy03 .title p{ display:block; font-size:16px; line-height:26px; color:#666;}
.yy03 .box{ width:94%; margin:auto; margin-top:25px; display:flex; align-items:center;}
.yy03 .box .left{ width:46%; flex-shrink:0;}
.yy03 .box .left img{ display:block; max-width:100%; margin:auto;}
.yy03 .box .right{ flex-grow:1; width:50%; margin-left:4%;}
.yy03 .box .right p{ background:url(../images/squ-icon-red.gif) no-repeat left 8px; padding-left:15px; padding-bottom:6px; font-size:15px; border-bottom:#BFBFBF 1px dotted; margin:10px 0;}
}

@media only screen and (max-width:1023px){
.yy03{ width:100%; padding-top:25px; padding-bottom:30px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.yy03 .title{ width:94%; margin:auto; text-align:center;}
.yy03 .title spanspan{ display:block; font-size:20px; line-height:30px; font-weight:bold;}
.yy03 .title p{ display:block; font-size:14px; line-height:24px; color:#666;}
.yy03 .box{ width:94%; margin:auto; margin-top:20px;}
.yy03 .box .left{ width:100%;}
.yy03 .box .left img{ display:block; max-width:100%; margin:auto;}
.yy03 .box .right{ width:100%; margin-top:10px;}
.yy03 .box .right p{ background:url(../images/squ-icon-red.gif) no-repeat left 8px; padding-left:15px; padding-bottom:6px; font-size:14px; border-bottom:#BFBFBF 1px dotted; margin:5px 0;}
}

@media screen and (min-width:1280px){
.yy05{ padding-top:65px;}
.yy05 .box{ margin-top:25px;}
.lbox .title01{ width:90%; margin:auto; text-align:center;}
.lbox .title01 span{ display:block; font-size:30px; line-height:40px; font-weight:bold;}
.lbox .title01 p{ display:block; font-size:14px; line-height:24px; color:#666;}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.yy05{ padding-top:45px;}
.yy05 .box{ margin-top:20px;}
.lbox .title01{ width:94%; margin:auto; text-align:center;}
.lbox .title01 span{ display:block; font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
.lbox .title01 p{ display:block; font-size:16px; line-height:26px; color:#666;}
}

@media only screen and (max-width:1023px){
.yy05{ padding-top:35px;}
.yy05 .box{ margin-top:15px;}
.lbox .title01{ width:94%; margin:auto; text-align:center;}
.lbox .title01 span{ display:block; font-size:20px; line-height:30px; font-weight:bold;}
.lbox .title01 p{ display:block; font-size:14px; line-height:24px; color:#666;}
}