@charset "utf-8";







/* CSS Document */







*{ margin:0; padding:0; box-sizing:border-box}







body{ font-size:18px; 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:#221815 } a:focus{ -moz-outline-style: none; /* FF */} 







a:hover{ color:#0290FE}







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







textarea{resize: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') 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');}







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







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







.hea2{ background:#09193A; padding:12px 0}







.hea2-1 .left{ width:50%; line-height:26px}







.hea2-1 .right{ width:40%; position:relative}







.hea2-1 .left p{ font-size:14px; color:#fff}







.hea2-1 .left p img{ vertical-align:middle; margin-right:10px}







.hea2-1 .left p span{ display:inline-block; margin-left:6%}







.hea2-1 .right h1{ text-align:right; color:#fff; font-size:14px}







.hea2-1 .right h1 .c1{ cursor:pointer; margin-left:6%}







.hea2-1 .right h1 .c1 img{ vertical-align:middle; margin:0 8px}







.logo img{ width:100%}







.hea1 .left{ width:220px; padding:2% 0}







.hea1 .left img{ width:100%}







.hea1 .right{ width:79%;}







.hea1 .right h1{ text-align:right; margin-bottom:1%; position:relative}







.hea1 .right h1 a{ color:#221815; font-size:16px; font-weight:bold; width:115px; line-height:37px; display:inline-block; text-align:center; background:#49BBC3; color:#fff; border-radius:30px;}







.hea1 .right h1 strong{ font-size:26px; margin-left:1%}







.hea1 .right h1 strong img{ vertical-align:middle; margin-right:10px}







.hea1 .right h1 .a1,.hea1 .right h1 .b1{ margin-left:10px}







.hea2-1 .right h1 img{ cursor:pointer}







.hea2-1 .right h1 .b2,.hea2-1 .right h1 .c2{display:none;border:#eee 1px solid;position: absolute;top:38px;right:49px;z-index: 9999;background: #fff;width: 214px;}







.hea2-1 .right h1 .b2 input{ height:35px; line-height:35px; background:none; border:0}







.hea2-1 .right h1 .b2 input:nth-child(1){ float:left; width:72%; font-size:12px; padding:0 6%}







.hea2-1 .right h1 .b2 input:nth-child(2){float:right;width:28%;font-size:14px;text-align:center;background:#000;color:#fff;}







.hea2-1 .right h1 .c2{ width:150px; right:0; background:#09193A; color:#fff; padding:5px 0}







.hea2-1 .right h1 .c2 a{ color:#fff; display:block; line-height:35px; text-align:center;}







.hea2-1 .right h1 .c2 a:hover{ color:#0290FE}







.hea2-1 .right h1 img{ vertical-align:middle;}







.hea2-1 .right h1 .a2{display:none;position: absolute;top:45px;right: 17px;z-index: 9999;background: #fff;}







.hea2-1 .right h1 .a2 img{ width:110px}







.nav0{ cursor:pointer; float:left; width:22%; position:absolute; left:0; top:0; z-index:9999;}







.nav0 h1{ text-align:center; font-size:16px; color:#ababab; line-height:60px} 







.na1{ padding:8% 4%; border-bottom:#333 1px solid; background:#f6f6f6; opacity:.8}







.na1:hover{ background:#f6f6f6; opacity:1}







.nav0 .na1 h1{ font-size:16px; color:#333; text-align:left; line-height:24px; margin:0 10px 5px}







.na0{ display:none}







.nav0:hover .na0{ display:block;}







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







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







.flexslider .slides li{ position:relative;min-height: 877px;}







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







.flexslider .slides li img{ width:100%}







.flex-control-nav{ display:none}







.flex-direction-nav li a{display:block;width:50px;height:95px;overflow:hidden;cursor:pointer;position:absolute; z-index:999; margin-top:-47px}







.flex-direction-nav li a.flex-prev{ top:50%; left:2%;background:url(../images/sy-8.png) center center no-repeat;}







.flex-direction-nav li a.flex-next{ top:50%; right:2%;background:url(../images/sy-9.png) center center no-repeat;}







.nav ul{ overflow:hidden;}







.nav ul li{ float:left; overflow:hidden; margin-left:42px}







.nav ul li a{ font-size:16px; display:block; position:relative; line-height:101px; border-bottom:#fff 2px solid;}







.nav ul li a img{ vertical-align:super;}







.nav ul li a:hover,.nav ul .dq a{ border-bottom:#0290FE 2px solid; color:#0290FE}







.dropMenu{ width:221px; position:absolute; top: 0; left:0; z-index:9999; visibility: hidden; overflow:hidden; margin-left:-77px; background:#fff; border-top:#0290FE 3px solid; margin-top:-1px}







.dropMenu ul{ padding:4% 8% 10%}







.dropMenu ul li{ padding:4% 0; text-align:center;}







.dropMenu ul li a{ color:#666; font-size:14px;}







.dropMenu ul li a:hover{ color:#0290FE;}







.dropMenu1{ width:700px; margin-left:290px; padding:1% 2% 2%}







.dropMenu1 ul{ overflow:hidden; padding:0;}







.dropMenu1 ul li{ float:left; margin-right:8%; padding:0; border:0}







.dropMenu1 ul li a{ font-size:16px;}







.dropMenu1 h1{ font-size:18px; font-weight:bold; margin-bottom:2%}







.dropMenu1 div{ padding:2% 0; border-bottom:#eee 1px solid}







.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%}







header{ display:none}







.sjx{ display:none}







.cent{ overflow:hidden}







.he_ZoomInImg,.sy3 dl dt,.sy5-1 h1,.yf2-y p,.xw dl dt{ 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,.sy3 dl dt img,.sy5-1 h1 img,.yf2-y p img,.xw dl dt 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,.sy3 dl a:hover dt img,.sy5-1 h1:hover img,.yf2-y:hover p img,.xw dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}







.sy1{ padding:14% 0 20%}







.sy1 .left{ max-width:720px; float:none}







.sy1 h1{ font-size:46px; color:#22318C; font-weight:bold}







.sy1 h2{ font-size:22px; margin:9% 0 3%; line-height:55px; font-weight:bold}







.sy1 p{ font-size:16px; line-height:28px}







.sy1 h3 a,.more a{ display:block; width:200px; line-height:60px; background:#008FFF; color:#fff; font-size:18px; text-align:center}







.sy1 h3{ margin-top:9%}







@-webkit-keyframes hover {







  50% {







    -webkit-transform: translateY(-3px);







    transform: translateY(-3px);







  }







  100% {







    -webkit-transform: translateY(-6px);







    transform: translateY(-6px);







  }







}







@keyframes hover {







  50% {







    -webkit-transform: translateY(-3px);







    transform: translateY(-3px);







  }







  100% {







    -webkit-transform: translateY(-6px);







    transform: translateY(-6px);







  }







}







.hover {







  display: inline-block;







  -webkit-transition-duration: 0.5s;







  transition-duration: 0.5s;







  -webkit-transition-property: transform;







  transition-property: transform;







  -webkit-transform: translateZ(0);







  transform: translateZ(0);







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







}







.hover:hover, .hover:focus, .hover:active{







  -webkit-transform: translateY(-6px);







  transform: translateY(-6px);







  -webkit-animation-name: hover;







  animation-name: hover;







  -webkit-animation-duration: 1.5s;







  animation-duration: 1.5s;







  -webkit-animation-delay: 0.3s;







  animation-delay: 0.3s;







  -webkit-animation-timing-function: linear;







  animation-timing-function: linear;







  -webkit-animation-iteration-count: infinite;







  animation-iteration-count: infinite;







  -webkit-animation-direction: alternate;







  animation-direction: alternate;







}







.sy2{ margin-top:-140px; position:relative; z-index:99}







.sy2-1{ margin-left:-1.3%; overflow:hidden;}







.sy2-1 div{ float:left; width:32.033%; margin-left:1.3%; background:url(../images/sy-10.png) no-repeat center bottom 17px; padding:4% 2% 0; background-size:100%}







.sy2-1 div h1{ text-align:left; font-size:18px; font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.sy2-1 div h1 img{ display:none; margin:0 auto 8%}







.sy2-1 div h1 .d2,.sy2-1 div h2 .d2{ display:none}







.sy2-1 div p{ margin:5% 0 15%; font-size:14px; color:#999; line-height:24px; text-align:left;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:96px; overflow:hidden}







.sy2-1 div h2 img{ display:block; margin:auto}







.sy2-1 div a:hover h1 .d1,.sy2-1 div a:hover h2 .d1{ display:none}







.sy2-1 div a:hover h1 .d2{ display:none}







.sy2-1 div a:hover h2 .d2{ display:block}







.sy-bt{ font-size:36px; color:#1E3092; font-weight:bold; text-align:center; background:url(../images/sy-15.png) no-repeat center bottom; padding-bottom:3%; margin:6% 0}







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







.sy3 dl{ float:left; width:31.333%; margin-left:2%; background:#F6F7F9}







.sy3 dl dt img{ width:100%; height:303px}







.sy3 dl dd{ text-align:center; padding:3%; font-size:20px; color:#211F8D;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.more a{ margin:auto}







.more{ margin:6% 0}







.sy4{ background:url(../images/sy-20.jpg) no-repeat center; overflow:hidden; padding-bottom:6%}







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







.sy4-2 dl{ float:left; width:23%; margin-left:2%; margin-top:2%; background:#fff; border:#DCDCDE 1px solid;}







.sy4-2 dl dt img{ display:block; margin:auto; height:177px;}







.sy4-2 dl dt .e2{ display:none}







.sy4-2 dl dd{ font-size:16px; text-align:center; margin-top:15%; color:#1D328D}







.sy4-2 dl a{ display:block; padding:12%}







.sy4-2 dl a:hover dt .e1{ display:none}







.sy4-2 dl a:hover dt .e2{ display:block}







.sy4-1{ overflow:hidden; position:relative; margin:6% 0}







.sy4-1 .sy-bt{ text-align:left; margin:0; background:url(../images/sy-15.png) no-repeat left bottom}







.sy4-1 .more{ position:absolute; right:0; top:0; margin:0;}







.sy4-1 .more a{ border:#0898F8 1px solid; color:#0898F8; background:none}







.sy4-1 .more a:hover{ background:#0898F8; color:#fff}







.sy5-z{ width:50%;}







.sy5-y{ width:49%}







.sy5-1 h1 img{ width:100%; height:354px}







.sy5-1 h2 a{ font-size:16px; font-weight:bold; line-height:26px}







.sy5-1 h2,.sy5-1 p{ margin:3% 3% 0}







.sy5-1 h2{ margin-top:4%}







.sy5-1 p{ margin-bottom:4%; font-size:12px; color:#999; overflow:hidden}







.sy5-1 p a{ float:right; color:#0B97F8; font-size:14px}







.sy5-z,.sy5-2{ border:#EEEEEE 1px solid;}







.sy5-2 .left{ width:42%}







.sy5-2 .right{ width:55%; padding-top:2%}







.sy5-1 .sy5-2 .right h2 a{ font-weight:normal; display:block;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}







.sy5-2{ margin-bottom:3%}







.sy5-2:last-child{ margin-bottom:0}







.sy5-1 .sy5-2 .right p{ margin-top:7%}







.sy5-z h2 a{ display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.sy5-y .sy5-2 .right p{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}







.sy5-1 .sy5-2 .left h1 img{ height:141px}







.sy5-1{ margin-bottom:6%}







.sy6{ background:url(../images/sy-41.jpg) no-repeat center; padding-top:4.3%}







.sy6 h1{ font-size:24px; color:#fff; font-weight:bold}







.sy6-1 input{height:55px;line-height:55px;/*! border:#006CB7 1px solid; *//*! border-radius:5px; */width: 18%;margin-right:1%;padding:0 2%; float:left;font-size: 18px; color:#333; background:url(../images/s2.jpg) no-repeat left 12px top 10px #FFF;}







.sy6-1 input::-webkit-input-placeholder{ color:#333;}







.sy6-1 input:-moz-placeholder{ color:#333;}







.sy6-1 input::-moz-placeholder{ color:#333;}







.sy6-1 input:-ms-input-placeholder{ color:#333;}







.sy6-1 input:nth-child(4){ width:28%;}







.sy6-1 input:last-child{ margin-right:0; padding:0; background:#213193; color:#fff;width: 14%;}







.sy6-1{ margin:3% 0 6%; overflow:hidden;}







.footer{ background:#09193A}







.foot1{ padding:0 0 5%; overflow:hidden}







.fo1,.fo2,.fo3{ float:left}







.fo1{ width:30.333%}







.fo2{ width:30.333%; margin:0 9%;}







.fo3{ width:25.333%;}







.fo1 p,.lx-z p{ font-size:14px; color:#fff; font-size:16px; margin-top:2%; line-height:30px}







.fo1 .f1,.lx-z .f1{ overflow:hidden}







.fo1 .f1 .left,.lx-z .f1 .left{ width:10%}







.fo1 .f1 .right,.lx-z .f1 .right{ width:90%}







.fo2 h1{ font-size:18px; color:#fff; margin-bottom:5%}







.fo2 ul{ overflow:hidden; margin-left:-10%}







.fo2 ul li{ float:left; width:40%; margin-left:10%; background:url(../images/cp-3.png) no-repeat left center; padding-left:30px; margin-top:2%}







.fo2 ul li a{ font-size:16px; margin-top:5%; color:#fff}







.fo2 ul li a:hover{ font-weight:bold}







.fo3{ overflow:hidden; margin-left:-5%; display:none}







.fo3 dl{ float:left; width:45%; margin-left:5%}







.fo3 dl dt img{ width:100%}







.fo3 dl dd{ font-size:14px; color:#fff; text-align:center; margin-top:3%}







.fo0{ margin:6% 0 2%}







.foot2{ border-top:#788693 1px solid}







.foot2 P{ font-size:15px; color:#fff; text-align:center; padding:2% 0}







.banner1 p img{ width:100%}







.yf1{ margin-top:-3%}







.yf1 p{ font-size:16px; line-height:26px; text-indent:2em; margin-top:1%}







.ny-bt{ padding-bottom:2%}







.yf2-z,.yf2-y{ width:48.5%}







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







.yf2-z h1{ font-size:36px; font-weight:bold; margin-bottom:4%; text-align:center;color: #1E3092;}







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







.yf2-y p img{ width:100%}







.yf2-1 .yf2-z:hover h1{ text-align:left}







.yf2-z ul{ overflow:hidden; margin-top:4%}







.yf2-z ul li{ float:left; width:33.333%; margin-top:2%; font-size:18px}







.yf2-z ul li span{ color:#1E8AE5; display:inline-block; margin-right:10px}







.yf2{ margin-bottom:6%}







.yf2-z p,.yf2-z ul li{ color:#666}







.yf2-1:hover .yf2-z p,.yf2-1:hover .yf2-z ul li{ color:#333}







.xw{ margin-top:6%;}







.xw dl{ margin-top:3%}







.xw dl a{ overflow:hidden; display:block;}







.xw dl dt{ float:left; width:26%}







.xw dl dt img{ width:100%; height:205px;}







.xw dl dd{ float:right; width:71%; overflow:hidden;font-size:15px; line-height:24px; color:#333;border-bottom: #999 1px dashed;padding-bottom: 2%;}







.xw dl dd .left strong{ font-size:20px; font-weight:normal; display:block; margin:3.5% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#333;font-weight: bold;}







.xw dl dd .left .c2{ display:inline-block; margin-top:4%; display:block; color:#666;}







.xw dl a:hover dd .left .c2{ color:#1C9CE5}







.xw dl dd .left .c1{ display:block;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;font-size: 14px; height:48px}







.xw dl dd .left{ width:84%; float:right}







.xw dl dd .right{ float:left; padding:2px 0 0; text-align:center; font-size:58px; margin-top:3%; line-height: initial; color:#999;/*! font-weight: bold; */letter-spacing: 1px;}







.xw dl dd .right strong{ display:block; font-size:17px; font-weight:normal; /*! border-top:#333 1px solid; */ margin-top:-3px;color: #999;} 







.xw dl a:hover dd .left strong{ color:#1C9CE5}







.fy{ text-align:center; margin:6% 0 8%}







.fy a{ font-size:14px; border:#ddd 1px solid; padding:8px 14px; margin:0 3px}







.fy a:hover,.fy .curr{ background:#5E8194; color:#fff}







.xwx1{ margin:6% 0 8%}







.xwx1 h1{ color:#2C3A6B; font-size:24px; text-align:center; margin-bottom:5%}







.xwx1-1{ border:#EFEFEF 1px solid; padding:4%}







.xwx1 h2{ margin-top:4%; overflow:hidden}







.xwx1 h2,.xwx1 h2 a{ color:#999; font-size:14px}







.xwx1 h2 .g1{ display:inline-block; margin:0 30px}







.xwx1 h2 a:hover{ color:#2C3A6B;}







.jrq1{ margin:6% 0;}







.jrq1 table tr td{ border-bottom:#CFCFCF 1px solid; text-align:center; padding:2.5% 0; color:#666}







.jrq1 table{ border-collapse:collapse}







.jrq1 table tr td,.jrq1 table tr td a{ font-size:16px}







.jrq1 table tr td{ font-size:18px; cursor:pointer; color:#999}







.jrq1 table tr td a{ color:#999}







.jrq1 table tr:last-child td{ border:0}







.jrq1 table tr:first-child td{ color:#333; padding-top:0} 







.jrq1 table tr td a:hover{ color:#292861}







.jrq-xq1{ background:url(../images/gy-jr-tz1.jpg) no-repeat center bottom; padding:6% 0}







.jrq-xq1-1 h1 a{ font-size:16px; color:#fff}







.jrq-xq1-1 p{ font-size:20px; color:#fff; margin:8% 0}







.jrq-xq2{ margin-top:6%}







.jrq-xq2 h1{ overflow:hidden; border-bottom:#DDDDDD 1px solid; padding-bottom:2%}







.jrq-xq2 h1 span{ float:left; margin-left:12%; font-size:18px; text-align:center;}







.jrq-xq2 h1 span:first-child{ margin-left:0}







.jrq-xq2 h2{ font-size:18px;}







.jrq-xq2 h2 img{ vertical-align:middle; margin-right:25px; font-size:18px}







.jrq-xq2 p{ font-size:16px; margin-top:1%; margin-left:4.5%}







.jrq-xq2-1 h2{ margin:4% 0 1%}







.jrq-xq3{ border-top:#DDDDDD 1px solid; margin:4% 0 6%; padding:4% 0 0}







.jrq-xq3 p a{ font-size:16px; color:#999}







.jrq-xq3 p{ line-height:44px}







.jrq-xq3 p a:hover{ color:#0290FE}







.lx1{ margin-bottom:6%; border:#DCDCDC 1px solid}







.lx-z{ width:45%; padding:6% 2%}







.lx-y{ width:55%}







.lx-z h1{ font-size:18px; font-weight:bold; margin-bottom:12%}







.lx-z p{ color:#333}







.lx-y p img{ max-width: inherit;}







.banner1{ position:relative}







.bann-nr{ position:absolute; left:0; bottom:40px; width:100%}







.bann-nr h1{ background:url(../images/c1.jpg) no-repeat left bottom; padding-bottom:40px; color:#1E3092; font-weight:bold; font-size:35px}







.cp-bt{ border-bottom:#EEEEEE 1px solid}







.cp-bt h1{ float:left; width:65%; padding:3% 0; font-size:16px; font-weight:bold; color:#008FF8}







.cp-bt h1 span{ font-size:14px; font-weight:normal; color:#333; display:inline-block; margin-left:5%}







.cp-bt h1 strong{ color:#1F2C9F}







.cp-bt p{ float:right; width:30%; background:#F6F7F9; border-radius:25px; overflow:hidden; margin-top:25px}







.cp-bt p input{ height:45px; line-height:45px; background:none; float:left}







.cp-bt p input:nth-child(1){ padding:0 20px; width:80%}







.cp-bt p input:nth-child(2){ background:url(../images/cp-1.png) no-repeat center; width:20%}







.cp1{ margin:6% 0 8%}







.cp1-z{ width:22%; border:#EEEEEE 1px solid}







.cp1-y{ width:75%}







.cp1-z h1 img{ width:100%}







.cp1-z ul li{ border-bottom:#eee 1px solid; padding:6% 8%;}







.cp1-z ul li a{ display:block; background:url(../images/cp-4.png) no-repeat center right; font-size:16px}







.cp1-z ul li a:hover,.cp2 ul li a:hover,.cp1-z ul .dq1 a{ color:#098AE8}







.cp1-z ul li:last-child{ border-bottom:0}







.cp-bt1{ border-bottom:#213095 1px solid; padding:3% 0; font-size:22px; overflow:hidden; color:#098AE8}







.cp-bt1 span{ float:right; color:#333;margin-right: 3.5%;}







.cp2 ul li{ border-bottom:#EEEEEE 1px solid; height:80px;display: table; width:100%}







.cp2 ul li a{ display:block; line-height:24px; color:#666; overflow:hidden;display: table-cell; vertical-align: middle; width:100%; font-size:16px}







.cp2 ul li a .h1{ float:left; width:80%}







.cp2 ul li a .h2{ float:right; width:15%; text-align:left}







.cp1-y .fy{ margin-bottom:0}







.cpx1-1 .left{ width:33.3%}







.cpx1-1 .right{ width:63%}







.cpx1{ margin:3% 0 6%}







.cpx1-0 h1,.cp-y h1{ font-size:24px; border-bottom:#DADADA 1px solid}







.cpx1-0 h1 span,.cp-y h1 span{ border-bottom:#2E2894 1px solid; display:inline-block; padding-bottom:2%}







.cpx1-0{ margin-bottom:3%}







/*.cp-z{ border:#eee 1px solid}*/







.cp-z p img{display: block;margin: auto;}







.cp-y h1{ font-size:20px; margin-bottom:4%}







.cp-y h1 span{ padding:0 4% 3% 0}







.cp-y p,.cp2-y p{ overflow:hidden; font-size:16px; margin-top:3%}







.cp-y p .left,.cp2-y p .left{ width:18%; color:#008EFA}







.cp-y p .right,.cp2-y p .right{ width:82%;}







.cpx1-1{ margin-bottom:3%}







.cpx1-2{ border:#eee 1px solid; width:100%}







.cp2-z{ width:33.3%; text-align:center; font-size:20px; line-height:110px}







.cp2-y{ width:66.7%}







.cp2-y p{ display:block; overflow:hidden; border-left:#eee 1px solid; border-bottom:#eee 1px solid; overflow:hidden; padding:2% 5%; margin-top:0}







.cp2-y p:last-child{ border-bottom:0}







.cp2-y p .left{ width:19%}







.cp2-y p .right{ width:81%}







.cpx1-3{ margin-top:4%}







.cpx1-3 p a{ color:#3B3388}







.cent1{ max-width:1350px}







.gy1{ border-bottom:#eee 1px solid}







.gy1-1{ border-left:#eee 1px solid; overflow:hidden}







.gy1-2{ border-right:#eee 1px solid; padding:4% 2%; float:left; width:33.33%}







.gy1-2 h1{ margin-bottom:4%}







.gy1-2 h1 a{ font-size:18px; font-weight:bold;}







.gy1-2 p{ font-size:14px; color:#999; line-height:24px; margin-bottom:10%; height:96px; overflow:hidden;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}







.gy1-2 h2 .j2{ display:none}







.gy1-2:hover h2 .j1{ display:none}







.gy1-2:hover h2 .j2{ display:block}







.gy2{ margin:-2% 0 6%}







.gy2 .left{ width:63%}







.gy2 .right{ width:35%}







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







.gy2 .left p{ text-indent:0; line-height:24px; margin-bottom:3%}







.gy2 .left p:last-child{ margin-bottom:0}   







.gy3,.gy5{ background:url(../images/gy-34.jpg) no-repeat center; overflow:hidden; padding-bottom:6%; background-attachment:fixed}







.pic{overflow: hidden;/*隐藏溢出*/width: 1190px;height:350px;margin: 0 auto; box-shadow:0 0 5px #DCDCDC; margin:5px; margin-bottom:6%}







.pic ul li{float: left;height:350px;width:177px; border-left:#DCDCDC 1px solid; overflow:hidden}







.txt{ height:350px;width:177px; overflow:hidden; padding:65px 0}







.txt{ float:left; width:177px}







.text1{ float:right; width:481px; height:350px; padding:50px 30px;}







.txt h1 img{ display:block; margin:auto}







.txt h1 span{ display:block; font-size:16px; text-align:center; background:url(../images/gy-28.png) no-repeat center bottom; padding-bottom:15%; margin-top:60px}







.text1 h1{ font-size:24px; font-weight:bold; margin-bottom:5%; background:url(../images/gy-29.png) no-repeat left bottom; padding-bottom:6%}







.text1 p{ font-size:16px; line-height:30px}







.txt h1 .k2{ display:none}







.txt:hover h1 .k1{ display:none}







.txt:hover h1 .k2{ display:block}







.txt:hover{ background:#008FFF;}







.txt:hover h1 span{ color:#fff; background:url(../images/gy-27.png) no-repeat center bottom}







.pic1{ display:none}







@media (max-width: 1200px){







.pic{ display:none}	







.pic1{ display:block; margin:5px; margin-bottom:6%; box-shadow:0 0 5px #ccc;}







.pic1 ul{ overflow:hidden}







.pic1 ul li{ float:left; width:25%; border-left:#DCDCDC 1px solid; padding:5% 2%}	







.pic1 ul li:first-child{ border-left:0}







.pic1 ul li h1{ text-align:center; background:url(../images/gy-28.png) no-repeat center bottom;}







.pic1 ul li h1 img{ width:80px}







.pic1 ul li h1 span{ display:block; font-size:16px; margin:10% 0; padding-bottom:10%}







.pic1 ul li p{ font-size:14px; line-height:22px}







	}







.about-history-list .slides li h1 img{}	







.item{







  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);







}







.item:hover,.item:focus,.item:active {







  -webkit-transform: scale(1.1);







  transform: scale(1.1);







}







/* Wobble Horizontal */







@-webkit-keyframes wobble-horizontal {







  16.65% {







    -webkit-transform: translateX(8px);







    transform: translateX(8px);







  }







  33.3% {







    -webkit-transform: translateX(-6px);







    transform: translateX(-6px);







  }







  49.95% {







    -webkit-transform: translateX(4px);







    transform: translateX(4px);







  }







  66.6% {







    -webkit-transform: translateX(-2px);







    transform: translateX(-2px);







  }







  83.25% {







    -webkit-transform: translateX(1px);







    transform: translateX(1px);







  }







  100% {







    -webkit-transform: translateX(0);







    transform: translateX(0);







  }







}







@keyframes wobble-horizontal {







  16.65% {







    -webkit-transform: translateX(8px);







    transform: translateX(8px);







  }







  33.3% {







    -webkit-transform: translateX(-6px);







    transform: translateX(-6px);







  }







  49.95% {







    -webkit-transform: translateX(4px);







    transform: translateX(4px);







  }







  66.6% {







    -webkit-transform: translateX(-2px);







    transform: translateX(-2px);







  }







  83.25% {







    -webkit-transform: translateX(1px);







    transform: translateX(1px);







  }







  100% {







    -webkit-transform: translateX(0);







    transform: translateX(0);







  }







}







.wobble-horizontal {







  display: inline-block;







  -webkit-transform: translateZ(0);







  transform: translateZ(0);







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







}







.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {







  -webkit-animation-name: wobble-horizontal;







  animation-name: wobble-horizontal;







  -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;







}







#marquee2,#marquee3,#marquee4{width:100%;overflow:hidden;}







#marquee2 ul li,#marquee3 ul li,#marquee4 ul li{float:left; width:400px; margin:0 15px}







#marquee2,#marquee2 ul{height:270px;}







.sy2-1 div{ width:100%; margin:0; padding: 9% 11% 0;}







.sy2-1{ margin:0}







.sy4-2 dl{ width:31%}







.sy4-2 dl dt img{ height:120px}







.yf2-z ul li{ width:100%}







.yf1{ overflow:hidden; margin-left:-2%; margin-top:-2%; padding:5px}







.yf1 dl{ float:left; width:23%; margin-left:2%; margin-top:2%; padding:4% 4% 6%; box-shadow:0 0 5px #eee}







.yf1 dl dd{ font-size:20px; margin-top:10%; line-height:26px;}







.yf1 dl:nth-child(5){ margin-left:14.5%}







.nav ul li{ margin-left:59px}







.yf1 dl dt img{ width:70px;}







.yf1 dl dd{ height:52px; color:#666}







.yf1 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}







.yf1 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}







.yf1 dl:hover dd{ color:#333}







#dropmenu3{ margin-left:-57px}







#marquee3 ul li{ width:420px; margin:0} 







#marquee3,#marquee3 ul,.gy1-2{ height:277px}







.gy1-2{ width:100%;padding: 13% 10%;}







#marquee4 ul li{ width:277px; margin:0 12px;} 







#marquee4 ul li img{ width:100%; height:187px}







#marquee4 ul li dl dd{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center; margin-top:20px; margin-bottom:10px; display:none}







#marquee4,#marquee4 ul{ height:191px}















.cp-z{ height:373px; display: table;border: #eee 1px solid;}







.cp-z p{display: table-cell;vertical-align: middle;}

.cp-bt1{ padding-bottom:2%}
.cp-bt1 strong{display: block;
font-size: 16px;
font-weight: normal;
color: #999;
margin-top: 4px;}