html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  

pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 

a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body{font-family:微软雅黑; min-width: 1000px;font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }

h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}

a{color:#333e46; text-decoration:none;cursor: pointer}

a:hover{text-decoration:none; color:#E80011}

a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }

img {max-width: 100%;height: auto;    vertical-align: bottom;-ms-interpolation-mode: bicubic;border: 0;}

i,em{ font-style: normal;}

li{list-style:none;}

button,input,select,textarea{font-size:100%;}

.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}

transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }

button{border-radius:0px; -webkit-border-radius:0px; outline:none; }

input{border-radius:0; outline:none; }

input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/

input,textarea{border:0; }

textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/

img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/

ul,li{list-style:none; } 

.wrap{width:1560px;margin:0 auto;  overflow:hidden}

.fl {float: left}.fr {float: right}

.clearfix {display: inline-table;display: block;zoom: 1}

.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden}





.header_home{    width:100%;background: rgba(14,20,54,0.3);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);position: absolute;z-index: 9999; }

.header_home .logo{float:left;width:19%;text-align:left;display: block;}

.header_home .logo img{vertical-align:top; margin-top:15px;}

.header_home ul{float:right; width:71%;}

.header_home ul li{float:left; width:14.5%;font-size:16px;text-align:center; line-height:70px;}
.header_home .drive-btn{ border:#fff 1px solid; color:#fff; margin-top:15px;}

.header_home ul li a{color:#fff;font-size:20px;}

.header_home ul li a:hover{color:#ff9600;}

.header_scroll {position: fixed !important;top: 0 !important;     background: rgba(27, 37, 62, 1);box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); z-index:999999999;    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);}

.header_scroll .logo{width:16%;-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);background: none;line-height: 1;height: auto; margin-top:5px;}

.header_scroll ul li{float:left;}

.header_scroll ul li a{color:#fff;}

.header_scroll ul li a:hover,.header_scroll ul li#on a{color:#ff9600;}













.banner {position: relative;z-index: 1;max-width: 1920px;height:958px;margin: 0 auto; overflow:hidden}

.banner .showpage {position: absolute;left: 50%;margin-left: -600px;width: 1200px;top: 0;z-index: 3}

.banner .bannerpage {position: absolute;top: 128px;right:0}

.banner .bannerpage .line {width: 1px;height:70px;background: #fff;position: absolute;right: 31px;top:60px;}

.banner .bannerpage .nowindex {position: absolute;top: 140px;right: 0;color: #fff;font: 700 30px/30px "Microsoft Yahei";width: 40px;text-align: left}

.banner .bannerpage .allpage {position: absolute;top:175px;right: 0;color: #fff;font-weight: 400;font-size: 14px;line-height: 14px;font-family: 'PingFang SC','Microsoft yahei';width: 40px;text-align: left}

.banner .changeindex {position: absolute;right: 0;top:780px; z-index:999;}

.banner .changeindex a {display: block;width: auto;height: 36px;background-color: #000;opacity: .5;filter: alpha(opacity=50);margin-right: 10px;transition: .3s all ease}

.banner .changeindex a i {display: block;width: 36px;height: 36px}

.banner .changeindex a span {display: block;padding-right: 0;color: #fff;font: 400 14px/36px 'Microsoft Yahei';transition: .3s all ease}

.banner .changeindex a:hover {filter: alpha(opacity=70);opacity: .7}

.banner .changeindex .prev i {background: url(../images/prev.png) center center no-repeat}

.banner .changeindex .prev:hover span {padding-right: 14px}

.banner .changeindex .next i {background: url(../images/next.png) center center no-repeat}

.banner .changeindex .next:hover span {padding-left: 14px}

.banner li {padding-top: 107px;width: 100%;height:958px;position: absolute;left: 0;top: 0;overflow: hidden;z-index: 1}

.banner li img {display: block;width: 100%;vertical-align: top;transform: scale(1);opacity: 0;transition: all 0.3s linear;position: absolute;left: 0;top: 0;z-index: 1}

.banner li .bannerxia {position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/bannerxia.png) no-repeat;height:250px;z-index: 1}

.banner li .bannerInfo {width: 1560px;margin: 0 auto;padding-top:170px;position: relative;z-index: 2;opacity: 0;transition: all .3s ease}

.banner li h3 {color: #fff;font: 700 68px/70px 'Microsoft Yahei';padding-bottom: 40px;background: url(../images/bannercutline.png) left bottom no-repeat;margin-bottom: 34px;text-shadow: 0 25px 24px rgba(0,0,0,.05)}

.banner li p {color: #fff;font: 400 20px/22px 'Microsoft Yahei';margin-bottom: 70px;text-shadow: 0 5px 14px rgba(0,0,0,.05)}

.banner li p span {opacity: .2;filter: alpha(opacity=20);padding: 0 12px;text-align: center}

.banner li .bannerBtn {width: 210px;height: 80px;background: url(../images/bannerbtn.png) no-repeat;margin-left: -6px;padding-left: 6px;text-align: center;color: #000;font: 700 18px/48px 'Microsoft Yahei';transition: .3s all ease}

.banner li .bannerBtn:hover {background: url(../images/bannerbtn2.png) no-repeat}

.banner li.active {z-index: 2}

.banner li.active img {transform: scale(1.2,1.2);opacity: 1}

.banner li.active .bannerInfo {opacity: 1}















.swiper-container { width:100%; margin:0 auto; position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto;}

.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}

.swiper-container {margin-left: auto; margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0; z-index: 1;}

.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}

.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}

.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;}

.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;}

.swiper-banner .swiper-wrapper {width: 100%}

.swiper-banner .swiper-slide {width: 100%;overflow: hidden}

.swiper-banner .swiper-slide a {display: block;width: 100%;overflow: hidden}

.swiper-banner .swiper-slide a img {display: block;width: 100%}

.swiper-banner .swiper-pagination {bottom: 70px}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {background: none;opacity: 1;color: #fff;font-size: 20px;font-weight: bold;position: relative;width: auto;height: 30px;line-height: 30px;margin: 0 50px; cursor:pointer;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:80px;left: 0;width: 100%;}

.swiper-pagination {position: absolute; text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}

.swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #dc0c0c}

.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {content: '';display: block;width: 70px;height: 1px;background: #fff;position: absolute;top: 15px;left: -85px}

.ie-hack .swiper-banner .swiper-slide,.ie-hack .swiper-product .swiper-slide {float: left}

.ie-hack .swiper-banner .swiper-pagination,.ie-hack .swiper-product .swiper-pagination {width: 100%;text-align: center}











.home_cate{width: 100%;height: 450px;position: relative;margin-top: 180px;}

.home_cate ul{position: absolute;left:0;top:-25%;margin:0 8%;}

.home_cate ul li{float: left;width: 22%;margin:0 1.5%;background:#eef3f9; background-position:left center; background-size:200% 100%; }

.home_cate ul li .port-4{float: left;width: 100%;position: relative;overflow: hidden;text-align: center;}

.home_cate ul li .port-4 img {transition: 0.5s;}

.home_cate ul li .port-4 .text-desc {   /* opacity: 0.9;*/top: -100%;transition: 0.5s; color: #000;position: absolute;left: 0;background-color:#E1ECFE;height: 100%;width: 100%;  padding:5%}

.home_cate ul li .port-4 .text-desc img{ width:45%; margin:40px auto 0}

.home_cate ul li .port-4 .text-desc p{padding:30px 0; font-size:16px; line-height:30px;}

.home_cate ul li .port-4:hover .text-desc{top: 0; }

.home_cate ul li .port-4:hover img{transform: scale(1.2);}

.home_cate ul li:hover h3{ background:#f03f25;transition:all 0.6s;}

.home_cate ul li:hover h3 a{color:#fff;transition: all 0.6s;}

.home_cate ul h3{display: block; text-align: center;line-height:60px; text-align:center;cursor:pointer; transition:background-position .6s ease; font-size: 20px;}



.home_cate ul h3 a{font-weight: 600;color:#111;}

.home_cate ul h3 a:hover{background-position:right center; }

.home_tit{ margin:60px auto; overflow:hidden;}

.home_tit h3{ text-align:center; font-size:46px; margin:30px 0 }

.home_tit p{ font-size:16px; width:60%; margin:0 auto; line-height:32px; color:#666; text-align:center}



.home_one_tit{ margin:60px auto; overflow:hidden; position:relative}

.home_one_tit h3{ text-align:left; font-size:46px; margin:30px 0; display:inline-block; float:left }

.home_one_tit p{ font-size:16px; width:80%; float:left;display:inline-block; line-height:32px; color:#666; text-align:left}



/*.cate-list {

	width: 100%

}



.cate-list li {

	width: 17.85714%

}



.cate-list li:hover a.cate-img {

	transform: scale(1.3);

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-o-transform: scale(1.3);

	-ms-transform: scale(1.3)

}



.cate-list li a.cate-img {

	display: block;

	width: 68%;

	border-radius: 100%;

	position: relative;

	transition: .5s all linear

}



.cate-list li a.cate-img:before {

	content: '';

	display: block;

	position: absolute;

	left: 5px;

	top: 5px;

	right: 5px;

	bottom: 5px;

	border-radius: 100%;

	background: #ffd8a8

}



.cate-list li a.cate-img img {

	display: block;

	width: 100%;

	position: relative

}



.cate-list li a.cate-title {

	display: block;

	width: 100%;

	text-align: center;

	font-size: 32px;

	color: #000;

	line-height: 64px;

	font-weight: bold;

	margin-top: 70px

}



.cate-list li p {

	width: 100%;

	overflow: hidden;

	line-height: 28px;

	font-size: 16px;

	color: #999999;

	text-align: center;

	margin-top: 6px

}



.cate-list li+li {

	margin-left: 9.14286%

}*/









.home_about_tit{  width:100%; overflow:hidden; margin:0 auto 60px; background:url(../images/doted.png) repeat; overflow:hidden; padding-bottom:20px;}

.home_about_tit h3{ text-align:center; font-size:46px; margin:90px 0 20px }

.home_about_tit p{ font-size:16px; line-height:32px; color:#666; text-align:center}

.inner_wrap { width: 80%; margin: 0 auto;overflow: hidden;}

.home_about{margin: 0 auto 80px;    clear: both; display:block; position:relative}

.home_about .ab_left{float: left;width: 54%;box-sizing: border-box;margin: 5px 0;  padding-right: 71px;}

.home_about .ab_left .tit{ font-size:32px; margin-bottom:50px; color:#333}  

.home_about .ab_left .tit span{ color:#1761C6; font-weight:600;display: inline-block;}

.home_about .ab_left .tit:before {content: ''; background: url(../images/home_ico1.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px; display: inline-block;margin-right: 10px; vertical-align: top;margin-top: 7px;}

.home_about .ab_left .con{font-size: 16px;line-height: 32px; color:#666;}

.home_about .ab_left .box{ position: absolute;left:0;background:#fff;border-radius: 5px;box-shadow:2px 0 20px rgba(21, 53, 129, 0.2); padding:15px 20px; width:56%; z-index:999; margin:50px 15px 30px 15px;}

.home_about .ab_left .box li{float:left;width:33.33333333%; text-align:center}

.home_about .ab_left .box li strong{font-size:40px; margin-bottom:15px; display:block;}

.home_about .ab_left .box li p{font-size: 18px; display:block;}

.home_about .ab_right{float:right;width: 46%; background:url(../images/whiteback.png) repeat; padding:10px;}

.home_about .ab_right img{width: 100%;height: 100%}





.consultation {width: 1560px;margin:-60px auto 0;position: relative;  z-index: 2;}

.consultation .sup-nav {width:73%;background-image:linear-gradient(90deg, #344B99 0%, #293C7A 50%,#344B99 100%); background-position:top center; background-size:200% 100%; background-repeat:no-repeat; padding:0 0 25px 0;box-shadow: 0 5px 12px rgba(0,0,0,.5);}

.consultation .sup-nav ul li {margin:0 1.5%;width:30%;padding-left: 40px;padding-top: 22px}

.consultation .sup-nav ul li a {display: block;padding-top: 37px;position: relative}

.consultation .sup-nav ul li a .status {position: absolute;left: 0;top: 6px;width: 28px;height: 12px}

.consultation .sup-nav ul li a h3 {color: #fff;font: 700 24px/26px 'Microsoft Yahei';margin-bottom:10px}

.consultation .sup-nav ul li a p {color: #fff;font: 400 14px/26px 'Microsoft Yahei'}

.consultation .sup-nav ul li .kuaiyin {background: url(../images/n1.png) 50px 2px no-repeat;transition: .3s all ease}

.consultation .sup-nav ul li .jincai {background: url(../images/n2.png) 63px 0 no-repeat;transition: .3s all ease}

.consultation .sup-nav ul li .jinku {background: url(../images/n3.png) 58px 8px no-repeat;transition: .3s all ease}

.consultation .sup-nav ul li:hover .kuaiyin {background: url(../images/n1.png) 60px 2px no-repeat}

.consultation .sup-nav ul li:hover .jincai {background: url(../images/n2.png) 73px 0 no-repeat}

.consultation .sup-nav ul li:hover .jinku {background: url(../images/n3.png) 68px 8px no-repeat}

.consultation-msg {width: 27%;background:#213061;box-shadow: 0 5px 12px rgba(0,0,0,.5);box-sizing: border-box; padding:25px 42px 45px; float:left;z-index: 2; color:#fff; font-size:20px;}

.consultation-msg h3{font-size:24px; padding:5px 0 25px; margin-bottom:10px; background:url(../images/j_tit.png) no-repeat left top; background-size:200px; text-indent:-999999px; font-weight:600;}

.consultation-msg p{ font-size:14px;}



.sy_cxin{ background: url(../images/cxin_bg.jpg) no-repeat center; padding:75px 0}

.sy_cxin .tit{ text-align:center;color: #fff; margin: 0 auto; overflow:hidden}

.sy_cxin .tit .left img{ float:left; margin-right:30px;width:20%; margin-left:15%; }
.sy_cxin .tit .right{float:left; width:55%; }

.sy_cxin .tit strong{ margin-left:-80px; display:block;width: 100%; margin-top:20px; text-align:left; overflow: hidden;}
.sy_cxin .tit strong img{width:748px; height:142px; float:left}
.sy_cxin .tit  p { font-size:22px; margin-top:-40px; margin-left:-100px; font-weight:400; display:block; width:100%; }


.sy_cxin li{ width:30.3333%; padding:3%; float:left; margin:1% 1.5%;background-color: #f8fbff; background-repeat:no-repeat; background-position: 87% 15%;transition: background .5s ease; -webkit-transition: background .5s ease;}



.sy_cxin li:hover{background-color: #f03f25; color:#fff}

.sy_cxin li.item1{background-image: url(../images/create_res_02.png);}
.sy_cxin li.item1:hover{background-image: url(../images/create_res_022.png);}
.sy_cxin li.item2{background-image: url(../images/create_res_03.png);}
.sy_cxin li.item2:hover{background-image: url(../images/create_res_033.png);}
.sy_cxin li.item3{background-image: url(../images/create_res_04.png);}
.sy_cxin li.item3:hover{background-image: url(../images/create_res_044.png);}
.sy_cxin li .box{padding: 35px 30px;}

.sy_cxin li .t{font-size: 27px;padding-bottom: 35px;}
.sy_cxin li .t:hover{ color:#fff}
.sy_cxin li .p{height: 4em; line-height:32px;overflow: hidden;}



.footer { width:100%; padding:20px 0;background:#0a1c36; }

.footer .fl{ text-align:left; width:85%; margin-top:20px;}

.footer p{ font-size:16px; color:#fff;  padding:20px 0;}

.w70{ width:70%}

.footer .tel{ background:url(../images/footer_tel.png) no-repeat left center; text-indent:50px;}

.footer .tel span{ font-size:12px; opacity: .7; margin-left:5px;}

.footer .link{ width:100%; margin:5px 0; position: relative;}

.footer .link img{ float:left;position: relative; margin-right:30px; margin-top:30px; }

.footer .link img:after {content: "";width: 1px;height: 45px;background: #fff; position: absolute; right: 0;top: 3px;opacity: .2;}

.footer .link ul {position: relative;}

.footer .link li{display: inline-block;color: #fff; padding-left: 15px;padding-right: 15px;position: relative;line-height: 1;font-size:16px;margin-top:10px}

.footer .link li:after {content: "";width: 1px;height: 80%; background-color: #fff;position: absolute;right: 0; top: 10%; opacity: .7;}

.footer .link li a{ color:#fff; opacity: .9;  }

.footer .fr{ margin-top:50px;}

.footer .copyright{ font-size:14px;color:#fff; opacity: .7;}

.footer .sub{ text-align:center;} .footer .sub a{ margin-left:5px; color:#fff; font-size:16px;}

.footer a{ color:#fff; margin-left:5px;} 



.wrapper {  margin: 0 auto; width:1560px; position: relative; }
#banner { width: 100%; height: 940px; padding:80px 0; margin-top:30px; background-image: url(../images/banner_bg1.jpg); display: block;overflow: hidden; position: relative; }
#banner .tit{ margin:0 0 30px; text-align:center;color:#fff;  }
#banner .tit h2{ font-size:58px; margin-bottom:30px;}
#banner .tit  p{ font-size:20px; line-height:32px;}
#banner_img { display: block;width:1400px; position: relative; margin:0 auto; }
#banner_img li { position: absolute; top: 0; left: 0; margin:0 auto;  background-position: center; background-size: cover; display: none; }
#banner_img li.item1   { display: block; }
#banner_img .ad_right{ position: relative; width:74%; top:0; float:right;right:5%; }
#banner_img .ad_img {  float:left; width:74%; text-align:left } #banner_img .ad_img  img{ width:100%; height:auto}
#banner_img .ad_intro{ font-size:16px; line-height:32px; background:#0d1226; color:#616e86; float:left; width:28%; padding:2%; bottom:0; margin-top:30%; margin-left:-4%;}
#banner_img .ad_txt { position: relative; left:0; width:22%; top: 100px; float:left; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
#banner_img .ad_txt h3 { font: bold 36px/60px Microsoft YaHei; color:#616e86; position:relative;display: inline-block; margin-bottom:15px;}
#banner_img .ad_txt h3:before{ position:absolute;content: '';display: block; left:-80px;filter: alpha(opacity=100); top:35px;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;width: 60px; height:2px;background-image: linear-gradient(90deg, rgba(97,110,134,0) 0%, #616e86 100%);}
#banner_img .ad_txt p{ font-size:24px; position:relative; display:block; line-height:44px; color:#616e86}
#banner_img .ad_txt p i {position: absolute;top: 15px;left: -10%;width: 18px;height: 18px; border-right:50px; border:5px solid #616e86; border-radius:20px;display: block;overflow: hidden}

#banner_img .ad_txt p strong{ font-size:28px;}
#banner_img .ad_txt a { display: block; width: 160px; padding:7px 20px; left:-10%; line-height: 35px; font-size:18px; text-align: center; margin-top: 50px; background-color: #0d4c89; background-image: linear-gradient(
-45deg, #021527 0%,#616e86  100%);color:#97a3ba; text-decoration: none; text-shadow: none; border:#616e86 2px solid; position:relative}
#banner_ctr { position: absolute; width:800px; height: 122px; margin-left: -400px; left: 50%; bottom: 20px; z-index: 1; border-radius:40px; }
#banner_ctr ul { width: 960px; height: 122px; background: url(../images/serv_ico.png) left no-repeat; /*background: url(../images/servico.png) left no-repeat;*/ font-size: 0; line-height: 0; position: relative; }
#banner_ctr li { display: block; float: left; width: 152px; height: 122px; cursor: pointer; }
/*        #banner_ctr li.first-item { background-color: rgba(0,0,0,0.5); width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
        #banner_ctr li.last-item { background-color: rgba(0,0,0,0.39); width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }*/
#drag_ctr { position: absolute; top: -7px; left: 20px; width: 152px; height: 136px; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ bottom: 170px; background: #616e86;background-image: -webkit-linear-gradient(left,#616e86, #1f233e); }
#drag_arrow { position: absolute; top: -14px; left: 20px; width: 152px; height: 156px; background: url(../images/drag_banner_arrow.png) center 14px no-repeat; }


@media (max-width:1600px){

	.home_cate ul{margin: 0 3%;}}

@media (max-width:1560px){

	.wrap,.banner li .bannerInfo,.wrapper { width:98%}

	.consultation{width:100%}

	.about_ban{ height:auto}}

@media (max-width:1440px){

	.banner{ height:880px;}

	.home_about .ab_left .tit{ line-height:30px;font-size: 28px;}

	.home_about .ab_left .box{ padding:10px 20px;margin: 20px 15px 30px 15px;}

	.consultation-msg{padding:20px 42px 26px;}

	.home_tit p{ width:80%}

	.home_cate{ height:420px}

	.home_about .ab_left .box{  display:none}
	.sy_cxin .tit p{ margin-left:-40px;}}

@media (max-width:1366px){

	.banner {height: 840px;}

	.home_cate{ height:380px}

	.home_about_tit h3{margin: 50px 0 20px;}

	.home_about_tit{    margin: 0 auto 30px;}

	.home_about{margin:0 auto 50px;}

	.sy_cxin{ padding:30px 0 60px}
	.sy_cxin .tit p{ margin-left:-20px;}}

@media (max-width:1280px){

	.banner{height: 800px;}

	.consultation-msg {padding: 30px 42px 42px;}

	.banner li { padding-top:80px;}
	.sy_cxin .tit .left img{ margin-left:0}
	.sy_cxin .tit .right{ width:75%;}
	.sy_cxin .tit p{ margin-left:-100px;}}

@media (max-width:1170px){

	.banner{height: 740px;}

	.home_cate{ height:350px;}

	.home_tit{ margin:40px auto}

	.home_tit p{ width:90%}

	.banner .bannerpage {right:20px;}
	.sy_cxin .tit p{ margin-left:-60px;}}

@media (max-width:1024px){

	.banner{ height:660px;}

	.banner li .bannerInfo{ padding-top:80px}

	.banner li h3{font: 700 55px/70px 'Microsoft Yahei';}

	.consultation-msg{     padding: 18px 42px 30px;}

	.home_cate ul{ margin:0 2%;}

	.home_cate { height:300px; margin-top:80px;}

	.home_about .ab_left .tit{ font-size:24px; line-height:30px;}

	.home_about .ab_left .con{ font-size:14px;}

	.home_about{    margin: 0 auto 40px;}

	.sy_cxin{ padding:40px 0}

	.banner .bannerpage {right:90px;}
	.sy_cxin .tit p{ margin-left:-20px;}
	.sy_cxin .tit{ margin-bottom:20px;}

	}