@charset "utf-8";

/* CSS Document */

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

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

body, html{ overflow-x: hidden;}

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:#1395F3}

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

textarea{resize:none}

input,textarea{ outline: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');}

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

.header{ box-shadow:0 0 10px #eee;z-index: 8;position: relative;}

.zg0 ul li{ display:inline-block; background:url(../images/sy-4.png) no-repeat center right; padding:0 20px}

.zg0 ul li a{ display:inline-block}

.zg0 ul li img{ margin-right:7px}

.zg0 ul{ text-align:right}

.zg0 ul li:last-child{ background:none; padding-right:0}

.zg0{ margin:19px 0 10px;}

.head1{ max-width:1600px; margin:auto}

.banner{ position:relative}

.banner p img{ width:100%}

.head1 .logo{ width:358px;}

.head1 .logo p{ margin:17px 0}

.head1 .logo img{ width:100%}

.head1 .navz{width:45%;}

.zg{width:71%;float:left;}

.zg1{width: 22%;float:right;padding-top:19px;position: relative;color:#fff;}

.zg1 p{color:#333; text-align:right}

.zg1 p,.zg1 p a{ font-size:16px;}

.zg1 p a{ display:block; /*! padding:0 10px; */ background-image:linear-gradient(to right, #096FFF , #0E53D5); font-size:16px; text-align:center; color:#fff; border-radius:5px; line-height:45px}

.zg1 p a:last-child{ padding-right:0}

.zg1 p img{ vertical-align:middle;}

.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:20px; right:0; z-index:2;width:100%;text-align:center;}

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

.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:55px;overflow:hidden;background:url(../images/sy-7.png) right 0 no-repeat; cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}

.nav1 ul{ overflow:hidden}

.nav1 ul li{ float:left; text-align:center; width:33.33%}

.nav1 ul li a{ font-size:16px; display:block; padding:31px 0 29px; position:relative}

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

.nav1 ul li a img{ vertical-align:middle; margin-left:10px}

.nav2,.sjx{ display:none}

.dropMenu{position:absolute;top: 0;left:0;padding:14px 0 14px;margin-left: 15px;margin-top:-15px;z-index:9999;visibility: hidden;overflow:hidden;width: 120px;background:url(../images/zck-1.png) no-repeat center top #fff; border-bottom:#F7F7F7 1px solid}

.dropMenu li{ line-height:30px; text-align:center; float:left; width:16.666%; text-align:center; background:url(../images/s1.png) no-repeat center right}

.dropMenu li a{ font-size:16px;display:block;} 

.dropMenu li a img{ display:block; margin:0 auto 3%}

.dropMenu li a:hover{ color:#1395F3;}

.dropMenu li:first-child{ border-top:#eee 1px solid; padding-top:14px}

.dropMenu ul li{ width:100%;}

.dropMenu ul li a{ font-size:15px}

header{ display:none}

.sjx{ display:none !important}

.qh a{ color:#fff}

.he_ZoomInImg,#demo2.flexslider .slides li,.sy5-y p,.sy2-2 .left p,.xm1 dl dt,.xm2 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,#demo2.flexslider .slides li img,.sy5-y p img,.sy2-2 .left p img,.xm1 dl dt img,.xm2 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,#demo2.flexslider .slides li:hover img,.sy5-y p:hover img,.sy2-2 .left p:hover img,.xm1 dl:hover dt img,.xm2 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);}

.bann-nr{ position:relative}

.sy0{ position:absolute; left:0; top:50%; width:100%; margin-top:-100px}

.sy0-1{ max-width:520px}

.sy0-1 h1{ color:#004ADD; font-size:42px; font-weight:bold}

.sy0-1 p{ font-size:20px; margin:4% 0 9%}

.sy0-1 h2 a,.sy4-1 .right h2 a{ border:#004ADD 1px solid; border-radius:5px; width:160px; line-height:45px; text-align:center; color:#004ADD; font-size:16px; display:inline-block !important}

.sy0-1 h2 a:first-child,.sy4-1 .right h2 a:first-child{ margin-right:6%;}

.sy0-1 h2 a:hover{ background-image:linear-gradient(to right, #086DFF , #0E53D5); color:#fff}

.sy1-bj{ background:#FAFBFF; overflow:hidden}

.sy1{ overflow:hidden; margin-left:-2%; margin-bottom:7%; padding:5px}

.sy1 div{ float:left; width:23%; margin-left:2%; background:#fff; padding:4% 2%; border-radius:5px; box-shadow:0 0 5px #ddd; height:270px; overflow:hidden}

.sy1 div h1 img{ display:block; margin:auto}

.sy1 div h2{ font-size:20px; text-align:center; margin:15% 0 8%; font-weight:bold}

.sy1 div p{ font-size:16px; color:#999; text-align:center}

.sy5{ margin-bottom:7%}

.sy5-z{ width:50%; padding-top:1%}

.sy5-y{ width:44%;}

.sy5-y p img{ width:100%; border-radius:5px;}

.sy5-y p{ border-radius:5px;}

.sy5-z h1{ font-size:26px; margin-bottom:3%;color: #0148D6;border-bottom: #ddd 1px dashed;padding-bottom: 3%;font-weight: bold;}

.sy5-z h1 span{ background:url(../images/sy-14.png) no-repeat center; width:59px; height:51px; text-align:center; color:#fff; display:inline-block; font-weight:normal; vertical-align:middle; margin-right:10px; line-height:51px}

.sy5-z p{ font-size:18px; line-height:34px;text-indent: 2em;}

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

.sy-bt{ text-align:center; margin:7% 0 5%; font-size:18px; color:#999}

.sy-bt strong{ display:block; color:#333; font-size:40px; margin-bottom:5px}

.sy5-z ul{ overflow:hidden; margin-left:-2%; margin-top:7%}

.sy5-z ul li{ float:left; width:18%; margin-left:2%; font-size:22px; text-align:center; background:url(../images/sy-18.png) no-repeat center; background-size:100%; line-height:127px}

.sy5-z.right p{ text-indent:0}

.sy2{ box-shadow:0 0 5px #ddd; background:#fff; padding:5%; margin:0 5px 7%}

.sy2-1 .left,.sy2-2 .left{ width:31%}

.sy2-1 .right,.sy2-2 .right{ width:64%}

.sy2-1 .left p img,.sy2-2 .left p img{ width:100%}

.sy2-1 .right h1,.sy2-2 .right h1{ font-size:24px; font-weight:bold; margin:2% 0 4%}

.sy2-1 .right p,.sy2-2 .right p{ font-size:18px; line-height:35px}

.sy2-1 .right h1 span{ color:#106EF6; font-size:40px}

.sy2-2{ margin-top:2%; background:#EAF3FA}

.sy2-2 .right{ width:69%; padding:3.5%}

.sy2-2 .right h1{ margin-top:0}

.sy2-2 .right h1 span{ color:#FE0300}

.sy2-2 .right p{ background:url(../images/sy-22.png) no-repeat center left; padding-left:30px}

.sy2-3{ background:#FBF4EA}

.sy3{ margin-bottom:3%; padding:0 5px}

.sy3-z{ width:53%;}

.sy3-z2{ box-shadow:0 0 5px #ddd; border-radius:5px; overflow:hidden}

.sy3-y{ width:43%;}

.sy3-z h1{ font-size:20px; border:0; overflow:hidden}

.sy3-z h1 a{ font-size:14px}

.sy3-z2 h1 img{ width:100%; height:426px}

.sy3-z2 h2 a{ font-size:20px; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#004BD8; font-weight:bold}

.sy3-z2 h2{ overflow:hidden; margin:4% 7%;}

.sy3-z2 p{ font-size:16px; color:#999; line-height:25px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.sy3-z2 h3{ font-size:14px; margin-top:5%; color:#666}

.sy3-z3{ border-top:#D0CBD2 1px solid; padding-top:2%; margin-top:5%}

.sy3-z3 ul li{ margin-top:1%}

.sy3-z3 ul li a{ font-size:14px; color:#666; display:block; overflow:hidden}

.sy3-z3 ul li a span{ float:right}

.sy3-y h1{ text-align:right; font-size:20px}

.sy3-y h1 span{ margin:0 15px; display:inline-block; cursor:pointer}

.sy3-y h1 span:last-child{ margin-right:0}

.sy3-y0{ border-bottom:#ccc 1px dashed;}

.sy3-y2{ border-top:#ccc 1px dashed; padding:7.5% 0;}

.sy3-y2 .left{ width:15%; padding-top:0.5%}

.sy3-y2 .right{ width:81%; /*! padding-left:6%; */ border-left:#DCDCDC 1px dashed;padding: 2% 0 2% 5%;}

.sy3-y2 .left h1{ font-size:14px; text-align:center; padding:5px 0;font-weight: bold;color: #999;}

.sy3-y2 .left h1 strong{ display:block; font-size:35px; /*! font-weight:normal */color: #333;}

.sy3-z2 h2{ z-index:9; position:relative; width:70%}

.sy3-y2 .right h2 a{ font-size:20px; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy3-y2 .right p{ font-size:16px; color:#666; line-height:24px; margin-top:2%; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy3-y2 .left h1 a:hover{ color:#004BD8}

.sy3-z2 h2 img{ height:241px}

#demo2 .flex-control-nav{position:absolute;bottom:48px; right:0; z-index:2;width:100%;text-align:right; padding-right:5%}

#demo2 .flex-control-nav li{display:inline-block;width:3px;height:3px; margin:0 2px;*display:inline;zoom:1;}

#demo2 .flex-control-nav a{display:inline-block;width:3px;height:3px;line-height:55px;overflow:hidden;background:#D1D2D6; cursor:pointer;}

#demo2 .flex-control-nav .flex-active{background:#0945D9;}

#demo2.flexslider .slides li img{ height:394px}

.sy4{ background:url(../images/sy-31.jpg) no-repeat center bottom}

.sy4-1{ padding-bottom:2%; position:relative}

.sy4-1 .left{ width:47%}

.sy4-1 .right{ width:49%; position:absolute; right:0; bottom:20%}

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

.sy4-1 .right h1{ font-size:24px; color:#fff; letter-spacing:14px}

.sy4-1 .right p{ font-size:30px; font-weight:bold; color:#fff; letter-spacing:4px; margin:5% 0 7%}

.sy4-1 .right h2 a{ border:#fff 1px solid; color:#fff}

.sy4-1 .right h2 a:hover{ background-image:linear-gradient(to right, #FFC000 , #EC7800); border:0}

.sy4-1 .right h1 img:first-child{ margin-right:20px}

.sy4-1 .right h1 img:last-child{ margin-left:10px}

.footer{ background:#2C2D41}

.fo-z{ width:77%; background:url(../images/sy-35.png) no-repeat right top; padding-right:7%}

.fo-y{ width:20%}

.fo-z ul{ overflow:hidden; padding:3.5% 0; border-bottom:#454452 1px solid}

.fo-z ul li{ float:left; margin-right:65px}

.fo-z ul li,.fo-z ul li a{ font-size:16px; color:#B1B0B8}

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

.fo1{ padding:3% 0 2%}

.fo1 .left{ width:36%}

.fo1 .right{ width:59%}

.fo1 .left p{ font-size:16px; color:#fff; margin-top:7%}

.fo1 .left p:first-child{ margin-top:0}

.fo1 .right dl{ float:left; width:47.5%; margin-left:5%; overflow:hidden}

.fo1 .right dl:first-child{ margin-left:0}

.fo1 .right dl dt{ float:left; width:50%}

.fo1 .right dl dd{ float:right; width:45%; color:#fff; font-size:14px; line-height:26px; padding-top:13%}

.fo1 .right dl dt img{ width:100%}

.foot2{ background:#323345}

.foot2 p{ padding:1% 0; color:#B1B0B8; font-size:14px; letter-spacing:0}

.foot2 p img{ vertical-align:middle; margin-right:5px}

.foot2 p span{ display:inline-block; margin:0 3%}

.fo-y{ padding-top:3%}

.fo-y dl dt img{ display:block; margin:auto}

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

.fo-z ul li a:hover{ color:#fff}

.grow-rotate {

  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,.sy1 div:hover .grow-rotate{

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

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

}

.xf{ position:fixed; right:10px; bottom:25%; z-index:9; border:#ddd 1px solid; border-radius:5px; background:#fff;}

.xf ul li{ padding:10px 6px; text-align:center; border-bottom:#ddd 1px solid; position:relative; cursor:pointer}

.xf ul li img{ display:block; margin:0 auto 7px}

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

.xf ul li .a1{ position:absolute; top:0; right:85px; background:#fff; display:block; border:#ddd 1px solid; border-radius:5px; padding:8px 15px; text-align:left; line-height:24px; display:none}

.xf ul li .a1 span{ display:block; color:#0F56E4}

.xf ul li,.xf ul li a{ font-size:12px;}

.xf ul li:hover{ background-image:linear-gradient(to bottom, #096FFF , #0F52D5); color:#fff}

.xf ul li:hover a{ color:#fff}

.xf ul li:last-child{ padding:7px 6px 4px; background:#132150; color:#fff; border-radius:0 0 5px 5px}

.xf ul li:last-child a{ color:#fff; line-height:inherit}

.xf ul li:last-child a img{ margin-bottom:0}

.xf ul li:hover .a1{ color:#333}

.xf ul li .b2{ display:none}

.xf ul li:hover .b1{ display:none}

.xf ul li:hover .b2,.xf ul li:hover .a1{ display:block}

@media (max-width: 1600px){

.head1{ max-width:1200px}

	}

	

.banner1 p img{ width:100%}	

.gy1{ margin:6% 0}

.gy-bt{ text-align:left; margin:5% 0 2%}

.gy-bt strong,.gy-bt1 strong{ font-size:35px}

.gy1 p{ font-size:25px; padding-left:12%; line-height:45px; margin-top:-1%; margin-bottom:3%}

.gy1 h2 img{ width:100%}

.gy2{ background:#F6F7FC; overflow:hidden; padding-bottom:6%}

.gy2 p{ font-size:18px; line-height:35px; text-indent:2em}	

.gy2 h2 img{ width:100%}	

.gy2 h2{ margin-top:3%}

.gy3{ margin-bottom:6%}

.gy3 .left{ width:50%}

.gy3 .right{ width:38%; border-left:#EDEDED 1px solid; overflow:hidden}

.gy3 .right p img{ float:right; max-width:100%}

.gy3 .left p{ margin-bottom:4%; border:#DCDCDC 1px solid; border-radius:5px; overflow:hidden; padding-right:5%}

.gy3 .left p span{ width:13%; display:inline-block; float:left; border-right:#DCDCDC 1px solid; margin-top:17px}

.gy3 .left p input,.gy3 .left p select{ float:right; width:83%; height:60px; line-height:60px; background:none; border:0; font-size:16px; background:url(../images/lx-9.png) no-repeat left top 20px; padding-left:10px;}

.gy3 .left p span img{ display:block; margin:auto}

.gy3 .left h1 input{ background-image:linear-gradient(to right, #096FFF , #0E53D5); height:60px; line-height:60px; border-radius:5px; font-size:20px; text-align:center; color:#fff; display:block; width:100%}

.gy3 .left h1{ margin-top:6%}



.lx1 p img{ width:100%}

.gz1{ margin:10% 0}

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



.bjn{ background:#F7F8FC}



.xm1{ overflow:hidden; margin-top:-4%; margin-bottom:6%}

.xm1 dl{ float:left; width:23%; margin-left:2%; margin-top:4%}

.xm1 dl dt img,.xm2 dl dt img{ width:100%}

.xm1 dl dd{ text-align:center; font-size:18px; margin-top:4%}

.xm2{ overflow:hidden; margin-left:-3%; margin-top:-2%; margin-bottom:6%; padding:0 10px 10px}

.xm2 dl{ float:left; width:47%; margin-left:3%; margin-top:2%; border-radius:10px; box-shadow:0 0 10px #eee; padding:3%}

.xm2 dl dd{ font-size:18px; margin-bottom:5%}

.xm1 dl dt img{ height:194px}

.xm2 dl dt img{ height:234px}



.wd1{ margin-left:0} 

.wd1 dl{ float:left; width:50%; padding:3%; border-bottom:#E5E6EA 1px dashed; border-right:#E5E6EA 1px dashed; border-radius:0; box-shadow:none; margin:0}

.wd1 dl:nth-child(1){ padding-top:0; padding-left:0}

.wd1 dl:nth-child(2){ padding-top:0; padding-right:0; border-right:0}

.wd1 dl:nth-child(3){ padding-left:0; padding-bottom:0; border-bottom:0}

.wd1 dl:nth-child(4){ padding-right:0; padding-bottom:0; border-bottom:0}

.wd1 dl dt img{ width:100%; height:291px}

.wd1 dl dd,.wd2 dl dd{ font-size:18px; line-height:28px; height:112px; overflow:hidden; margin-bottom:0}

.wd1 dl dd span,.wd2 dl dd span{ display:block; font-size:16px; color:#999; margin:1% 0 4%}

.wd3 dl dd{ height:84px}



.gy33 .left p{ background:#fff}

.lx1{ margin-bottom:6%}

.gz2{ position:relative; margin-left:-2%; margin-top:4%; margin-bottom:6%; overflow:hidden}
.gz2 dl{ float:left; width:23%; margin-left:2%; margin-top:2%}
.gz2 dl dt img{ width:100%; display:block} 
.gz2 dl dd{ text-align:center; font-size:16px; margin-top:6%}

.fy{ margin:0 0 6%; text-align:center}
.fy a{ background:#fff; border:#F0F0F2 1px solid; border-radius:5px; padding:7px 13px; margin:0 2px; font-size:18px; display:inline-block}
.fy a:hover,.fy .curr{ background:#0D65AC; color:#fff}