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

/*The introduction of the font library*/
@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/firefox */url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome/firefox/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"; }

/*reset styles*/
body{ font-family:"微软雅黑";}.glyphicon{ top:0 !important;}.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;}.w100{ width:100% !important;}.h100{ height:100% !important;}a{ text-decoration:none !important; cursor:pointer !important;}.container-fluid{ max-width:1030px !important;}.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
/************************************************************************************************************/

/*m*/
.main{ padding:30px 0;}
.main-White{ background:#fff;}
.main-Colorless{background:none;}
.main-Background{ background:url(../images/bg_03.png) repeat;}
.main-Color{ background:#f0f0f0;}
.main-opcityBackground{ background:url(../images/CaseSharing_mask_03.png) repeat;}

/*h*/
header{ position:relative; z-index:2;background: rgb(254,254,254); background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(223,223,223,1) 100%); background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(223,223,223,1) 100%);background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(223,223,223,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 ); }
header.active{box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-ms-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);}
header .logo{ line-height:100px;}
header .navbox{ width:70%;}
header .top_bar .tel{ margin:0 20px 0 0; display:inline-block; padding:0 0 0 40px; font-size:20px; color:#ff6000; font-weight:bold; background:url(../images/icon/tel_icon.png) no-repeat left; line-height:38px;}
header .top_bar .tel span{ font-family:Arial, Helvetica, sans-serif;}
header .top_bar .collection{ display:inline-block; line-height:38px;}
header .top_bar .collection a{font-size:12px;color:#474747;}
header .top_bar .collection a:hover{ color:#ff6000}
header .top_bar .collection img{ position:relative; top:-2px;}
header nav ul{ position:relative; height:60px;}
header nav ul li{ width:16.66%;}
header nav ul li a{position:relative;display:block;line-height:60px; color:#424242;}
header nav ul li:hover a{color:#0065be;}
header nav ul li a:after{ content:""; position:absolute; right:1px; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(197,197,197,0.01) 1%, rgba(197,197,197,0.01) 15%, rgba(197,197,197,1) 52%, rgba(197,197,197,0.01) 86%, rgba(197,197,197,0.01) 100%);background: -webkit-linear-gradient(top,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);background: linear-gradient(to bottom,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c5c5c5', endColorstr='#03c5c5c5',GradientType=0 );}
header nav ul li a:before{ content:""; position:absolute; right:0; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 2%, rgba(255,255,255,0.01) 15%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.01) 86%, rgba(255,255,255,0.01) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#03ffffff',GradientType=0 );}
header nav ul:after{ content:""; position:absolute; left:0; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(197,197,197,0.01) 1%, rgba(197,197,197,0.01) 15%, rgba(197,197,197,1) 52%, rgba(197,197,197,0.01) 86%, rgba(197,197,197,0.01) 100%);background: -webkit-linear-gradient(top,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);background: linear-gradient(to bottom,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c5c5c5', endColorstr='#03c5c5c5',GradientType=0 );}
header nav ul:before{ content:""; position:absolute; left:1px; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 2%, rgba(255,255,255,0.01) 15%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.01) 86%, rgba(255,255,255,0.01) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#03ffffff',GradientType=0 );}

.menu{ position:relative; z-index:1;height:0; overflow:hidden; background:#fff;}
.menu.active{ padding:15px 0 30px; height:245px;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-ms-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);}
.menu ul li{ padding:0 0 0 4%; width:20%; height:200px; border-right: solid 1px #d2d2d2;}
.menu ul li a{ display:block; color:#333; line-height:26px;}
.menu ul li a:hover{color:#0065be;}
.menu ul li a strong{ font-size:16px;line-height:30px;}

/*b*/
.banner{ position:relative; overflow:hidden;}
.banner.sybanner .item.item1{ background:url(../images/ba/1.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item2{ background:url(../images/ba/2.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item3{ background:url(../images/ba/3.jpg) 50% 50%; background-size:cover;}
.banner.sybanner .item.item4{ background:url(../images/ba/4.jpg) 50% 50%; background-size:cover;}
/*.banner.sybanner .item.item5{ background:url(../images/ba/5.jpg) 50% 50%; background-size:cover;}*/
.banner .glyphicon{ top:50% !important;}
.banner .carousel-control.left,.banner .carousel-control.right{ width:60px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-control.left{ left:-60px;background:url(../images/ba/prev_arrow_60.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px;background:url(../images/ba/next_arrow_60.png) no-repeat right;}
.banner:hover .carousel-control.right{ right:0;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.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{ margin-bottom:0;bottom:5px;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 3px;width:10px;height:10px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fff}

.ny-banner img{ max-width:100%;}
.ny-banner.b_case{ background:url(../images/ba/b_case.jpg) 50% 50%; background-size:cover;}

/*t*/
.title1{ color:#191919; line-height:42px;}
.title1 a{ color:#191919;}
.title1 a:hover{ color:#065eb4;}

.title2{ margin:0 0 20px; font-size:24px; color:#065eb4; line-height:50px; border-bottom:solid 1px #b6b6b6; }

.title3{ margin:0 auto 10px; width:70%; color:#333; line-height:18px; height:40px; border-bottom:dashed 1px #333;font-weight:bold}

.title4{ margin:0 0 10px;}
.title4 h5{ margin:0; font-size:14px; color:#333; line-height:24px; border-bottom:dotted 1px #ccc}
.title4 span{ display:block; font-size:12px; color:#949494; line-height:24px;}

/*text*/
.text1{ margin:0 0 20px; padding:0 10%; font-size:12px; color:#666; line-height:24px;}

/*p*/
.pictrue1-list a,.pictrue1-list a span{display:block; border-radius:50%;}
.pictrue1-list a{ margin:0 auto; padding:6px; max-width:200px;}
.pictrue1-list a:hover{ background:#005eb5}
.pictrue1-list a span{ padding:2px;border:solid 2px #cbcbcb; background:#fff;overflow:hidden; text-align:center;}
.pictrue1-list a:hover span{ padding:0; border:solid 4px #0090f6;}
.pictrue1-list a span img{ max-width:100%;}

.pictrue2-list{ margin-bottom:20px;}
.pictrue2-list .pictrue2box{ padding:5px; background:#ededed; border:solid 1px #d0d0d0}
.pictrue2-list .pictrue2box .imgbox{ padding:10px 10px 10px 85px; position:relative; min-height:86px;}
.pictrue2-list .pictrue2box .imgbox img{ position:absolute; left:10px; top:10px; z-index:1; width:55px; height:86px;}
.pictrue2-list .pictrue2box .imgbox p{ margin:0; font-size:12px; color:#494949; line-height:24px; height:78px; overflow:hidden;}
.pictrue2-list .pictrue2box .imgbox p b{ display:block;margin:0 0 6px; font-size:14px; color:#202020; line-height:24px;}
.pictrue2-list .pictrue2box .tit{ margin:0 0 30px; padding:0 50px 0 0; position:relative; font-size:12px; line-height:36px; color:#494949; border-bottom:dotted 1px #dddddd}
.pictrue2-list .pictrue2box .tit a{ position:absolute; right:0; top:0; color:#ff7200;}
.pictrue2-list .pictrue2box .tit a:hover{color:#3b8aca;}
.pictrue2-list .pictrue2box .more{ margin:0 0 15px;}
.pictrue2-list .pictrue2box .more a{ display:inline-block; padding:0 20px; line-height:34px; font-size:12px; color:#fff; background:#3b8aca; border-radius:3px;}
.pictrue2-list .pictrue2box .more a:hover{background:#ff7200;}

.pictrue3-list{ margin-bottom:20px;}
.pictrue3-list a{ display:block;}
.pictrue3-list a .imgbox{ margin:0 0 5px; padding:1px; border:solid 1px #a2d4fc; background:#d6e9ef;}
.pictrue3-list a:hover .imgbox{border:solid 1px #ff6000;}
.pictrue3-list a .imgbox span{ display:block; border:solid 1px #fff;}
.pictrue3-list a h6{ font-size:12px; color:#333; line-height:24px;}
.pictrue3-list a:hover h6{color:#ff6000;}

/*f*/
footer{padding:20px 0 0; background:#eee;}
footer img{ position:relative; top:-2px;margin:0 5px 0 0;}
footer ul li{ display:inline;}
footer nav ul li a{ display:inline-block; padding:0 10px; height:14px; line-height:14px; color:#363636; border-left: solid 1px #363636;}
footer nav ul li:first-child a{ border:none;} 
footer nav ul li a:hover{ color:#176cbb}
footer .contact{ margin:28px 0 16px;}
footer .contact ul li{ margin:0 15px; line-height:20px; color:#676767;}
footer .tel{ margin:0 0 20px; color:#005eb5;}
footer .footer_bar{background:#454545}
footer .footer_bar p{ position:relative; z-index:2; color:#fff; line-height:37px;}

/*s*/
.subnav ol{ padding:15px 20px 0 48px; margin:0; height:60px; font-size:16px; color:#fff; line-height:18px; background:#065eb4;}
.subnav ol span{ position:relative;display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px;}
.subnav ol span b{ position:absolute; left:-28px; top:-8px; font-size:37px;}
.subnav .pcdnav{ border:solid 1px #c6c6c6; border-top:none;}
.subnav .pcdnav a,.subnav .yddnav a{ display:block;}
.subnav .pcdnav{ margin:0 0 20px;}
.subnav .pcdnav li a{ position:relative; padding:0 24px;color:#535353; line-height:36px; background:#e7e7e7;}
.subnav .pcdnav li a:hover{ background:#3b8aca;color:#fff;}
.subnav .pcdnav li a.active{background:#3b8aca;color:#fff;}
.subnav .pcdnav li a:before{ margin:-1px 0 0; content:""; position:absolute; left:9px; top:50%; z-index:1; width:7px; height:1px; background:#595959;}
.subnav .pcdnav li a:hover:before{background:#fff;}
.subnav .pcdnav .xlxl a{ position:relative; padding:0 20px 0 39px;font-size:12px; color:#4f4f4f; line-height:32px;}
.subnav .pcdnav .xlxl a:hover{ color:#3b8aca}
.subnav .pcdnav .xlxl a.active{ color:#3b8aca}
.subnav .pcdnav .xlxl a:before{ margin:-1px 0 0; content:""; position:absolute; left:20px; top:50%; z-index:1; width:2px; height:2px; background:#065eb4;}
.subnav .pcdnav .xlxl a:hover:before{background:#3b8aca;}

/*n*/
.news1{ padding:0 0 0 10px; position:relative;border-bottom:dashed 1px #cacbcb; line-height:39px;}
.news1:after{ content:""; position:absolute; left:0; top:50%; width:2px; height:2px; background:#666;}
.news1 a{ padding:0 100px 0 0; display:block; color:#666;}
.news1:hover a{ color:#065eb4}
.news1 span{ font-family:Arial, Helvetica, sans-serif; position:absolute; right:0; top:0; width:80px; color:#888;}
.news1:hover span{ color:#065eb4}

@media (max-width:1199px){
/*p*/
.pictrue1-list{ margin-bottom:20px;}
}

@media (max-width:991px){
.main2{ padding:15px 0;}	
	
/*h*/	
header .logo{ line-height:80px;}
header .logo img{ width:100px;}
header .sjdnav{ display:none; width:150px; height:auto; position:absolute;right:10px; top:80px;z-index:5; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:30px;display:block; padding:0;text-align:center; margin-bottom:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e4c6a+0,2e4c6a+99&0.6+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(46,76,106,0.6) 0%, rgba(46,76,106,0.6) 99%, rgba(46,76,106,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(46,76,106,0.6) 0%,rgba(46,76,106,0.6) 99%,rgba(46,76,106,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(46,76,106,0.6) 0%,rgba(46,76,106,0.6) 99%,rgba(46,76,106,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992e4c6a', endColorstr='#992e4c6a',GradientType=0 ); /* IE6-9 */
}
header .sjdnav li a{display:block; color:#fff; line-height:30px;}
header .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#2e4c6a;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#2e4c6a;}
header .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:8px;margin-top:0px;	} 
header .ydd_btn.click span.span02{margin:4px 0;	}
header .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:-8px;			margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*f*/
footer{ padding:15px 0 0;}
footer nav{ margin:0 0 15px;}

/*s*/
.subnav .pcdnav .xl{ display:none;}
.subnav .pcdnav li{ margin:0 0 4px;}

/*t*/
.title3{width:100%;}

/*text*/
.text1{ padding:0;}
}

@media (max-width:767px){
body{ padding-bottom:50px;}	
	
 /*f-nav*/
.hot{height:50px; background:#007dde; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #138deb;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#209eff;}	

/*h*/		
header .logo{ line-height:60px;}
header .logo img{ width:80px;}
header .sjdnav{ right:0;top:60px; width:40%;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
header .sjdnav li{margin-bottom:0;padding:0 3%;height:40px;border-bottom:solid 1px #3b6084; border-top: solid 1px #4b739b;}
header .sjdnav li a{color:#fff;line-height:40px; }	
header .ydd_btn{ padding:10px; margin:10px 0 0;}

/*f*/
footer .footer_bar p{ padding:10px 0; font-size:12px; line-height:24px;}
 }
 
@media (max-width:639px){

}

@media (max-width:479px){
}

@media (max-width:413px){	
 
}

@media (max-width:339px){	
 
}