@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; box-sizing:border-box; letter-spacing:1px}

body{ font-size:14px; font-weight:1.5; font-family:"SourceHanSansCN-Regular-2", sans-serif !important;color:#333;}

html, body{ overflow-x:hidden !important}

a,img,input{ text-decoration:none; font-size:14px; border:0}

body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}

ul li{ list-style:none;}

.clear{ clear:both;}

.left{ float:left;}

.right{ float:right;}

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 

a:hover{ color:#0389E2}

input,button,select,textarea{outline:none}

textarea{resize:none}

/*input{-webkit-appearance:none;}*/

img{ max-width:100%}



@font-face {

    font-family: 'SourceHanSansCN-Regular-2';

    src: url('../fonts/SourceHanSansCN-Regular-2.eot');

    src: url('../fonts/SourceHanSansCN-Regular-2.eot?#iefix') format('embedded-opentype'),

         url('../fonts/SourceHanSansCN-Regular-2.woff') format('woff'),

         url('../fonts/SourceHanSansCN-Regular-2.ttf') format('truetype'),

         url('../fonts/SourceHanSansCN-Regular-2.svg#webfont34M5alKg') format('svg');}

.header{ letter-spacing:0}

.head,.cent,.foot,.hea{ max-width:1200px; margin:auto; overflow:hidden; width:100%}

.zg,.hea1{ max-width:1200px; margin:auto; width:100%}

.hea3{ background:url(../images/sy-2.jpg) no-repeat center;}

.logo img{ width:100%}

.hea1 .left{width: 26%;}

.hea1 .left img{width: 295px;vertical-align:middle;margin-right:20px;}

.hea1 .left p{color: #333;font-size: 16px;letter-spacing:1px;}

.hea1 .right{width:59%;color:#fff;padding-top:1.5%; overflow:hidden}

.hea1 .right p,.hea1 .right h1,.hea1 .right h2{ float:right; width:40%}

.hea1 .right h1{ width:49%;}

.hea1 .right h2{ width:8%;}

.hea1 .right h2 a{ font-size:16px; color:#01308A}

.hea1 .right h2 img{ vertical-align:middle; margin-left:5px}

.hea1 .right h1{margin:0;}

.hea1 .right h1 span{display:block;border: #0683DD 2px solid;overflow:hidden;}

.hea1 .right h1 span select,.hea1 .right h1 span input{ float:left; height:34px; line-height:30px}

.hea1 .right h1 span input{ font-size:14px}

.hea1 .right h1 span select{ width:30%; color:#01308A; font-size:16px; border:0}

.hea1 .right h1 span .a1{ width:78%; padding:0 4%;}

.hea1 .right h1 span .a2{ width:22%; float:right; background:#0683DF;color: #fff;font-size: 16px;}

.hea1 .right p{font-size: 22px;color: #0389E2;float:left;letter-spacing: 1px; overflow:hidden;font-weight: bold;}

.hea1 .right p span{ display:block; font-size:15px; margin-top:5px}

.hea1 .right p img{ vertical-align:middle; margin-right:15px; float:left}

.hea1 .right div h1{ float:right; width:43%; border:#28638d 1px solid; overflow:hidden; margin-top:0.5%}

.hea1 .right div p{ cursor:pointer; float:left; width:37%; position:relative; overflow:hidden}

.hea1 .right div p img{ margin-right:10px; float:left}

.hea1 .right div p span strong{ display:block; font-size:28px; color:#F5AC2C}

.hea1 .right div h1 input{ height:40px; line-height:40px; background:none; font-size:14px}

.hea1 .right div h1 .a1{ float:left; width:75%; padding:0 6%; background:#fff;}

.hea1 .right div h1 .a2{ float:right; width:25%; background:#28638d; color:#fff; font-size:16px}

.hea1{ padding:2% 0%;}

.flexslider{position:relative;overflow:hidden;}

.flexslider .slides{position:relative;z-index:1;}

.flexslider .slides li a{ display:block;}

.flexslider .slides li img{ width:100%; display:block}

.flex-control-nav{position:absolute;bottom:25px;z-index:2;width:100%;text-align:center; right:0}

.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:75px;overflow:hidden;background:#fff;cursor:pointer; border-radius:50%}

.flex-control-nav .flex-active{ background:#0389E2}

.nav ul{ overflow:hidden;}

.nav ul li{ float:left;text-align:center; line-height:75px; width:9.09%}

.nav ul li a{ font-size:16px; display:inline-block; color:#fff; position:relative; display:block; position:relative}

.nav ul li a img{ position:absolute; top:0; right: -18px;}

.nav ul li a:hover,.nav ul .dq a{ background:url(../images/sy-2.png) no-repeat center bottom}

.zg h2,.hea1 .right h2{ float:right; width:9%; border:#CE271E 1px solid; overflow:hidden; margin-top: 2.2%;}

.zg h2 a,.hea1 .right h2 a{ color:#fff; font-size:16px; text-align:center; line-height:26px; width:50%; float:left}

.zg h2 .dq1,.zg h2 a:hover,.hea1 .right h2 .dq1{ background:#CE271E}

.hea1 .right h2{ display:none}

.dropMenu{ width:165px; position:absolute; left:0; z-index:9999;visibility: hidden; background:#fff; border-radius:10px; padding:1% 0.5%; margin-left:-50px}

.dropMenu ul{ max-width:1200px; margin:auto}

.dropMenu li{ line-height:35px; text-align:left;}

.dropMenu li a{ display:block; font-size:14px; color:#333; margin:0 8px;} 

.dropMenu li a:hover{ color:#013088;}

.nav-qz{overflow: hidden;zoom:1; border-bottom:#333 1px solid; padding:2% 0}

.con-qz{ border:0; padding:3% 0}

.nav-qz li{width:33.333%;text-align: center; border:0; float:left; font-size:18px; font-weight:bold}

.nav-qz li img{ display:block; margin:auto}

.nav-qz .current{ color:#dc0526;}

.con-qz li a{ float:left; width:21%; margin:0 2%; font-size:18px}

.con-qz li,.nav-qz li{ color:#fff; padding:0; margin:0px; border-bottom:0}

.zg{ width:100%}

.dwi{ background:#0389E2}

header{ display:none}

.sjx{ display:none}

.cent{ overflow:hidden}

.he_ZoomInImg,.jg2-1 h2,.sy4-2 .left p,.n_news ul li .fr,.yj1-1 .left p{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}

.he_ZoomInImg .he_ZoomInImg_img,.jg2-1 h2 img,.sy4-2 .left p img,.n_news ul li .fr img,.yj1-1 .left p img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg:hover .he_ZoomInImg_img,.jg2-1 h2:hover img,.sy4-2 .left p:hover img,.n_news ul li .fr:hover img,.yj1-1 .left p:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}

.footer{ background:#333333}

.foot3{ border-top:#B6B6B6 1px solid}

.foot3 p{ text-align:center; padding:1.3% 0;}

.foot3 p,.foot3 p a{ font-size:14px; color:#fff;}

.foot2{ overflow:hidden; margin:4% 0 3%}

.foot2 div{ float:left;}

.fo1{ width:13%; background:url(../images/s1.png) no-repeat right center}

.fo2{ width:51%;padding: 0 5%; background:url(../images/s1.png) no-repeat right bottom}

.fo3{ width:31%; margin-left:5%}

.foot2 h1{ font-size:18px; color:#fff; margin-bottom:20px}

.fo1 ul li a{ color:#fff; line-height:24px; font-size:14px; display:block; margin-top:5px}

.fo2 p{ font-size:18px; color:#fff; overflow:hidden;}

.fo2 p img{ vertical-align:middle; margin-right:4%}

.fo2 p{ margin-top:6%; font-size:16px; line-height:28px}

.fo2 p .left{ width:30%}

.fo2 p .right{ width:70%; font-size:18px; padding-top:10px}

.fo2 p .left img{ vertical-align:bottom; margin-right:10px}

.fo3{ padding-top:4%}

.fo3 dl dt img{ /*! width:100% */display: block;margin: auto;}

.fo3 dl dd{ color:#fff; margin-top:15px; text-align:center}

.fo3 dl{ width:200px; float:right; margin-bottom:8%}

.fo3 h2{ border:#fff 1px solid; clear:both; overflow:hidden; line-height:38px; color:#fff; font-size:14px; padding:0 10px}

.fo3 h2 span{ float:left; width:20%}

.fo3 h2 select{ float:right; width:73%; height:38px; line-height:38px; background:none; border:0; color:#fff}

.fo3{ overflow:hidden}

.sy1{ margin-top:2%; overflow:hidden}

.sy1-1,.sy1-2,.sy1-3{ float:left}

.sy1-1{ width:16%}

.sy1-2{ width:58%; margin:0 2%}

.sy1-3{ width:22%; border:#B2B2B2 1px solid}

.sy1-1 h1{ background:#007ED2; line-height:80px; text-align:center; font-size:22px; color:#fff} 

.sy1-1 ul{ background:#FA953B; padding:8% 0 10%} 

.sy2-1 ul{ background:#FA953B; padding:8% 8% 10%} 

.sy1-1 h1 img{ vertical-align:middle; margin-right:30px}

.sy1-1 ul li a,.sy2-1 ul li a{ font-size:16px; color:#fff; display:block; padding:9.4% 14%}

.sy2-1 ul li a{ padding:6% 5%; display:block}

.sy1-1 ul li a:hover,.sy2-1 ul li a:hover{ background:url(../images/sy-4.png) no-repeat left bottom}

.sy1-1 ul li{ position:relative; padding:0 7%}

.sy1-1 ul li ul{ display:none; position:absolute; width:600px; background:#fff; background-color: rgba(255,255,255,0.95); filter: Alpha(opacity=95);left:192px;top: 0;z-index: 99;/* margin-top:-50px;*/ padding:8%}

.sy1-1 ul li ul li{ float:left; margin-right:12px; padding:0}

.sy1-1 ul li ul img{ position:absolute; left:-14px; top:20px;/* margin-top:-8px*/}

.sy1-1 ul li ul li a{ color:#333; padding:6px 0; font-size:14px;}

.sy1-1 ul li ul li a:hover{ background:none; color:#007ED2}

.sy1-1 ul li:hover ul{ display:block}

/*.sy1-1 ul li ul::after{ background:url(../images/sy-5.png) no-repeat center; width:14px; height:16px}*/

.sy1-2-1 li img,.sy1-2-2 li img{ width:100%; display:block}

.sy1-2-2{ overflow:hidden; margin-left:-2%; margin-top:2%}

.sy1-2-2 li{ float:left; width:31.333%; margin-left:2%} 

.sy1-3-1{ overflow:hidden; padding:8%}

.sy1-3-1 dl{ float:left; width:50%; border-right:#B2B2B2 1px dashed; border-bottom:#B2B2B2 1px dashed; padding:10% 0}

.sy1-3-1 dl:nth-child(2),.sy1-3-1 dl:nth-child(4){ border-right:0}

.sy1-3-1 dl:nth-child(3),.sy1-3-1 dl:nth-child(4){ border-bottom:0; padding-bottom:0}

.sy1-3-1 dl dt img{ display:block; margin:auto}

.sy1-3-1 dl dd{ text-align:center; font-size:16px; margin-top:5%}

.sy1-3-1 dl:nth-child(1),.sy1-3-1 dl:nth-child(2){ padding-top:0}

.sy1-3-2-1{ overflow:hidden; border-top:#B2B2B2 1px solid; border-bottom:#B2B2B2 1px solid}

.sy1-3-2-1 li{ float:left; width:50%; line-height:44px; text-align:center; font-size:16px;}

.sy1-3-2-1 .curr1{ background:#007ED2; color:#fff}

.sy1-3-2-2 p{ border-bottom:#B2B2B2 1px dashed;}

.sy1-3-2-2 p a{ display:block; padding:0 7%; line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy1-3-2-2 p:last-child{ border-bottom:0}

.sy2{ margin-top:6%; overflow:hidden; border:#0389E2 1px solid}

.sy2-1,.sy2-2{ float:left;}

.sy2-1{ width:19%; background:url(../images/sy-20.jpg) no-repeat center bottom #0389E2; height:423px}

.sy2-2{ width:81%}

.sy2-1 ul{ background:none; padding-top:18%}

.sy2-1 h1{ background:url(../images/sy-19.png) no-repeat center; width:176px; height:53px; line-height:40px; text-align:center; font-size:18px; color:#fff; display:block; margin:-29px 0 0 27px; position:absolute;}

.sy2-2{ overflow:hidden}

.sy2-2-1{ float:left; width:50%; padding:2.5% 3.5%; height:226px}

.sy2-2-1:nth-child(odd){ border-right:#B2B2B2 1px solid}

.sy2-2-1:nth-child(1),.sy2-2-1:nth-child(2){ border-bottom:#B2B2B2 1px solid}

.sy2-2-1 h1{ font-size:18px; margin-bottom:3%}

.sy2-2-1 li a{ font-size:14px; line-height:28px; display:block; background:url(../images/sy-21.png) no-repeat center left; padding-left:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy2-2-1 p a{ display:block; width:108px; line-height:32px; border:#333 1px solid; text-align:center; font-size:15px}

.sy2-2-1 p{ margin-top:5%} 

.sy2-2-1 p a:hover{ border:#0389E2 1px solid; color:#fff; background:#0389E2}

.sy2-2-1:nth-child(3),.sy2-2-1:nth-child(4){ height:197px}

.sy2-2-2{ padding:1% 1.5%}

.sy2-2-2 h2 img{ width:100%; display:block}

.sy2-1-1{ background:url(../images/sy-28.png) no-repeat center bottom #0B7FD9}

.sy2-1-2{ background:url(../images/sy-31.jpg) no-repeat center bottom #0389E2}

.sy2-1-3{ background:url(../images/sy-33.jpg) no-repeat center bottom #0C7FDA}

.sy2-1-4{ background:url(../images/sy-35.jpg) no-repeat center bottom #0389E2}

.sy-bt{ background:url(../images/sy-37.png) no-repeat center top 20px; margin:4% 0 3%}

.sy-bt .a1{ width:180px; margin:auto; display:block; font-size:24px; text-align:center; color:#0389E2;}

.sy-bt .a1 span{ display:block; font-size:16px; color:#333; margin-top:8px}

.sy3{ overflow:hidden; margin-left:-2%; margin-top:-2%}

.sy3 dl{ float:left; width:31.33%; margin-left:2%; margin-top:2%; border:#B2B2B2 1px solid; padding:2.5% 1.5%; overflow:hidden}

.sy3 dl dt{ float:left; width:21%}

.sy3 dl dd{ float:right; width:70%; font-size:18px; padding-top:2%}

.sy3 dl dd span{ display:block; margin-top:4%; font-size:14px; color:#666}

.sy4{ overflow:hidden; margin-left:-3%; margin-bottom:4%}

.sy4-1{ width:47%; margin-left:3%; float:left}

.sy4-1 h1{ border-bottom:#B2B2B2 1px solid; font-size:18px; padding-bottom:10px; overflow:hidden}

.sy4-1 h1 img{ vertical-align:middle; margin-right:20px}

.sy4-1 h1 a{ float:right}

.sy4-1 h1 a{ font-size:16px;}

.sy4-2{ overflow:hidden; margin:4% 0 3%}

.sy4-2 .left{ width:31%}

.sy4-2 .right{ width:64%}

.sy4-2 .left p img{ width:100%}

.sy4-2 .right h2 a{ font-size:16px}

.sy4-2 .right p{ font-size:14px; line-height:22px; margin:2% 0;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} 

.sy4-2 .right h3{ font-size:14px;}

.sy4-1 ul li{ line-height:32px; background:url(../images/sy-49.png) no-repeat left center; overflow:hidden; padding-left:20px}

.sy4-1 ul li a,.sy4-2 .right ul li span{ display:block}

.sy4-1 ul li a{ width:80%; float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy4-1 ul li span{ width:20%; float:right; text-align:right}



.banner p img{ width:100%}

.yj-bt{ font-size:18px; margin:4% 0}

.yj-bt span{ color:#E71916}

.yj1{ margin-bottom:6%}

.yj1-1{ margin-bottom:4%}

.yj1-1 .left{ width:17%; display:none}

.yj1-1 .right{ width:80%; float:none; margin:auto}

.yj1-1 .left p img{ width:100%}

.yj1-1 .right h1 a{ font-size:18px}

.yj1-1 .right p{ font-size:14px; color:#666; line-height:24px; margin:1% 0}

.yj1-1 .right p a{ color:#1093DD; display:inline-block; margin-left:20px}

.yj1-1 .right h2{ font-size:14px; color:#666;}

.yj1-1 .right h2 img{ vertical-align:middle; margin-right:10px}

.yj1-1 .right h2 span{ display:inline-block; margin-left:30px}



.xw-bt{ margin:4% 0; font-size:18px} 

.xw-bt a{ font-size:16px; width:15%; box-shadow:0 0 10px #ccc; border-radius:15px; line-height:45px; margin-left:5%; color:#0389E2; text-align:center; display:inline-block}

.xw-bt a:hover,.xw-bt .dq2{ background:#0389E2; color:#fff}

.n_news{ margin-top:-1%}

.n_news ul li .fl,.n_news ul li .fl span{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 

.n_news ul li .fr img{ -moz-transition: all 5s ease-in-out;-webkit-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;-ms-transition: all 5s ease-in-out;transition: all 5s ease-in-out;} 

.n_news li:hover img{ -moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); transform:scale(1.1);}

.n_news ul li:first-child{ border:0}

.n_news ul li { display:block; overflow:hidden}

.n_news ul li .box1 {  margin:auto; padding:1.5% 0; border-bottom:#DCDCDC 1px solid; background: transparent; overflow:hidden}

.n_news ul li .fl { position:relative; padding-top:1%; float:right; width:80%;}

.n_news ul li .fl .date { float:right;  width: 8%;text-align: center;}

.n_news ul li .fl .date span{ display:block; margin-top:20px; height:22px; width:28px; background:url(../images/xw-1.png) no-repeat center; display: none;}

.n_news ul li .fl .date strong{ display:block; font-size:35px; /*! color:#999; */ display:block; margin-top:-9px;font-weight: normal;font-weight: bold;}

.n_news ul li .fl .date strong strong{ font-weight:normal; font-size:16px; /*! color:#000; */ display:block; margin-top:0px;/*! border: #ccc 1px solid; */text-align: center;/*! width: 56px; */border-top: #333 1px solid;}

.n_news ul li .fl a{ display:block; float:left; width:83%}

.n_news ul li .fl a h1{ /*! font-weight:bold; */ font-size:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-top:0px; color:#333; display:block; margin-bottom:1%;}

.n_news ul li .fl a p{ color: #666; line-height:28px; font-size:16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.n_news ul li .fr { display:block; overflow:hidden; float:left; width:17%;}

.n_news ul li .fr img {width:100%;display: block;}

.n_news li:hover .fl h1{ color:#0365FA;}

.n_news .box1:hover .date strong{ color:#666;}

.n_news .box1:hover .date strong::before {width: 60px;transition: all 0.3s ease-out 0s;background: #7D7D7D;}

.n_news .box1:hover .date span {background:url(../images/xw1-1.jpg) no-repeat center}

.fy{ text-align:center; margin:3% 0 6%; color:#b1b1b1;}

.fy a,.fy select{ font-size:16px; display:inline-block; border:#5AB3EB 1px solid; margin:0 7px; padding:7px 12px; line-height:20px; background:none}

.fy a:hover,.fy .curr{ border:#028AE0 1px solid; background:#028AE0; color:#fff}



.lx2{ margin:6% 0}

.lx2 img{max-width:inherit;}

.lx1{ margin-top:6%}

.lx1 .left{ width:40%}

.lx1 .right{ width:60%; padding-top:2%}

.lx1 .left h1{ margin:0; text-align:left; background:url(../images/lx-1.png) no-repeat bottom left; padding-bottom:6%; margin-bottom:11%; font-size:24px; padding-left:10px} 

.lx1 .left dl{ margin-top:6%; overflow:hidden}

.lx1 .left dl dt{ float:left; width:8%}

.lx1 .left dl dd{ float:right; width:88%; font-size:16px; line-height:30px}

.lx1 .left dl dd span{ display:block; font-size:16px;}

.lx1 .left dl dd .c1{ font-size:24px}

.lx1 .right p{ overflow:hidden; margin-bottom:4%}

.lx1 .right p span{ float:left; width:17%; font-size:16px;}

.lx1 .right p span,.lx1 .right p input{ height:38px; line-height:38px}

.lx1 .right p input{ width:83%; padding:0 5%; border:#DFDFDF 1px solid; border-radius:5px;box-shadow: inset 0px 0px 6px 0px #eee;}

.lx1 .right p span img{ vertical-align:middle; margin-right:10px} 

.lx1 .right h1 input{ font-size:18px; width:160px; height:42px; line-height:42px; background:#0389E2; color:#fff; text-align:center; display:block; margin:6% auto 0; border-radius:5px}



.xl1{ margin:6% 0; background:#F6F6F6; border-left:#0389E2 5px solid; padding:3%}

.xl1 .left{ width:9%}

.xl1 .right{ width:88%}

.xl1 .left h1{ font-size:22px}

.xl1 .right ul{ overflow:hidden; margin-top:-1.5%}

.xl1 .right ul li{ float:left; margin:2% 4% 0 0;}

.xl1 .right ul li a{ font-size:16px; color:#666}

.xl2{ background:#EDF6FF}

.xl2 h1{ background:#0389E2; line-height:90px; color:#fff; text-align:center; font-size:24px; border-radius:0 0 10px 10px}

.xl2 h1 img{ vertical-align:middle; margin-right:5%}

.xl2-1{ padding:2% 10% 4%}

.xl2-1 h3{ font-size:16px; margin:3% 0 1%}

.xl2-1 p{ font-size:14px; overflow:hidden; padding:0 4%}

.xl2-1 p span{ display:block; float:left; width:33.33%; margin-top:1%} 

.xl2-1 p span input{ vertical-align:middle; margin-right:20px}

.xl2{ margin-bottom:6%} 

.xl2 h2{ background:#0389E2; border-radius:10px 10px 0 0; text-align:center; padding:2% 0; font-size:18px; color:#fff;}

.xl2 h2 span{ display:inline-block; margin:0 4%; line-height:42px}

.xl2 h2 input{ width:230px; border:#333 1px solid; padding:0 20px; display:inline-block; height:42px; line-height:42px; font-size:16px; background:#EDF6FF}

.xl2 h2 span:last-child input{ color:#0389E2}



.jg-bt{ font-size:24px; color:#0389E2; margin:6% 0 3%; text-align:center}

.jg1{ overflow:hidden}

.jg1-1{ float:left; width:22%; margin-left:3%; background:#0389E2; padding:2%}

.jg1-1 h1{ text-align:center; font-size:24px; color:#fff; margin-bottom:7%}

.jg1-1 h1 img{ display:block; margin:0 auto 2%}

.jg1-1 p{ text-align:center; border:#fff 2px solid; border-radius:10px; line-height:35px; margin-bottom:7%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.jg1-1 p,.jg1-1 p a{ font-size:18px; color:#fff;}

.jg1-1 h2{ width:170px; line-height:45px; text-align:center; border-radius:30px; background:#fff; margin:10% auto 0}

.jg1-1 h2 a{ display:block; font-size:18px; color:#0389E2;}

.jg2{ overflow:hidden; margin-left:-4%}

.jg2-1{ float:left; width:29.333%; margin-left:4%; border:#048AE1 2px solid; border-radius:10px; padding:2%}

.jg2-1 h1{ text-align:center; color:#048AE1; font-size:18px}

.jg2-1 p{ font-size:16px; line-height:26px; margin:5% 0; height:104px; overflow:hidden;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.jg2-1 h2 img{ width:100%}

.jg2-1 h3 a{ display:block; width:154px; line-height:45px; border-radius:15px; background:#048AE1; color:#fff; text-align:center; margin:auto; font-size:16px}

.jg2-1 h3{ margin-top:8%}

.jg3-1{ margin-top:6%}

.jg3-1 p img{ width:100%}

.jg3-2{ margin:2% 0 6%; padding:0 5px} 

.jg3-2 .left{ width:65%; box-shadow:0 0 5px #ccc; padding:0 2% 4%}

.jg3-2 .right{ width:33%; box-shadow:0 0 5px #ccc; padding:0 2.5% 4.5%}

.jg3-2 .left h1,.jg3-2 .right h1{ font-size:24px; background:#0389E2; color:#fff; line-height:56px; border-radius:0 0 15px 15px; display:inline-block; padding:0 3%; margin-left:5%}

.jg3-2 .left table{ border-collapse:collapse;}

.jg3-2 .left table tr td{ border-bottom:#028AE2 3px solid; text-align:center; font-size:16px; padding:3% 0}

.jg3-2 .left table tr:nth-child(1) td{ color:#0389E2; font-size:18px}

.jg3-2 .left table tr:last-child td{ border-bottom:0; padding-bottom:0}

.jg3-2 .right h1{ float:right}

.jg3-2 .right h1 img{ vertical-align:middle; margin-right:20px}

.jg3-2 .right ul{ clear:both; overflow:hidden; margin-left:-7%; padding-top:6%}

.jg3-2 .right ul li{ float:left; width:43%; margin-left:7%; background:#0389E2; color:#fff; text-align:center; line-height:48px; margin-top:7%}

.jg3-2 .right ul li,.jg3-2 .right ul li a{ font-size:17px; color:#fff;}

.jg3-2 .right ul li a{ display:block}



.banner1{ background:url(../images/jz-banner.jpg) no-repeat center; padding:3% 0; overflow:hidden}

.ban1{ background:#fff; padding:3% 2% 4%; border-radius:20px; max-width:400px; box-sizing:border-box; float:right}

.ban1 h1{ font-size:24px; color:#0389E2; text-align:center; margin-bottom:7%}

.ban1 p{ margin-top:5%;}

.ban1 p input{ background:#F0F1F3; height:45px; line-height:45px; width:100%; font-size:16px; padding:0 5%}

.ban1 p:last-child input{ background:#0389E2; color:#fff}

.ban1 .d1{ overflow:hidden; margin-left:-4%}

.ban1 .d1 input{ float:left; width:46%; margin-left:4%}

.jz1{ background:url(../images/jz-2.jpg) no-repeat center; margin-top:8%; position:relative; padding:5%}

.jz1 h1{ position:absolute; left:0; top:-30px; width:100%}

.jz-bt{ text-align:center}

.jz-bt span{ line-height:58px; background:#0389E2; color:#fff; text-align:center; font-weight:bold; font-size:24px; border-radius:30px 0 30px 0; margin:auto; padding:0 35px; display:inline-block}

.jz1 ul{ overflow:hidden; border-bottom:#666 1px dashed; padding:2% 0}

.jz1 ul li{ float:left; width:21%; font-size:16px; line-height:35px}

.jz1 ul li:first-child{ margin-right:5%}

.jz1 ul li:last-child{ margin-right:0}

.jz1 ul li span{ width:25px; height:25px; line-height:25px; text-align:center; border-radius:50%; background:#0389E2; color:#fff; display:inline-block; font-size:18px; vertical-align:middle; margin-right:10px}

.jz1 ul li:first-child,.jz1 p a{ width:110px; line-height:35px; border-radius:12px; background:#0389E2; color:#fff; text-align:center; font-weight:bold} 

.jz1 p{ font-size:14px; color:#666; margin-top:2.5%; overflow:hidden; line-height:35px}

.jz1 p img{ vertical-align:super; margin-right:10px}

.jz1 p a{ display:block; float:right; font-size:15px; width:130px}

.jz1-1 ul li{ width:36%}

.jz1-1 ul li:nth-child(2),.jz1-1 ul li:nth-child(4){ width:24%}

.jz2{ margin:6% 0}

.jz2-1{ background:#0389E2; overflow:hidden; margin-top:6%}

.jz2-1 dl{ overflow:hidden; width:33.333%; float:left}

.jz2-1 dl dt{ float:left; width:56%}

.jz2-1 dl dd{ float:right; width:40%; font-size:24px; font-weight:bold; color:#fff; line-height:159px; padding-left:4%}

.jz2-1 dl dt img{ display:block; width:100%}

.jz2-1 dl dt img,.jz2-1 dl dd{ height:159px}

.jz2-1 dl:nth-child(4) dt,.jz2-1 dl:nth-child(5) dt,.jz2-1 dl:nth-child(6) dt{ float:right;}

.jz2-1 dl:nth-child(4) dd,.jz2-1 dl:nth-child(5) dd,.jz2-1 dl:nth-child(6) dd{ float:left; text-align:center;}



.kc1{ margin:6% 0}

.kc-z{ width:69%;}

.kc-y{ width:28.5%; background:#fff}

.kc-z .flexslider,.kc1-3{ background:#fff}

.kc1-3{ margin-top:3%}

.fy1{ margin-bottom:0} 

.kc-z .flexslider{ padding:8% 3%; margin-bottom:5%}

.kc1-1 .left{ width:41%}

.kc1-1 .right{ width:55%; padding-top:3%}

.kc1-1 .right h1,.kc1-3 h1{ font-size:18px; overflow:hidden}

.kc1-1 .right h1 span,.kc1-3 h1 span{ display:block; float:right; width:106px; line-height:35px; border-radius:5px; border:#0289E3 1px solid; font-size:16px; color:#0289E3; text-align:center}

.kc1-1 .right h1 img,.kc1-1 .right h2 img,.kc1-3 h1 img,.kc1-3 h2 img{ width:22px; height:22px; display:inline-block; vertical-align:middle; margin-right:10px;}

.kc1-1 .right p,.kc1-1 .right h2,.kc1-3 p,.kc1-3 h2{ font-size:14px; color:#666; margin-top:11px}

.kc1-1 .right h2 img,.kc1-3 h2 img{ width:16px; height:16px;}

.kc1-1 .right h3 a,.kc1-3 h3 a{ display:block; width:80px; line-height:40px; background:#0389E2; color:#fff; font-size:14px; text-align:center}

.kc1-1 .right h3{ margin-top:6%}

.kc-z .flex-control-nav{ text-align:right; padding-right:2%; bottom:35px}

.kc-z .flex-control-nav a{ border:#ddd 1px solid; width:10px; height:10px}

.kc1-3{ padding:3%}

.kc1-3 p{ margin-top:5px}

.kc1-3 h3 a{ background:none; color:#0389E2; line-height:inherit; width:fit-content}

.kc1-3 h3{ margin-top:3%}

.kc-y{ padding:3% 2%}

.kc-y h1{ font-size:20px; background:url(../images/kc-7.png) no-repeat center; text-align:center; margin-bottom:10%; font-weight:bold}

.kc-y p input{width:100%; line-height:45px; padding:0 30px; background:none}

.kc-y p{ margin-top:6%; background:url(../images/k1.png) no-repeat left 15px top 10px #F6F4F5}

.kc-y p:last-child{ background:none}

.kc-y p:last-child input{ font-size:16px; background:#0389E2; color:#fff; text-align:center;}



.kcx1{ background:#fff; margin-top:6%; padding-left:2%; overflow:hidden}

.kcx1 .kc-z{ width:71%; padding-bottom:2%}

.kcx-bt{ font-size:24px; margin:2% 0}

.kcx1 .kc1{ margin:0}

.kcx1 .kc1-1{ background:#F1F2F6; padding:4% 2%}

.kcx1 .kc1-1 .left{ width:27%}

.kcx1 .kc1-1 .right{ width:70%; padding-top:0}

.kcx1 .kc1-1 .right h4{ font-size:16px} 

.kcx1 .kc1-1 .right h2{ margin-top:0; margin-bottom:2%}

.kcx1 .kc1-1 .right h3 a{ width:120px}

.kcx1 .kc-y p{ margin-top:7%}

.kcx2{ background:#fff; margin-bottom:4%; padding:3% 4%}

.kcx3{ margin:6% 0 4%; background:#fff; padding:3% 0} 

.kcx3-1{ overflow:hidden; border-bottom:#EAEAEA 1px solid; margin-bottom:3%}

.kcx3-1 li{ float:left; width:20%; text-align:center;}

.kcx3-1 li a{ display:block; font-size:18px; padding-bottom:4%}

.kcx3-1 li:hover{ background:url(../images/kcxq-3.jpg) no-repeat center bottom}

.kcx3-2{ padding:0 4%}

.kcx2 h2{ color:#0389E2; font-size:24px; margin-bottom:2%}

.kcx2 p{ font-size:18px; line-height:30px}

.kcx2 h3{ padding-left:8%}



.zc1{ margin-top:6%; overflow:hidden}

.zc1 dl{ float:left; width:40%; margin-right:4%; border:#E5E5E5 1px solid; border-radius:10px; background:url(../images/zc-4.png) no-repeat center bottom; padding:5% 4% 3%; height:402px; overflow:hidden}

.zc1 dl:last-child{ width:55%; margin-right:0;}

.zc1 dl dt img{ display:block; margin:auto}

.zc1 dl dd,.zc-bt{ text-align:center; font-size:24px; color:#2B8CFF; margin-top:4%}

.zc1 dl dd span,.zc-bt span{ font-size:16px; line-height:28px; color:#333; display:block; margin-top:6%} 

.zc2-bj{ background:#EDF7FF; overflow:hidden; padding-bottom:6%; margin-top:6%}

.zc-bt span{ margin-top:1%}

.zc-bt{ margin:4% 0}

.zc2{ overflow:hidden; margin-left:-4%}

.zc2-1{ float:left; width:46%; margin-left:4%; background:#fff; border-radius:10px; height:395px; overflow:hidden}

.zc2-1 h1{ background:url(../images/zc-5.png) no-repeat right bottom #5371DF; padding:9% 5%; color:#fff; font-size:24px; border-radius:10px 10px 0 0}

.zc2-1:last-child h1{ background:url(../images/zc-6.png) no-repeat right bottom #5371DF;}

.zc2-1 h1 span{ display:block; font-size:18px; margin-top:1%}

.zc2-3{ padding:5% 6%}

.zc2-3 ul:nth-child(1){ overflow:hidden; border-bottom:#F5F5F5 1px solid; margin-bottom:4%}

.zc2-3 ul:nth-child(1) li{ overflow:hidden; padding-bottom:4%; margin-right:7%; float:left; font-size:18px; cursor:pointer}

.zc2-3 ul:nth-child(1) .curr1,.zc2-3 ul:nth-child(1) .curr2{ background:url(../images/zc-7.png) no-repeat center bottom}

.zc2-3 ul:nth-child(2) li p{ background:url(../images/zc-9.jpg) no-repeat left top 6px; padding-left:20px; font-size:14px; margin-top:2%}

.zc3 p img{ display:block; margin:auto}

.zc4{ overflow:hidden; margin-top:6%}

.zc4 .left,.zc4 .right{ width:45%}

.zc4 .right p img{ width:100%}

.zc4 .left .zc-bt{ margin-top:0; text-align:left; margin-bottom:7%}

.zc4 .left p{ font-size:16px; margin-top:2%}

.zc5{ overflow:hidden}

.zc5 ul,.zc6{ overflow:hidden; margin-left:-4%}

.zc5 ul li,.zc6 dl{ float:left; width:46%; margin-left:4%} 

.zc5 ul li img{ width:100%; display:block}

.zc6{ margin-bottom:6%}

.zc6 dl{ border:#E6E6E6 1px solid; background:url(../images/zc-4.png) no-repeat center; padding:4% 0}

.zc6 dl dd{ font-size:18px; line-height:33px; text-align:center; margin-top:6%}

.zc6 dl dt img{ display:block; margin:auto} 



.grow-rotate,.sy3 dl:hover dt img{

  display: inline-block;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active,.sy3 dl:hover dt img{

  -webkit-transform: scale(1.1) rotate(4deg);

  transform: scale(1.1) rotate(4deg);

}

.qyx1{ margin:6% 0}
.qyx1 h1{ text-align:center; font-size:30px}
.qyx1 h2{ text-align:center; font-size:14px; color:#999; margin:2% 0 4%}
.qyx1 h3{ overflow:hidden; margin-top:6%}
.qyx1 h3 a{ font-size:16px}

.xj-bt{ font-size:42px; font-weight:bold; text-align:center; margin:8% 0 6%}
.xj-bt .x1{ background:url(../images/zc-1.png) no-repeat center bottom; display:inline-block; padding-bottom:15px}
.xj-bt .x1 strong{ color:#0099FF}
.txr1{ overflow:hidden; margin-left:-2%; padding:65px 8px 12px; margin-top:-5px}
.txr1-1,.txr2-2{ float:left; width:18%; margin-left:2%; box-shadow:2px 3px 15px #CAE9FE; height:261px; position:relative; padding:2%; padding-top:80px}
.txr1-1 h1{ position:absolute; top:-60px; left:0; width:100%}
.txr1-1 h1 img{ display:block; margin:auto}
.txr1-1 h2{ text-align:center; color:#0099FF; font-size:24px; font-weight:bold}
.txr1-1 p{ font-size:14px; line-height:26px; margin:6% 0 13%; text-align:center; height:52px; overflow:hidden}
.txr1-1 h3 a{ display:block; width:135px; margin:auto; border:#0099FF 1px solid; border-radius:5px; line-height:38px; text-align:center}
.txr1-1 h3 a:hover{ background:#0099FF; color:#fff}
.xmore{ text-align:center; margin:6% 0 8%}
.xmore a{ display:inline-block; width:240px; line-height:55px; border-radius:30px; text-align:center; color:#fff;background: linear-gradient(to right,#FDBC5D,#FC793C); font-size:22px; font-weight:bold; margin:0 40px}
.txr2{ background:url(../images/tx-6.png) no-repeat center top;}
.txr2-1{ overflow:hidden; padding:8px 8px 12px}
.txr2-2{ width:31.333%; padding:2% 2% 4%; background:url(../images/tx-7.png) no-repeat left top #fff;height: 373px;}
.txr2-2 h1 img{ display:block; margin:auto}
.txr2-2 h2{ font-size:30px; font-weight:bold; text-align:center; margin:4% 0 3%; color:#0099FF}
.txr2-2 p{ font-size:22px; text-align:center; font-weight:bold}
.xj-bt .x2{ display:block; font-size:28px; margin-top:3%; line-height:45px}
.txr3{ background:url(../images/tx-11.png) no-repeat center bottom}
.txr3-2{ width:42%; padding-left:8px}
.txr3-3{ width:55%}
.txr3-3-1 p img{ width:100%; border-radius:10px}
.txr3-2-1{ background:#fff; margin-bottom:2%; padding:7.7%; border-radius:10px; cursor:pointer}
.txr3-2-1:last-child{ margin-bottom:0}
.txr3-2-1 h1{ font-size:24px; font-weight:bold; margin-bottom:2%}
.txr3-2-1 p{ font-size:16px; line-height:33px;}
.xdq1{ background:url(../images/tx-12.png) no-repeat center; color:#0099FF; box-shadow:2px 3px 10px #CAE9FE;}
.xdq1 h1{ color:#0099FF}
.txr5{ background:url(../images/tx-17.png) no-repeat center top; padding-bottom:6%}
.txr5-1{ overflow:hidden}
.txr5-1-1{ float:left; width:29.333%; margin:0 2%; padding:3% 5% 8%; background:url(../images/tx-18.png) no-repeat center; height:349px; overflow:hidden}
.txr5-1-1 h1 img{ display:block; margin:auto}
.txr5-1-1 h2{ font-size:28px; text-align:center; font-weight:bold; margin:12% 0 9%;}
.txr5-1-1 p{ text-align:center; font-size:16px; line-height:30px;}
.txr5-2{ margin-top:2%; background:url(../images/tx-19.png) no-repeat center; border-radius:10px; padding:3%}
.txr5-2 .left{ width:48%}
.txr5-2 .right{ width:48%}
.txr5-2 .left h1{ font-size:40px; font-weight:bold; color:#fff}
.txr5-2 .left p{ font-size:22px; color:#fff; font-weight:bold; overflow:hidden; line-height:33px; margin-top:3%}
.txr5-2 .left p .z1{ float:left; width:22%}
.txr5-2 .left p .z2{ float:right; width:78%}
.txr5-2 .right p img{ width:100%; border-radius:10px}
.xj-bt1{ margin-top:0}
.zcx1{ background:url(../images/zc-2.png) no-repeat center bottom; padding-bottom:6%}
.zcx2{ margin-bottom:8%}
.zcx2 .txr2-2{ padding:3% 0; height:383px}
.zcx2 .txr2-2 h3{ background:url(../images/zc-7.png) no-repeat left center; font-size:22px; font-weight:bold; color:#fff; line-height:49px; padding:0 29px; overflow:hidden}
.zcx2 .txr2-2 h3 span{ color:#E3E3E3; font-size:48px; float:right}
.zcx2 .txr2-2:nth-child(2) h3{ background:url(../images/zc-8.png) no-repeat left center;}
.zcx2 .txr2-2:nth-child(3) h3{ background:url(../images/zc-9.png) no-repeat left center;}
.zcx2 .txr2-2 ul{ padding:10% 10% 0; height:178px; overflow:hidden}
.zcx2 .txr2-2 ul li{ background:url(../images/zc-6.png) no-repeat left top 5px; padding-left:25px; margin-bottom:6%}
.zcx2 .txr2-2 ul li a{ font-size:16px; display:block; color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zcx2 .txr2-2 .xmore{ margin:8% auto 0}
.zcx3{ background:url(../images/zc-10.png) no-repeat center top; padding-bottom:6%}
.zcx3-1 ul{ overflow:hidden; padding:0 1%}
.zcx3-1 ul li{ float:left; cursor:pointer; width:14.666%; margin:0 1%; font-size:20px; font-weight:bold; text-align:center; background:#B6D1FF; color:#4377CD; border-radius:10px 10px 0 0; line-height:60px}
.zcx3-1 ul li:nth-child(2){ background:#F8C7FF; color:#D034EE;}
.zcx3-1 ul li:nth-child(3){ background:#FCEFDC; color:#EEA839;}
.zcx3-1 ul li:nth-child(4){ background:#FBE1E4; color:#F1738B;}
.zcx3-1 ul li:nth-child(5){ background:#BCFCEE; color:#32CDBD;}
.zcx3-1 ul li:nth-child(6){ background:#AFAFFF; color:#6465FD;}
.zcx3-1 ul li.zcdq{ background:#4377CD; color:#fff}
.zcx3-1 ul li:nth-child(2).zcdq{ background:#D034EE; color:#fff}
.zcx3-1 ul li:nth-child(3).zcdq{ background:#EEA839; color:#fff}
.zcx3-1 ul li:nth-child(4).zcdq{ background:#F1738B; color:#fff}
.zcx3-1 ul li:nth-child(5).zcdq{ background:#32CDBD; color:#fff}
.zcx3-1 ul li:nth-child(6).zcdq{ background:#6465FD; color:#fff}
.zcx3-2{ padding:0 5px}
.zcx3-2-1{ border:#4377CD 5px solid; background:#fff; border-radius:10px; padding:0 2% 3%;box-shadow: 2px 3px 15px #CAE9FE;}
.zcx3-2-1:nth-child(2){ border:#D034EE 5px solid;}
.zcx3-2-1:nth-child(3){ border:#EEA839 5px solid;}
.zcx3-2-1:nth-child(4){ border:#F1738B 5px solid;}
.zcx3-2-1:nth-child(5){ border:#32CDBD 5px solid;}
.zcx3-2-1:nth-child(6){ border:#6465FD 5px solid;}
.zcx3-2-2{ overflow:hidden; border-bottom:#4377CD 1px dashed; padding:2.5% 0}
.zcx3-2-2:nth-child(3){ border:0}
.zcx3-2-2 h1{ float:left; width:15%; font-size:18px; font-weight:bold; background:#4377CD; color:#fff; border-radius:30px; text-align:center; line-height:45px}
.zcx3-2-2 ul{ float:right; width:83%; overflow:hidden}
.zcx3-2-2 ul li{ float:left; width:18%; margin-left:2%; background:url(../images/zc-15.png) no-repeat left top 7px; padding-left:25px; font-size:18px; margin-top:11px}
.zcx3-2-2 h2{ float:right; width:82%; color:#f00; font-size:22px; font-weight:bold; padding-top:7px}
.zcx3-2-1 .xmore{ margin:0}
.zcx3-3{ text-align:right; font-size:16px; color:#666; margin-top:1%; padding-right:5px}
.zcx3-3 img{ vertical-align:top; margin-right:5px} 
.zcx3-2-1:nth-child(2) .zcx3-2-2 h1{ background:#D034EE;}
.zcx3-2-1:nth-child(2) .zcx3-2-2 ul li{ background:url(../images/zc-16.png) no-repeat left top 7px;}
.zcx3-2-1:nth-child(3) .zcx3-2-2 h1{ background:#EEA839;}
.zcx3-2-1:nth-child(3) .zcx3-2-2 ul li{ background:url(../images/zc-17.png) no-repeat left top 7px;}
.zcx3-2-1:nth-child(4) .zcx3-2-2 h1{ background:#F1738B;}
.zcx3-2-1:nth-child(4) .zcx3-2-2 ul li{ background:url(../images/zc-18.png) no-repeat left top 7px;}
.zcx3-2-1:nth-child(5) .zcx3-2-2 h1{ background:#32CDBD;}
.zcx3-2-1:nth-child(5) .zcx3-2-2 ul li{ background:url(../images/zc-19.png) no-repeat left top 7px;}
.zcx3-2-1:nth-child(6) .zcx3-2-2 h1{ background:#6465FD;}
.zcx3-2-1:nth-child(6) .zcx3-2-2 ul li{ background:url(../images/zc-12.png) no-repeat left top 7px;}

/* Grow Rotate */
.grow-rotate,.txr1-1 h1 img,.txr5-1-1 h1 img,.txr2-2 h1 img{
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active,.txr1-1:hover h1 img,.txr5-1-1:hover h1 img,.txr2-2:hover h1 img{
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.txr5-3-1 li{ display:inline-block; font-size:42px; margin:0 30px; font-weight:bold; cursor:pointer;padding: 0 40px;border-radius: 20px 0;}
.txr5-3-1{ text-align:center; margin-bottom:3%; background:url(../images/txx-1.png) no-repeat center; line-height:83px}
.txr5-3{ margin:4% 0 6%}
.txr5-3-1 .xxx1{ color:#fff;background: #0099FF;} 
.txr5-3-2 li{ overflow:hidden; margin-left:-2%; padding:5px}
.txr5-3-2 li p{ width:23%; margin-left:2%; margin-top:2%; float:left; box-shadow:0 0 5px #ccc;}
.txr5-3-2 li p img{ display:block; width:100%; height:396px}


/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}