@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box}
body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#666;}
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:#203761}
input,button,select,textarea{outline:none}
textarea{resize:none}
input{-webkit-appearance:none;}
img{ max-width:100%}

.hea,.cent,.foot{ max-width:1400px; margin:auto; overflow:hidden; width:100%}
.hea .logo{ width:12%; margin:1% 0}
.hea .right{ width:28%; padding-top:3%}
.hea .right p{ font-size:24px; overflow:hidden}
.hea .right p img{ vertical-align:middle; margin-right:15px; cursor:pointer}
.hea .right p span{ float:right; padding-top:1%}
.hea .right p strong{ font-weight:normal}
.logo img{ width:100%}
.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:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.nav{ max-width:1200px; margin:auto; width:100%}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; text-align:center; width:25%; text-align:center;}
.nav ul li a{ font-size:18px; display:block; color:#333}
.nav ul li a img{ vertical-align:middle; margin-left:5px}
.nav ul li a:hover,.nav ul .dq a{ color:#203761}
.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}
header{ display:none}
.sjx{ display:none !important}
.cent{ overflow:hidden}
.he_ZoomInImg,.sy2 dl dt,.sy4 dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box; -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,.sy2 dl dt img,.sy4 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,.sy2 dl:hover dt img,.sy4 dl:hover dt 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)}
.sy1{ overflow:hidden; margin-top:9%}
.sy1 .left{ width:66%; padding-top:2%}
.sy1 .right{ width:19%}
.sy1 .left h1{ font-size:36px;}
.sy1 .left p{ font-size:18px; color:#666; line-height:35px; margin-top:4%}
.sy1-1{ overflow:hidden; margin-top:6%}
.sy1-1 dl{ float:left; width:13.1%; margin-right:12%}
.sy1-1 dl dt img,.sy1 .right p img{ width:100%}
.sy1-1 dl dd{ text-align:center; margin-top:10%; font-size:24px}
.sy-b{ text-align:center; font-size:44px; margin:6% 0}
.sy-b img{ display:block; margin:2% auto 0;}
.sy-b span{ font-size:24px; display:block; margin-top:1%}
.sy2{ overflow:hidden; margin-bottom:6%; margin-left:-2%}
.sy2 dl{ float:left; width:23%; margin-left:2%; position:relative}
.sy2 dl dt img{ width:100%; height:309px}
.sy2 dl dd{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#fff; background:#000;background-color: rgba(0,0,0,0.6); filter: Alpha(opacity=60);}
.sy2 dl dd img{ display:block; margin:20% auto 6%}
.sy2 dl dd img,.sy3-1 dl dt img,.cp2-1 h1 img,.gy3 dl dt img{-webkit-transition:1s ease;-moz-transition:1s ease;}
.sy2 dl:hover dd img,.sy3-1 dl:hover dt img,.cp2-1:hover h1 img,.gy3 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.sy2 dl dd strong{ font-size:18px; display:block;}
.sy2 dl dd span{ font-size:14px; margin:7% 0 13%; display:block}
.sy2 dl dd a{ display:block; font-size:14px; text-align:right; color:#fff; margin-right:8%}
.sy2 dl dd a:hover{ font-weight:bold}
.sy3{ background:url(../images/sy14.jpg) no-repeat center; overflow:hidden; padding-bottom:6%; background-attachment:fixed}
.sy3 .sy-b{ color:#fff}
.sy3-1{ overflow:hidden; margin-left:-10%}
.sy3-1 dl{ float:left; width:23.333%; margin-left:10%}
.sy3-1 dl dd{ text-align:center; color:#fff; font-size:24px; margin-top:5%}
.sy3-1 dl dd span{ font-size:18px; display:block; margin-top:5%}
.sy3-1 dl dt img{ display:block; margin:auto}
#demo2{ margin-bottom:6%}
.sy4{ overflow:hidden; padding-bottom:12%;}
.sy4 dl dd{ font-size:20px; margin-top:4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy4 dl dt img{ width:100%; height:283px;}
#demo2 .flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%;text-align:center;}
#demo2 .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 10px;*display:inline;zoom:1;}
#demo2 .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:50px;overflow:hidden;background:url(../images/sy22.png) right 0 no-repeat;cursor:pointer;}
#demo2 .flex-control-nav .flex-active{background-position:0 0;}
.sy5{ background:#f5f6f9; padding:4% 0}
.sy5 ul{ overflow:hidden; margin-left:-2%}
.sy5 ul li{ float:left; width:8.5%; margin-left:4%}
.sy5 ul li img{ width:100%; height:42px}
.footer{ background:#26323e;}
.fo1{ padding:3.5% 0 1%; border-bottom:#919599 1px solid; position:relative}
.fo1 h1 a{ font-size:16px; margin-right:4%; color:#fff}
.fo1 p{ position:absolute; right:0; bottom:14%;}
.fo1 p a{ margin-left:20px}
.fo1 h1 a:hover{ font-weight:bold}
.fo2{border-bottom:#919599 1px solid;padding: 4% 0;}
.fo2 .left{width: 89%;overflow:hidden;/* padding-top:2%; */}
.fo2 .left dl{float:left;width:23.333%;margin-left: 7.5%;overflow:hidden;}
.fo2 .left dl:first-child{ margin-left:0}
.fo2 .left dl:nth-child(3){width: 38.333%;}
.fo2 .left dl dt{float:left;width: 17%;}
.fo2 .left dl dt img{ width:100%}
.fo2 .left dl dd{font-size:18px;/* margin-top: 4px; */color:#fff;float:right;width: 75%;}
.fo2 .left dl dd span{ font-size:14px; display:block; margin-top:5px}
.fo2 .left dl:nth-child(2) dt{width: 13.8%;}
.fo2 .left dl:nth-child(2) dd{width: 76%;}
.fo2 .left dl:nth-child(3) dt{width: 7.3%;}
.fo2 .left dl:nth-child(3) dd{width: 87%;}
.fo2 .right{width: 3%;overflow:hidden;padding-top: 0%;}
.fo2 .right h1{ width:31%; float:left}
.fo2 .right h1 img{ width:100%}
.fo2 .right p{/* width:55%; */float:right;overflow:hidden;padding-top:10%;}
.fo2 .right p a{ float:left; width:70%; display:block; background:#0099e1; color:#fff; border-radius:5px; text-align:center; font-size:18px; line-height:35px;}
.fo2 .right p a img{ vertical-align:middle; margin-right:6%}
.fo2 .right p span{float:right;/* width:30%; */display:block;/* background:#f34f29; */color:#fff;line-height: 32px;border-radius:5px;height: 32px;}
.fo2 .right p span img{display:block;/* margin:10px auto */}
.foot1 p{ text-align:center; padding:1.5% 0; color:#fff; font-size:16px;}
#bo{ cursor:pointer}

.cent1{ max-width:1200px}
.cent89{ max-width:1000px}
.banner1 p img{ width:100%}
.sy-b1{ font-size:36px; text-align:center; margin:6% 0}
.sy-b1 span{ display:block; font-size:12px; color:#999; margin-top:1.5%}
.cp1{ margin-bottom:0}
.cp1 dl dd{ position:relative}
.cp1 dl dt span{ display:none; position:absolute; top:45%; left:50%; margin-left:-57px; width:115px; line-height:30px; border:#fff 1px solid; border-radius:30px; text-align:center; color:#fff; font-size:13px;}
.cp1 dl dt{ background:#000}
.cp1 dl dt img{ height:271px}
.cp1 dl a{ display:block;}
.cp1 dl a:hover dt img{ opacity:.6}
.cp1 dl a:hover dt span{ display:block;}
.cp1 dl a:hover dd{ color:#0b498a}
.cp1 dl dd{ background:none; color:#333; margin-top:6%}
.cp1 dl dd span{ margin-top:4%; margin-bottom:0}
.cp2{ overflow:hidden; margin-bottom:8%}
.cp2-1{ float:left; width:22%; border:#e1e7ef 2px solid; padding:5% 3%; margin:8px 1.5%; height:371px; overflow:hidden}
.cp2-1 h1 img{ display:block; margin:auto}
.cp2-1 h2{ text-align:center; font-size:18px; color:#333; margin-top:7%}
.cp2-1 h2 img{ display:block; margin:7% auto}
.cp2-1 p{ font-size:14px; color:#666; line-height:26px;}
.cp2-1:hover{ box-shadow:0 0 8px #e1e7ef}

.cpx{ margin-bottom:8%; margin-top:-4%}
.cpx h2{ font-size:12px; color:#999; text-align:center; margin-bottom:4%}
.cpx h2 img{ vertical-align:middle; margin-right:10px}

.gy1{ overflow:hidden; margin-left:-7%; margin-bottom:8%}
.gy1 p{ float:left; width:43%; margin-left:7%; font-size:16px; line-height:40px}
.gy2{ background:url(../images/gy1.jpg) no-repeat center; background-attachment:fixed; overflow:hidden; padding-bottom:6%}
.gy2 .sy-b1,.gy2 .sy-b1 span{ color:#fff}
.gy2-1{ overflow:hidden; margin-left:-7%}
.gy2-1 div{ float:left; width:26.333%; margin-left:7%; height:332px; overflow:hidden; background:#fff; border-top:#ed1c24 5px solid; padding:3%}
.gy2-1 div h1{ font-size:30px; overflow:hidden;}
.gy2-1 div h1 img{ float:right; display:block}
.gy2-1 div h2{ background:url(../images/xx.jpg) repeat-x center; overflow:hidden; margin-top:9%}
.gy2-1 div h2 img{ float:right}
.gy2-1 div p{ font-size:14px; color:#666; line-height:30px; margin-top:10%}
.gy3{ overflow:hidden; margin-left:-7%; margin-top:-4%; margin-bottom:7%}
.gy3 dl{ float:left; width:43%; margin-left:7%; overflow:hidden; margin-top:4%}
.gy3 dl dt{ float:left; width:20%}
.gy3 dl dd{ float:right; width:75%; font-size:18px; font-weight:bold; padding-top:3%}
.gy3 dl dd span{ display:block; font-size:14px; color:#666; line-height:24px; margin-top:3%; font-weight:normal}
.gy3 dl dt img{ width:100%} 
.cent2{ max-width:1330px} 
.gy4{ background:#f5f6f9}

.about-history{ height:405px; padding:0 106px; margin-bottom:6%; -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #2d477c; content:'';}
.about-history-list .slides li{ position:relative; width:268px; height:405px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:173px; padding:46px 20px 23px; box-sizing:border-box;  background:url(../images/gy14.png) no-repeat center; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{position:absolute;top: -38px;left:50%;width:18px;height:18px;overflow:hidden;margin-left:-10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:#2d477c 1px solid;content:'';}
.about-history-list .slides li .item:after{position:absolute;top: -33px;left:50%;width:10px;height:10px;overflow:hidden;margin-left:-5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#2d477c;content:'';}
.about-history-list .slides li:nth-child(odd) .item{ top:0; bottom:auto; background:url(../images/gy11.png) no-repeat center; padding: 23px 20px 46px;}
.about-history-list .slides li:nth-child(odd) .item:before{top:auto;bottom: -38px;}
.about-history-list .slides li:nth-child(odd) .item:after{top:auto;bottom: -33px;}
.about-history-list .slides li .item:hover{ background:url(../images/gy13.png) no-repeat center;}
.about-history-list .slides li:nth-child(odd) .item:hover{ background:url(../images/gy12.png) no-repeat center;}
.about-history-list .slides li .item h3{ margin:0; font-size:16px; color:#fff; font-weight:bold; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; margin-bottom:7px}
.about-history-list .slides li:nth-child(odd) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li .item .desc{ line-height:24px; font-size:14px; color:#fff;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:41px; height:41px; line-height:160px; overflow:hidden; margin-top:-20px; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-61px; background:url(../images/gy9.png) no-repeat center}
.about-history-list .flex-direction-nav a.flex-next{ right:-61px; background:url(../images/gy10.png) no-repeat center}

.cent3{ max-width:1450px}

@media (max-width: 1450px){
.hea,.cent,.foot{ margin:0 4%; width:92%;}
.sy1 .left{ padding-top:0}
.cent89{ margin:auto;}
	}

.cpx1-1{ margin-top:6%; border-bottom:#ccc 1px solid; position:relative}
.cpx1-1 h1{ font-size:16px; background:#2F487A; color:#fff; line-height:35px; display: inline-block;  padding: 0 3.5%; text-align:center; border-radius:7px 7px 0 0}
.cpx1-1 p{ position:absolute; bottom:0; right:0;}
.cpx1-1 p span{ border:#ddd 1px solid; font-size:14px; cursor:pointer; line-height:30px; width:80px; text-align:center; margin-left:5px; border-bottom:0; display:inline-block}
.cpx1-1 p .curr11{ background:#5D6C8B; color:#fff}
.xq1 h1{ font-size:22px; margin:4% 0}
.xq1{ margin-bottom:8%;}