@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:#666;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:#1C66FB}

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

textarea{resize:none}

.sscx1 p input,.sscx2-1-1 p 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');}

		 



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

.head1,.he1{ max-width:1400px; margin:auto}

.he1 p{ text-align:right; padding:1% 0; color:#fff; font-size:12px}

.he1 p span{ display:inline-block; margin:0 1.5%}

.he1 p span img{ vertical-align:middle; margin-right:12px}

.he1 p a img{ vertical-align:middle;}

.he1 p a{ margin-left:1%}

.banner{ position:relative}

.banner p img{ width:100%}

.head1 .logo{ width:322px;}

.head1 .logo p{ margin:28px 0; }
.head1 .logo p a{font-size:15px}

.head1 .logo p span{ background:url(../images/sy-1.png) no-repeat left center; padding-left:30px; margin-left:30px; display:inline-block; line-height:30px; vertical-align:middle;color: #333;}

.head1 .navz{width:68%; padding-top:31px;}

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

.zg1{width:35%;float:right;text-align:right;/*! padding-top:10px; */position: relative; /*! background:url(../images/sy-1.png) no-repeat left bottom */}

.zg1 p{ font-size:16px}

.zg1 p a{ font-size:16px; display:inline-block; text-align:center; background:#1C66FB; color:#fff; width:70px; border-radius:30px; line-height:28px; text-align:center; margin-left:13%;}

.logo img{ /*! width:100%; */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:30px;z-index:2;width:100%;text-align:center;}

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

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

.flex-control-nav .flex-active{ opacity:1}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none}

.flex-direction-nav li a{display:block;width:81px;height:23px;overflow:hidden;cursor:pointer;position:absolute;}

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

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

.nav1 ul{ overflow:hidden}

.nav1 ul li{ float:left; text-align:center;width: 25%;line-height: 29px;}

.nav1 ul li a{ font-size:16px; display:block; /*! padding:10px 30px; */ /*! margin:0 11px; */ position:relative;}

.nav1 ul li a:hover,.nav1 ul .dq a{ color:#3A5FA7}

.nav2,.sjx{ display:none}

.dropMenu{ position:absolute; top: 0; left:0 !important; width:100%; border-top:#334056 1px solid; z-index:9999;visibility: hidden; background:#fff; overflow:hidden; padding:2% 0}

.dropMenu li{ line-height:40px; display:inline-block; text-align:center;}

.dropMenu li a{ font-size:16px; color:#999;} 

.dropMenu .curr1 a{ color:#3A5FA7}

.na-z{ float:left; width:15%; border-right:#F1F1F1 1px solid;}

.na-y{ float:right; width:80%; padding-top:2%}

.na-z li .a2{ display:none}

.na-z .curr1 .a2{ display:inline-block}

.na-z .curr1 .a1{ display:none}

.na-z li img{ vertical-align:middle; margin-right:15px}

.na-z li{ margin:3% 0; cursor:pointer}

.na1{ overflow:hidden;}

.na1 dl{ float:left; width:16%; margin-left:4%}

.na1 dl dt img{ width:100%}

.na1 dl dd{ text-align:center; color:#333; margin-top:3%}

.na-y li{ width:100%}

.na1 dl dt img{ height:179px}

.na1 dl a:hover dd{ color:#3A5FA7}

header{ display:none}

.sjx{ display:none !important}

.qh a{ color:#fff}

.he_ZoomInImg,.xj-sy1 div h1,.sy4 dl dt,.sy7-1 h1,.xwx2-2 .left p,.xw dl dt,.xw1 dl dt,.sy1 ul li{ 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,.xj-sy1 div h1 img,.sy4 dl dt img,.sy7-1 h1 img,.xwx2-2 .left p img,.xw dl dt img,.xw1 dl dt img,.sy1 ul li 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,.xj-sy1 div h1:hover img,.sy4 dl:hover dt img,.sy7-1 h1:hover img,.xwx2-2 .left:hover p img,.xw dl a:hover dt img,.xw1 dl a:hover dt img,.sy1 ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.2);transform:scale(1.1);}

/* Hover */

@-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{

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

}

.sy1{ margin:6% 0}

.sy1 ul{ overflow:hidden; margin-left:-3%}

.sy1 ul li{ float:left; width:22%; margin-left:3%} 

.sy1 ul li img{ width:100%}

.xj-sy1{ margin-left:-2%; padding:10px; overflow:hidden}

.xj-sy1 div{ float:left; width:23%; margin-left:2%; background:#fff; padding-bottom:3%; height:428px; overflow:hidden}

.xj-sy1 div h1,.xj-sy1 div h1 img{ height:194px}

.xj-sy1 div h1 img{ width:100%; margin-top:0;}

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

.xj-sy1 div h2,.xj-sy1 div p{ margin-left:10%; margin-right:10%}

.xj-sy1 div p{ font-size:14px; color:#666; line-height:24px; text-align:center}

.xj-sy1 div:hover{ box-shadow:0 0 10px #e3e3e3}

.xj-sy1 div:hover h2{ color:#1C66FB}

.sj-sy22{ overflow:hidden; margin-left:-2%; padding:10px; margin-bottom:6%}

.sj-sy22-1{ float:left; width:48%; margin-left:2%; height:415px; overflow:hidden; background:#fff; box-shadow:0 0 10px #e3e3e3; padding:4% 4% 2% 5%;box-sizing: border-box;}

.sj-sy22-1 h1{ font-size:24px;}

.sj-sy22-1 h2{ font-size:18px; line-height:30px; margin:3% 0}

.sj-sy22-1 .left{ width:61%;}

.sj-sy22-1 .right{ width:36%;}

.sj-sy22-1 .right p img{ width:100%;}

.sj-sy22-1 .left ul{ overflow:hidden;}

.sj-sy22-1 .left ul li{ float:left; width:50%; background:url(../images/sy-39.png) no-repeat left top 7px; margin-top:3%; padding-left:19px; box-sizing:border-box;font-size: 17px;}

.sj-sy22-2 .more a{ margin:0}

.sj-sy22-2 .more{ margin:15% 0 0}

.sy-bj{ background:#F9F9F9; overflow:hidden; padding-bottom:5%}

.sy-bt{ margin:6% 0 4%; font-size:35px; font-weight:bold; text-align:center}

.sy-bt span{ display:block; font-size:20px; font-weight:normal; color:#6D6D6D; line-height:30px; margin-top:1%}

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

.sy2 dl{ float:left; background:url(../images/sy-8.png) no-repeat center; width:20%; margin-left:0%; background-size:100% !important; padding:3% 2%; height:245px; overflow:hidden}

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

.sy2 dl dd{ font-size:16px; text-align:center; line-height:28px; margin-top:12%}

.sy2 dl:hover{ background:url(../images/sy-7.png) no-repeat center; color:#fff}

.sy2 dl dt .a2{ display:none}

.sy2 dl:hover dt .a1{ display:none}

.sy2 dl:hover dt .a2{ display:block}

.sy3{ overflow:hidden; margin-left:-2%; margin-top:-2%; padding:5px 5px 8px; margin-bottom:6%}

.sy3 dl{ box-shadow:0 0 10px #e3e3e3; height:292px; overflow:hidden; float:left; border-radius:5px; width:23%; margin-left:2%; margin-top:2%; padding:4% 3% 3%}

.sy3 dl dt .b2{ display:none}

.sy3 dl dd{ font-size:18px; font-weight:bold; margin-top:8%}

.sy3 dl dd span{ display:block; margin-top:8%; font-weight:normal; font-size:16px} 

.sy3 dl:hover{ background:#1C66FB}

.sy3 dl:hover dt .b1{ display:none}

.sy3 dl:hover dt .b2{ display:block}

.sy3 dl:hover dd{ color:#fff}

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

.sy4 dl{ padding:3% 2% 0; float:left; width:23%; margin-left:2%; margin-top:2%; background:#fff; box-shadow:0 0 8px #e3e3e3; border-radius:5px} 

.sy4 dl dt img{ width:100%; height:270px}

.sy4 dl dd{ margin-bottom:3%; text-align:center; font-size:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy5{ overflow:hidden; margin-left:-2%; padding:5px 5px 8px; margin-bottom:6%}

.sy5 dl{ float:left; width:18%; margin-left:2%; border-radius:5px; box-shadow:0 0 8px #e3e3e3; padding:4% 2%; height:382px; overflow:hidden}

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

.sy5 dl dd{ text-align:center}

.sy5 dl dd strong{ display:block; font-size:18px; margin:15% 0}

.sy5 dl dd span{ font-size:14p; line-height:26px}

.sy6 ul{ overflow:hidden; margin-left:-3%; margin-top:-2%}

.sy6 ul li{ float:left; width:17%; margin-left:3%; margin-top:2%; border:#eee 2px solid; padding:1%; background:#fff}

.sy6 ul li img{ width:100%; height:67px}

.sy6 ul li:hover{ border:#4D87FA 2px solid}

.more a{ display:block; margin:auto; width:130px; background:#1C66FB; color:#fff; font-size:16px; text-align:center; line-height:45px; border-radius:5px}

.more{ margin-top:4%}

.sy7{ overflow:hidden; margin-left:-2%; padding:5px 5px 8px}

.sy7-1{ float:left; width:31.33%; margin-left:2%}

.sy7-1 h1 img{ width:100%; height:259px}

.sy7-2{ padding:8%; box-shadow:0 0 10px #e3e3e3; border-radius:0 0 5px 5px}

.sy7-2 h2{ font-size:16px;}

.sy7-2 h3 a{ display:block; font-size:18px; font-weight:bold; margin:6% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy7-2 p{ font-size:14px; color:#666; height:52px; line-height:26px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.more1{ margin-bottom:6%}

.sy8 .left{ width:50%}

.sy8 .right{ width:40%} 

.sy8 .left .sy-bt{ text-align:left; margin:6% 0 8%; font-weight:normal}

.sy8{ padding-top:6%}

.sy8 .left p{ font-size:16px; text-indent:2em; line-height:33px}

.sy9{ margin:6% 0; overflow:hidden; margin-left:-3%; padding:5px 5px 8px}

.sy9 dl{ float:left; width:30.333%; margin-left:3%; box-shadow:0 0 8px #e3e3e3; border-radius:5px; padding:4% 2% 3%}

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

.sy9 dl dd{ font-size:16px; line-height:30px; text-align:center; margin-top:7%}

.footer{ background:#EDEDED; padding:1.5% 0}

.foot2 p{ overflow:hidden}

.foot2 p a{ float:right}

.foot2 p,.foot2 p a{ font-size:16px; color:#666;}

.sy5 dl dt img,.sy9 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}

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



.banner1 p img{ width:100%}

.banner1{ position:relative}

.bann1{ position:absolute; left:0; bottom:5%; width:100%}

.bann1 h1,.bann1 h1 a{ font-size:14px; color:#fff}

.al1{ margin:6% 0 0}

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

.fy a{ background:#fff; border:#ddd 1px solid; border-radius:4px; font-size:14px; color:#999; padding:9px 15px; margin:0 5px; display:inline-block}

.fy a:hover,.fy .curr{ background:#1C66FB; color:#fff}



.xwx1{ margin:6% 0 0}

.xwx-z{ width:67%; background:#fff}

.xwx-y{ width:30%; background:#fff;}

.xwx-z,.xwx-y{ padding:40px 30px}

.xwx-y h1{ font-size:20px; margin:11% 0 7%}

.xwx-y h1:first-child{ margin-top:0}

.xwx-y h2{ border:#ddd 1px solid; overflow:hidden}

.xwx-y h2 input{ height:45px; line-height:45px; background:none; float:left}

.xwx-y h2 input:nth-child(1){ width:80%; padding:0 5%}

.xwx-y h2 input:nth-child(2){ width:20%; background:url(../images/xwxq-4.png) no-repeat center; background-size:18px}

.xwx2-2{ border-bottom:#ddd 1px solid; padding:8% 0}

.xwx2-2:first-child{ padding-top:0}

.xwx2-2 .left{ width:45%}

.xwx2-2 .right{ width:50%}

.xwx2-2 .left p img{ width:100%; height:91px}

.xwx2-2 .right h3{ font-size:14px; color:#666}

.xwx2-2 .right h3 img{ vertical-align:middle; margin-right:10px}

.xwx2-2 .right p{ font-size:14px; line-height:26px; margin-top:6%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.xq1 h1{ font-size:32px; text-align:center}

.xq1 h2{ font-size:16px; color:#999; margin:4% 0; text-align:center; border-bottom:#C5C5C5 1px solid; padding-bottom:4%}

.xq1 h2 span{ display:inline-block; margin:0 2%}

.xq1 h3{ overflow:hidden; margin-top:5%; line-height:28px; border-top:#C5C5C5 1px solid; padding-top:3%}

.xq1 h3 a{ font-size:14px; width:50%; display:inline-block} 

.xq1 h3 .right{ text-align:right}

.xq1-1{ position:relative}

.xq1-1 h4{ position:absolute; bottom:2px; left:50%; margin-left:-28px}

.xq1-1 h4 a{ font-size:14px; color:#2069F9}

.xq1-1 h4 a img{ vertical-align:middle; margin-right:10px} 



.xw dl{ border-bottom:#E4E4E4 1px solid;}

.xw dl:hover{ background:#F9F9F9}

.xw dl a{ overflow:hidden; display:block; padding:2% 0; max-width:1400px; margin:auto}

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

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

.xw dl dd{ float:right; width:64%; overflow:hidden;font-size:14px; line-height:24px}

.xw dl dd .left strong{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:18px; display:block; color:#333; margin:1% 0 2%;}

.xw dl dd .left{ width:100%; color:#666; font-size:14px}

.xw dl dd .left .x1{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;margin-top:2%;font-size: 15px;line-height: 26px;}

.xw dl dd .left .x2{ font-size:14px; margin-top:4%; border:#2264FF 1px solid; border-radius:5px; line-height:29px; width:90px; text-align:center}

.xw dl dd .left .x3{ font-size:16px;}

.xw dl dd .left .x3 img{ vertical-align:middle; margin-right:10px}

.xw dl dd .left span{ display:block;}

.xw dl a:hover dd .right,.xw dl a:hover dd .left .x2{ background:#2264FF; color:#fff}

.xw dl a:hover dd .left .x2{ border:#136936 1px solid}

.xw dl a:hover dd .left strong{ color:#2264FF;}

.fy1{ margin-bottom:6%}

.xw1{ overflow:hidden; margin-left:-3%}

.xw1 dl{ float:left; width:30.333%; margin-left:3%}

.xw1 dl dt img{ width:100%; height:255px}

.sy-bj1{ padding:5% 0}

.xw1 dl dd strong{ font-size:18px; display:block; margin:5% 0 3%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.xw1 dl dd span{ font-size:15px;}

.xw1 dl dd span img{ vertical-align:middle; margin-right:10px}

.xw1 dl dd span .c2{ display:none}

.xw1 dl a:hover dd span .c1{ display:none}

.xw1 dl a:hover dd span .c2{ display:inline-block}

.xf1{ position:fixed; z-index:999; right:10px; bottom:28%}

.xf1 ul li{ margin:5px 0; position:relative; cursor:pointer}

.xf1 ul li span{ background:#fff; font-size:18px; position:absolute; right:70px; top:8px; padding:13px 0; text-align:center; width:165px; display:none}

.xf1 ul li:hover span{ display:block}

.header{ position:fixed; left:0; top:0; width:100%; z-index:99; background:#fff}

@media (max-width: 1500px){

.cent,.foot,.head1,.he1,.xw dl a{ max-width:1200px;}

.zg1{ width:37%}

.zg{ width:62%} 

.sj-sy22-1{ height:369px}

.xj-sy1 div{ height:413px}

.xj-sy1 div h1, .xj-sy1 div h1 img{ height:195px}

.sy4 dl dt img{ height:231px}

.sy6 ul li img{ height:57px}

.sy7-1 h1 img{ height:222px}

.xw1 dl dt img{ height:219px}

.xw dl dt img{ height:201px}

.xw dl dd .left .x1{ margin-top:1%; line-height:24px}

.sy2 dl{ height:214px}

	}