@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important; outline:none !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.logo{ height:72px; border-bottom: 2px solid #1982ff; background: url(../images/logo_bg.png) right center no-repeat; margin-bottom: 1px;}
.logo .row{ position: relative;}
.logo .logoimg img{ margin-top:16px;}
.logo nav{ width:60%; margin-right: 35px;}
.logo nav ul li{ width:11.1%; }
.logo nav ul li a{ display:block; color:#343434; font-size:14px; line-height:72px; position: relative;}
.logo nav ul li.active a{ background:url(../images/nav_bg.jpg) center center; background-size: cover; color: #fff;}

.ss_but2{ position: absolute; right: 15px; top: 0; z-index: 10; height: 72px;}
.ss_but2 #but{ width: 35px; height: 16px; background: url(../images/fang.png) right center no-repeat; cursor: pointer; border-left: 1px solid #b6b6b6; margin: 28px 0 0 0;}
.ss_but2 .ss_box2{ width:0; height: 70px; background: #fff; position: absolute; right: 0; top: 0; padding: 4px 0; transition: all .3s;}
.ss_but2 .ss_box2 .ss{ display: none;}
.ss_but2 .ss_box2 .ss button{ width: 60px; height: 62px; border: none; background-image: url(../images/fang2.png); background-position:center center; background-repeat: no-repeat; background-color:#0078d9 ;}
.ss_but2 .ss_box2 .ss input{ width:85%; height: 62px; padding: 0 5px; margin: 0 !important; border: none; border-bottom: 1px solid #ccc;}
.ss_but2 .ss_box2 .cha{ display: none; width: 40px; height: 40px; position: absolute; right: 0; top:50%; margin-top: -20px; text-align: center; line-height: 40px; color: #696969; text-transform: uppercase; font-family: arial; font-size: 18px; cursor: pointer;}
.ss_but2.active{ width: 70%;}
.ss_but2.active .ss_box2{ width: 100%;}
.ss_but2.active .ss_box2 .ss{display: block;}
.ss_but2.active .ss_box2 .cha{ display: block;}


.banner{ position:relative; overflow:hidden;}
.banner img{margin:0 auto; width:100%;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity; z-index: -1;}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; transform: scale(1.05, 1.05);  z-index: 0; transition: transform 5000ms linear 0s;}
.banner .carousel-control.left{ left:-50px; width:50px;background:url(../images/left_but.png) no-repeat left;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.left{ left:20px;}
.banner .carousel-control.right{ right:-50px; width:50px;background:url(../images/right_but.png) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.right{ right:20px;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4; width: 2px !important; height:102px !important; left: auto; top: 50%; margin:-51px 0 0 0 !important; right: 100px !important;}
.banner #myCarousel .carousel-indicators li{margin:4px 0px;width:2px;height:26px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:#fff; border:none; border-radius: 0 !important; }
.banner #myCarousel .carousel-indicators li:hover{background-color:#1982ff;}
.banner #myCarousel .carousel-indicators li.active{background-color:#1982ff;}

.banner .xia{ position: absolute; width: 50px; height: 50px; border:1px solid #fff; border-radius: 50%; left: 50%; margin-left: 25px; bottom: 10%; z-index: 100000; cursor: pointer; animation: tabBarAnimation 2s 0.5s infinite linear;}
.banner .xia a{ display: block; width: 100%; height: 100%; border-radius: 50%;}
.banner .xia:after{ content: ''; width: 10px; height: 10px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; transform: rotate(45deg);}

@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

/*m-w*/
.mian-ss{ padding: 30px 0; border-bottom: 1px solid #e4e4e4;}
.mian-news{ padding: 30px 0 20px;}

.form_2{width:100%;overflow:hidden;margin:20px 0;}
.form_2 input[type="text"]{width:94%;height:45px;line-height:45px;font-size:14px;color:#666;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;background:#fff;margin:5px 3%;}
.form_2 input[type="tel"]{width:94%;height:45px;line-height:45px;font-size:14px;color:#666;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;background:#fff;margin:5px 3%;}
.form_2 input[type="email"]{width:94%;height:45px;line-height:45px;font-size:14px;color:#666;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;background:#fff;margin:5px 3%;}
.form_2 select{width:94%;height:45px;line-height:45px;font-size:14px;color:#666;text-indent:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;background:#fff;margin:5px 3%;}
.form_2 input[type="submit"]{width:44%;height:45px;line-height:45px;font-size:14px;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:5px 3%;color: #fff;background:#1e80db;border: 1px solid #1e80db;float:left;}
.form_2 input[type="button"]{width:44%;height:45px;line-height:45px;font-size:14px;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:5px 3%;color: #fff;background:#1e80db;border: 1px solid #1e80db;float:left;}
.form_2 input[type="reset"]{width:44%;height:45px;line-height:45px;font-size:14px;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:5px 3%;color: #fff;background:#1e80db;border: 1px solid #1e80db;float:right;}
.form_2 textarea{width:94%;height:80px;line-height:21px;font-size:14px;color:#666;text-indent:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;background:#fff;margin:5px 3%;}
/*tab切换*/

/*t-2*/
.title { margin: 0 0 25px 0;}
.title h3{ color: #fff; font-size: 16px; font-weight: bold;}
.title h3 span{ font-size: 12px; color: #999999; font-family: arial; text-transform: uppercase; left: 2px; padding: 0 0 0 17px;}
.title .kuai{ width: 19px; height: 2px; background: #1982ff; margin: 20px 0 0 0;}


/*t-3*/
.title3{ margin: 20px 0; background: url(../images/biao_bg.png) center top no-repeat; padding-top: 12px;}
.title3 h3{ font-size: 36px; color: #1983ff; font-weight: bold; letter-spacing: 3px;}
.title3 h4{ font-size: 18px; color: #292929; padding: 13px 0 0 0;}
.title3 h6{ font-size: 16px; color: #999999; padding: 16px 0 0 0;}


/*t-6*/
.title6{ position: relative; height: 34px;}
.title6:before{ content: ''; width: 100%; height:1px; background: #dcdcdc; position: absolute; left: 0; bottom: 0px;}
.title6 span{ font-size: 12px; color: #616161; line-height: 34px;}
.title6 span b{ color: #343434;}
.title6 span a{ color: #616161;}
.title6 span a:hover{ color: #0065fd;}
.title6 a.fan{ color: #696969; line-height: 34px;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:18px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.aboutnei h4{ font-size:20px; color:#333; line-height:30px;}
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto;}

/*text-3*/
.text03{ padding:15px 0; font-size:14px; color:#636363; line-height:30px;}
.text03 img{ max-width:100%; height:auto;}

/*lunbo*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}


.box{ font-size: 0;}
.box .guang{ width: 32%; display: inline-block; vertical-align: top;}
.box .guang h3{ font-size: 24px; color: #1f1f1f; letter-spacing: 2px;}
.box .guang h3 span{ font-size: 28px; color: #1f1f1f;font-weight: bold;}
.box .guang h6{ background: #666666; font-size: 12px; line-height: 26px; color: #fff; margin: 12px 0 0 0 !important;}
.box .ss_box{ width: 45%; display: inline-block; vertical-align: top; padding: 0 44px; border-left: 1px solid #888888; border-right: 1px solid #888888; margin: 0 32px;}
.box .ss_box .ss{ border-bottom: 1px solid #888888; border-top: 1px solid #888888;}
.box .ss_box .ss input{ height: 36px; font-size: 14px; color: #000; background: #f6f6f6; border: none; border-radius: 0; width: 85%;}
.box .ss_box .ss button{ width: 36px; height: 36px; border: none; border-radius: 0; padding: 0; background: url(../images/fang3.png) center center no-repeat;}
.box .ss_box ul{ font-size: 0; margin: 14px 0 0 0;}
.box .ss_box ul li{ display: inline-block; vertical-align: top; font-size: 12px; color: #5f5f5f;}
.box .ss_box ul li a{ color: #5f5f5f; padding: 0 12px;}
.box .tel_box2{ width: 17%; display: inline-block; vertical-align: top;}
.box .tel_box2 h5{ display: inline-block; padding: 0 28px 0 0; font-size: 12px; color: #5f5f5f; line-height: 19px; background: url(../images/dh2.png) right center no-repeat;}
.box .tel_box2 h6{ font-size: 30px; color: #1e1e1e; font-family: arial; font-weight: bold; padding: 10px 0 0 0;}

/*news*/
.news_box ul li{ width: 100%; padding: 0 0 0 340px; min-height: 237px; position: relative; border: 1px solid #e4e4e4; transition: all .3s; top: 0; margin-bottom: 30px;}
.news_box ul li .imgbox{ width: 340px; height: 237px; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.news_box ul li .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news_box ul li .news_til{ padding: 68px 40px 0 90px; position: relative; min-height: 237px;}
.news_box ul li .news_til h3{ font-size: 18px; color: #292929;}
.news_box ul li .news_til .news_ti{ color: #5c5c5c; line-height: 24px; height: 72px; overflow: hidden; margin: 8px 0 0 0;}
.news_box ul li .shu{ width: 100px; height: 100px; background: #1982ff; border-radius: 5px; border: 2px solid #fff; position: absolute; left: -50px; top: 50%; margin-top: -50px; z-index: 2;}
.news_box ul li .shu h5{ font-family: Georgia; color: #fff; font-size: 48px; font-weight: bold; padding: 3px 0 0 0;}
.news_box ul li .shu h6{ font-family: 'Myriad Pro'; color: #fff; font-size: 18px; text-transform: uppercase; padding: 10px 0 0 0;}

/*news*/
.news_box ul li:nth-child(2){ width: 100%; padding: 0 340px 0 0;}
.news_box ul li:nth-child(2) .imgbox{left: auto; right: 0; top: 0; z-index: 1;}
.news_box ul li:nth-child(2) .news_til{ padding: 68px 90px 0 40px;}
.news_box ul li:nth-child(2) .news_til h3{ text-align: right;}
.news_box ul li:nth-child(2) .shu{  position: absolute; left: auto; right: -50px;}

.mian-fen{ position: relative;}
.mian-fen:after{ content: ''; width: 100%; height: 2px; background: rgba(236,236,242,0.5); position: absolute; left: 0; top: 50%; margin-top: -1px;}
.mian-fen:before{ content: ''; width:2px; height: 100%; background: rgba(236,236,242,0.5); position: absolute; left: 50%; top: 0; margin-left: -1px; z-index: 2;}
.mian-fen ul li{ width: 50%; position: relative; font-size: 0;}
.mian-fen ul li .zi_box{ display: inline-block; padding: 5px 0 5px 90px; position: absolute; top: 50%; margin-top: -33.5px; left: 50%; margin-left: -117px; transition: all .3s;}
.mian-fen ul li .zi_box h3{ font-size: 36px; color: #fff; font-weight: bold;}
.mian-fen ul li .zi_box h6{ font-size: 16px; color: #fff; text-align: left !important; text-transform: uppercase; padding: 5px 0 0 0;}

/*p-7*/
.picture7{ margin:20px 0 0 0; text-align: center;}
.picture7 img{ display:block; margin:0 auto;}

/*c-1*/
.content1{ padding:26px 0 40px 0;}
.subnav{ width: 253px;}
.subnav ol{ padding: 0 0 20px 0;}
.subnav ol h1{ font-size:18px; color:#1983ff; font-weight: bold;}
.subnav ol span{ font-size: 12px; font-family: arial; text-transform: uppercase; color: #acacac;}
.subNavBox{ margin:0 0 30px; border: 1px solid #dcdcdc; padding: 15px 0;}
.subNav2{cursor:pointer;font-size:14px;line-height:49px;  padding: 0 15px 0 15px;}
.subNav2 a{ color:#2b2b2b; width:100%; display:block; padding: 0 35px 0 0; border-bottom: 1px dashed #c5c5c5;  background: url(../images/jiao.png) 90% center no-repeat;}
.subNav2.currentDd{ background: #1983ff;}
.subNav2.currentDd a{  color: #fff; border: none;}
.subNav2:hover{ background: #1983ff;}
.subNav2:hover a{  color: #fff; border: none;}
.con_nav a{ display: block; width: 100%; border: 1px solid #dcdcdc; color: #333333; text-align: center; line-height: 50px; background: url(../images/icon7.png) 63px center no-repeat; padding: 0 0 0 15px; position: relative;}
.con_nav a:after{ content: ''; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: 58px; top: 50%; margin-top: -5px;}
.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#1983ff;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}


.pic3{ margin: 22px 0 0 0;}
.pic3 ul{ margin: 0 -7px;}
.pic3 ul li{ width: 33.3333%; padding: 0 7px; margin-bottom: 15px;}
.pic3 ul li a{ display: block; border: 1px solid #dfdfdf; transition: all .3s; text-align: center;}
.pic3 ul li .imgbox{ overflow: hidden;}
.pic3 ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.pic3 ul li h3{ display: inline-block; vertical-align: top; font-size: 14px; color: #595959; line-height: 44px; transition: all .3s; padding: 0 20px 0 0; position: relative;}
.pic3 ul li h3:after{ content: ''; width: 0; height: 0; border-left: 7px solid #999999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -5px; transition: all .3s;}

.case{ margin: 22px 0 0 0;}
.case ul{ margin: 0 -7px;}
.case ul li{ width: 25%; padding: 0 7px; margin-bottom: 15px;}
.case ul li a{ display: block; border: 1px solid #dfdfdf; transition: all .3s; text-align: center;}
.case ul li .imgbox{ overflow: hidden;}
.case ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.case ul li h3{ display: inline-block; vertical-align: top; font-size: 14px; color: #595959; line-height: 44px; transition: all .3s; padding: 0 20px 0 0; position: relative;}
.case ul li h3:after{ content: ''; width: 0; height: 0; border-left: 7px solid #999999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -5px; transition: all .3s;}

.fuwu{ margin: 22px 0 0 0;}
.fuwu ul{ margin: 0 -10px;}
.fuwu ul li{ width: 33.333%; padding: 0 10px; margin-bottom: 20px;}
.fuwu ul li a{ display: block; border: 1px solid #e3e3e3; transition: all .3s; position: relative;}
.fuwu ul li a:after{ content: ''; width: 0; height: 2px; background: #1983ff; position: absolute; left: 0; bottom: -1px; transition: all .3s;}
.fuwu ul li .imgbox{ overflow: hidden; position: relative;}
.fuwu ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.fuwu ul li .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: -100%; background: rgba(25,131,255,0.9); transition: all .3s;}
.fuwu ul li .imgbox .bg .bg_box{ position: absolute; left: 0; top: 50%; width: 100%; margin-top: -41px;}
.fuwu ul li .imgbox .bg .bg_box h4{ color: #fff; font-size: 14px;}
.fuwu ul li .imgbox .bg .bg_box h5{ color: #fff; font-size: 10px; text-transform: uppercase; line-height: 20px;}
.fuwu ul li .imgbox .bg .bg_box .jia{ width: 26px; height: 26px; background: #fff; border-radius: 50%; text-align: center; line-height: 24px; font-size: 14px; color: #005aa9; margin: 22px auto 0;}
.fuwu ul li h3{ font-size: 14px; color: #333333; line-height: 46px; padding: 0 0 0 25px; transition: all .3s;}

/*hez*/
.hz_box{ margin: 22px 0 0 0;}
.hz_box ul{ margin: 0 -5px;}
.hz_box ul li{ padding: 0 5px; width: 16.666%; margin-bottom: 10px;}
.hz_box ul li .imgbox{ border: 1px solid #dbdbdb; transition: all .3s; overflow: hidden;}
.hz_box ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}


/*pic*/
.news2{ margin: 20px 0 0 0;}
.news2 ul li{ padding: 0 0 22px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 22px;}
.news2 ul li a{ display: block; width: 100%; padding: 0 0 0 210px; min-height: 124px; position: relative;}
.news2 ul li a .imgbox{ width: 210px; height: 124px; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.news2 ul li a .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news2 ul li a .news_til{ padding: 7px 0 0 25px;}
.news2 ul li a .news_til h3{ font-size: 16px; color: #2b2b2b; font-weight: bold; transition: all .3s;}
.news2 ul li a .news_til .news_ti{ font-size: 12px; color: #878787; line-height: 22px; height: 44px; overflow: hidden; margin: 12px 0 0 0; transition: all .3s;}
.news2 ul li a .news_til .news_ti{ font-size: 12px; color: #878787; line-height: 22px; height: 44px; overflow: hidden; margin: 12px 0 0 0; transition: all .3s;}
.news2 ul li a .mor{ width: 80px; line-height: 28px; border-radius: 3px; color: #fff; text-align: center; font-size: 12px; background: #0078d9; margin: 10px 0 0 0;}


/*liuyan*/
.liu_box{ margin-top: 20px;}
.liuyan{ width:60%; margin:40px auto;}
.liuyan .inp{ margin-bottom:10px;}
.liuyan input{ border:none; height:39px; width:100%; border:1px solid #ccc; padding:0 10px;}
.liuyan .inp2{ margin-bottom:15px;}
.liuyan textarea{  border:1px solid #ccc; height:95px; width:100%; resize:none;  padding:0 10px;}
.liuyan button{ width:100%; height:36px; color:#fff; background:#0682f5; border:none; transition:all 0.3s; display:block; margin:0 auto;}
.liuyan button:hover{  background: #0d59e8;}

/*ditu*/
.right-content .contact_box{ margin-top:20px;}
.contact_box .ditu{ position:relative; margin-top:20px; border:1px solid #d7d7d7; padding: 8px; overflow:hidden;}
.right-content .us{ margin-top:10px; font-size:14px; color:#000; line-height:24px;}

.pic_show{ margin: 20px 0 0 0;}
.pic_show .imgbox{ border: 1px solid #dfdfdf;}
.pic_text .biao{ font-size: 24px; color: #292929; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #d7d7d7;}
.pic_text .pic_tex{ margin: 15px 0 0 0; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px;}
.pic_text .pic_tex h4{ font-size: 14px; color: #292929; font-weight: bold;}
.pic_text .pic_tex .text{ font-size: 14px; color: #696969; line-height: 24px; margin: 14px 0 0 0; height: 120px; overflow: hidden;}
.pic_text .anniu{ font-size: 0; text-align: right; margin: 40px 0 0 0;}
.pic_text .anniu a{ display: inline-block; vertical-align: top; font-size: 14px; color: #292929; line-height: 40px; border: 1px solid #e2e2e2; padding: 0 25px; border-radius: 5px;}
.pic_text .anniu a img{ margin: 0 10px 0 0;}


/*f-1*/
footer{ border-top: 2px solid #ececf2; background: #292929;}
.foot_box{ border-left: 1px solid #555555;}
.foot_box .ewm_box{ width: 25%; padding: 45px 10px 45px 45px; border-right: 1px solid #555555; min-height: 290px;}
.foot_box .box .imgbox{ width: 126px; height: 126px;}
.foot_box .box .ewm_til{ padding: 26px 0 0 15px;}
.foot_box .box .ewm_til h6{ font-size: 12px; color: #696969; line-height: 24px;}
.foot_box .box .ewm_til a{ display: block; font-size: 12px; line-height: 35px; text-align:center; color: #fff; width: 97px; background: #1982ff; border-radius: 50px; margin-top: 15px;}
.foot_box .lx_box{width: 34%; padding: 45px 10px 45px 45px; border-right: 1px solid #555555; min-height: 290px;}
.foot_box .lx_box .lx_til h5{ font-size: 12px; color: #ffffff;}
.foot_box .lx_box .lx_til h5 span{ font-size: 18px; color: #1982ff; font-weight: bold; letter-spacing: 3px;}
.foot_box .lx_box .lx_til div{ font-size: 12px; color: #999999; line-height: 38px;}
.foot_box .foot_nav{ width: 41%; padding: 45px 10px 45px 45px; border-right: 1px solid #555555; min-height: 290px;}
.foot_box  nav ul{ font-size: 0;}
.foot_box  nav ul li{ margin: 0 20px 20px 0; display: inline-block; vertical-align: top;}
.foot_box  nav ul li a{ font-size: 12px; color: #999999;}
.foot_box .fenx{ font-size: 12px; color:#999999; margin: 27px 0 0 0;}
.foot_box .fenx a{ font-size: 16px; color: #999; padding: 0 10px;}
.bei_box{ font-size: 12px; color: #bcbcbc; line-height: 24px; text-align: center; padding: 10px 0; border-top: 1px solid #696969;}
.bei span{ display: inline-block;}
.bei a{ color: #bcbcbc;}

@media( min-width:991px){
	.logo nav ul li:hover a{ background:url(../images/nav_bg.jpg) center center; background-size: cover; color: #fff;}
	.box .ss_box ul li a:hover{ color: #326edb;}
	.news_box ul li:hover{ box-shadow: 0 0 8px rgba(0,0,0,0.35); top: -2px;}
	.news_box ul li:hover .imgbox span{ transform: scale(1.1);}
	.mian-fen ul li:hover .zi_box{margin-left: -100px;}
	.foot_box  nav ul li a:hover{ color: #fff;}
	.foot_box .fenx a:hover{ color: #fff;}
	.subnav .nav_box ul li:hover a{color: #7b4666; font-weight: bold;}
	.subnav .nav_box ul li:hover a:after{ background: #7b4666;}
	.subnav .nav_box ul li:hover a:before{ background: #7b4666;}
	.pic3 ul li:hover a{ background: #1983ff; border: 1px solid #1983ff;}
	.pic3 ul li:hover a .imgbox span{ transform: scale(1.1);}
	.pic3 ul li:hover h3{ color: #fff;}
	.pic3 ul li:hover h3:after{ border-left: 7px solid #fff;}
	.case ul li:hover a{ background: #1983ff; border: 1px solid #1983ff;}
	.case ul li:hover a .imgbox span{ transform: scale(1.1);}
	.case ul li:hover h3{ color: #fff;}
	.case ul li:hover h3:after{ border-left: 7px solid #fff;}
	.fuwu ul li:hover a{ border: 1px solid #3b94ee;}
	.fuwu ul  li:hover a:after{ width: 100%;}
	.fuwu ul  li:hover .imgbox .bg{ top: 0;}
	.hz_box ul li:hover .imgbox{ border: 1px solid #0078d9;}
	.hz_box ul li:hover .imgbox span{ transform: scale(1.1);}
	.news2 ul li:hover .imgbox span{ transform: scale(1.1);}
	.news2 ul li:hover .news_til h3{ color: #0078d9; }
	.news2 ul li:hover .news_til .news_ti{ color: #0078d9; }
}

@media (max-width:1199px){	

.box{ font-size: 0;}
.box .guang{ width: 32%; }
.box .guang h3{ font-size: 18px; }
.box .guang h3 span{ font-size: 24px;}
.box .guang h6{ background: #666666; font-size: 10px;}
.box .ss_box{ width: 45%; display: inline-block; vertical-align: top; padding: 0 24px; border-left: 1px solid #888888; border-right: 1px solid #888888; margin: 0 12px;}


}


@media (max-width:991px){
.logo{ height:72px; border-bottom:none; position: relative; background: none;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#1982ff;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ margin:20px 0 0 0; height:auto;}

.logo .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #1982ff;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; -webkit-transition: all .3s; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*t-2*/
.title h3{ text-align: center;}
.title .kuai{margin: 20px auto 0;}

.foot_box{ border: none;}
.foot_box .lx_box{width: 100%; padding: 45px 10px 45px; border-right:none; min-height:auto; text-align: center;}


.subnav{ width:100%; border: none;}

.pic_text{ margin: 20px 0 0 0;}

}

@media (max-width:767px){
.logo .sjdnav{  right:0px;}

.banner #myCarousel .carousel-indicators{bottom:0;z-index:4; width:60% !important; height:auto !important; left: 20%; top: auto; margin: 0 !important; right: 
auto !important;}
.banner #myCarousel .carousel-indicators li{margin:4px 0px;width:14px;height:2px;  }

/*news*/
.news_box ul li{ width: 100%; padding: 0 0 0 170px; min-height: 120px;}
.news_box ul li .imgbox{ width: 170px; height: 120px;}
.news_box ul li .news_til{ padding: 20px 10px 0 30px; position: relative; min-height: 120px;}
.news_box ul li .news_til h3{ font-size: 18px; color: #292929;}
.news_box ul li .news_til .news_ti{ height: 48px; margin: 8px 0 0 0;}
.news_box ul li .shu{ width: 50px; height: 50px; left: -25px; top: 50%; margin-top: -25px;}
.news_box ul li .shu h5{  font-size: 30px; margin-top: -8px !important;}
.news_box ul li .shu h6{font-size: 14px;  padding: 3px 0 0 0;}

/*news*/
.news_box ul li:nth-child(2){ width: 100%; padding: 0 170px 0 0 ; min-height: 120px;}
.news_box ul li:nth-child(2) .imgbox{ width: 170px; height: 120px;}
.news_box ul li:nth-child(2) .news_til{ padding: 20px 30px 0 10px; position: relative; min-height: 120px;}
.news_box ul li:nth-child(2) .news_til h3{ font-size: 18px; color: #292929;}
.news_box ul li:nth-child(2) .news_til .news_ti{ height: 48px; margin: 8px 0 0 0;}
.news_box ul li:nth-child(2) .shu{ width: 50px; height: 50px; right: -25px; top: 50%; margin-top: -25px;}
.news_box ul li:nth-child(2) .shu h5{  font-size: 30px; margin-top: -8px !important;}
.news_box ul li:nth-child(2) .shu h6{font-size: 14px;  padding: 3px 0 0 0;}

.mian-fen ul li .zi_box{padding: 5px 0 5px 50px;  margin-top: -22.5px; left: 50%; margin-left: -61px; transition: all .3s; background-size: 40px 40px !important;}
.mian-fen ul li .zi_box h3{ font-size: 18px;}
.mian-fen ul li .zi_box h6{ font-size: 12px;}

.pic3 ul li{ width: 50%; margin-bottom: 5px;}

.case ul li{ width: 50%; margin-bottom: 5px;}

.hz_box ul li{ width: 33.333%;}

.fuwu ul li{ width: 50%; margin-bottom: 5px;}

.liuyan{ width:100%;}

.hz ul li{ width: 33.333%; }


}

@media (max-width:640px){



}


@media (max-width:414px){

.logo .logoimg img{ width: 200px; margin: 28px 0 0 0; height:auto;}

.mian-fen ul li{ width: 100%; position: relative;}
.mian-fen ul li:after{ content: ''; width: 100%; height: 2px; background: rgba(236,236,242,0.5); position: absolute; left: 0; bottom: 0;}
.mian-fen:after{ display: none;}
.mian-fen:before{ display: none;}

/*news*/
.news_box ul li{ padding: 0 0 0 140px; min-height: 100px;}
.news_box ul li .imgbox{ width: 140px; height: 100px;}
.news_box ul li .news_til{ padding: 15px 10px 0 30px; position: relative; min-height: 100px;}
.news_box ul li .news_til h3{ font-size: 15px; color: #292929;}

/*news*/
.news_box ul li:nth-child(2){ padding: 0 140px 0 0 ; min-height: 100px;}
.news_box ul li:nth-child(2) .imgbox{ width: 140px; height: 100px;}
.news_box ul li:nth-child(2) .news_til{ padding: 15px 30px 0 10px; position: relative; min-height: 100px;}
.news_box ul li:nth-child(2) .news_til h3{ font-size: 15px; color: #292929;}

.hz_box ul li{ width:50%;}

/*news2*/
.news2 ul li a{ padding: 0 0 0 140px; min-height: 94px;}
.news2 ul li a .imgbox{ width: 140px; height:94px;}
.news2 ul li a .news_til{ padding: 0 0 0 15px;}
.news2 ul li a .news_til h3{ font-size: 14px; padding: 3px 0;}
.news2 ul li a .news_til .news_ti{ line-height: 18px; height: 36px;}
.news2 ul li a .mor{ display: none;}

.jiathis_style img {display:none !important;}
}


@media (max-width:340px){


}