@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle; outline:none;}
table,td,tr,th{}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#127DCC; text-decoration:none;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}


.banner_pc{ padding-top:0px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:15px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:16px; height:16px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #127DCC; cursor: default;}
@media screen and (max-width: 1200px) {
.banner_pc{ padding-top:50px;}
}
@media screen and (max-width: 980px) {
	.banner_pc{ display:none;}
	.banner_yd{ display:block; padding-top:50px;}
}



.wrap { width:100%; max-width:1200px; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:760px){
.wrap { width:94%;}
}

.s_tt{ text-align:center; width:100%; max-width:1200px; margin:0 auto; margin-top:30px; margin-bottom:10px;}
.s_tt h2{ font-size:36px; font-weight:bold; line-height:60px; color:#333; margin-bottom:5px;}
.s_tt h2 span{ color:#333;}
.s_tt .border{ height:1px; background:#DDD; position:relative;}
.s_tt .border .xian{ width:100px; height:3px; background:#127dcc; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.s_tt p{ color:#999; margin-top:10px; font-size:16px;}

@media screen and (max-width: 720px) {
.s_tt{ margin-top:10px;}
.s_tt h2{ font-size:24px; font-weight:bold; line-height:50px;}
.s_tt p{ font-size:14px; }
}

.bt{
	width:100%;
	max-width:1200PX;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
	
	}
.bt p:nth-of-type(1){
	font-size:36px;
	color:#333;
	font-weight:bold;
	
	}
.bt .btt{
	width:40px;
	height:3px;
	background:#127DCC;
	margin:8px auto;
	}
.bt p:nth-of-type(2){
	font-size:16px;
	color:#999;margin-bottom:0;
	text-transform:uppercase;
	}
@media (max-width:768px) {
.bt{width:96%; padding-bottom:10px;}
.bt p:nth-of-type(1){ font-size: 24px;}
.bt p:nth-of-type(2){ font-size: 14px;}
.bt .btt{ margin:6px auto;}
}


/**************************关于**************************/
.sy-about{ background:#f6f6f6; padding: 50px 0;}
.home-about { padding-top:10px; }
.home-about-pic { width: 48.5%; float: left;  margin-left: 0px; }
.home-about-pic img{width:100%;}
.home-about-text { width: 48.5%; float: right; }
.home-about-text p{ font-size: 16px; line-height: 26px; color: #333; padding: 0px 0 10px; }

.home-about-text dl dd { position: absolute; left: 0; bottom: 0; }
.home-about-text dl dd a { display: inline-block; width: 110px; height: 40px; font-size: 14px; line-height: 40px; color: #fff; background-color: #dd0004; text-align: center; margin-right: 10px; }
.home-about-text dl dd a:hover { background-color: #dd0004; }

@media screen and (max-width: 720px) {
.sy-about{ padding: 20px 0;}
.home-about{ padding-top:0; }
.home-about-text{ float: none; width:100%; overflow:hidden; margin-top:10px;}
.home-about-text p{ font-size:14px; line-height:22px;}
.home-about-pic { float: none;width:100%;}
}
.sy-about .learn a{display:block;width:145px;height:40px;line-height:40px;font-size:15px; margin-top:12px; text-decoration:none; border:1px solid #ddd;color:#666;background:#fff;border-radius:25px;text-align:center;position:relative;overflow: hidden;}
.sy-about .learn a:before{content:"";position:absolute;width:145px;height:145px;top:50%;margin-top:-72.5px;left:50%;margin-left:-72.5px;background:#127DCC;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.sy-about .learn a span{ position:relative}
.sy-about .learn a:hover{ color:#fff}
.sy-about .learn a:hover:before{transform:scale(1); opacity:1}



/**************************案例*********************/
.indexcasepic{ padding:50px 0 40px 0;}
.indexcasepic ul li{width:31.667%; float:left; overflow:hidden;margin: 0.8%;}

.casezoom{width:100%; float:left; overflow:hidden; position:relative; display:inline-block}
.casezoom img{width:100%; transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s; line-height:1em;}
.casezoom:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.effect-line{ margin-bottom:30px;}
.hover_line{width:100%; height:100%; background:transparent; left:0%; top:0%; cursor:pointer; position:absolute; opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after{position:absolute; top:20px; right:20px; z-index:1; bottom:20px; left:20px; content: ''; opacity: 0; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before{border-top:1px solid; border-bottom:1px solid; -webkit-transform: scale(0,1); transform: scale(0,1); opacity: 0}
.hover_line::after{border-right:1px solid; border-left:1px solid; -webkit-transform: scale(1,0); transform: scale(1,0); opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after{opacity:1;-webkit-transform: scale(1);transform: scale(1)}
.hover_line::before,.case-list .hover_line::after{top:20px; right:20px; bottom:20px; left:20px}

.indexcasepic li figure{width:100%; overflow:hidden; margin:0;}
.indexcasepic li a{position:absolute; left:0; top:0;width:100%; height:100%; background:#000; opacity:0; color:#fff;}
.indexcasepic li a:hover{opacity:0.7;}
.indexcasepic li i{background:url(../images/main_link_tb.png) no-repeat; margin:20% auto 0; width:70px; height:70px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.indexcasepic li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.indexcasepic li p{margin:10px 30px;font-size:16px;text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; }
@media (max-width:1000px) {
.indexcasepic li i{width:50px; height:50px;}
.indexcasepic li p{font-size:14px;}
.indexcasepic{ width:100%;margin-bottom:0px;padding:20px 0 0;}

	}
@media (max-width:800px) {
.indexcasepic li i{margin:15% auto 0;}
	}
@media (max-width:700px) {
.indexcasepic ul li{width:48%; float:left; overflow:hidden;margin: 1%;}
.indexcasepic li i{margin:20% auto 0;}
.effect-line{ margin-bottom:20px;}
	}
@media (max-width:520px) {
.indexcasepic li i{margin:15% auto 0;}
	}
@media (max-width:450px) {
.indexcasepic li i{width:30px; height:30px;}
.indexcasepic li i{margin:20% auto 0;}
	}
@media (max-width:400px) {
.indexcasepic li i{margin:15% auto 0;}
.indexcasepic li p{margin: 5px 30px;}
	}


/*********************滚动***********************/
.applications{ background:#F5F5F5; padding:50px 0;}
.marqueeleft{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0px auto;
	margin-top:10px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:280px;
	overflow:hidden;
	text-align:center;
	
	}
.marqueeleft li .pic{
	display:block;
	width: 278px;
	overflow:hidden;
	border:1px solid #ddd;
	overflow:hidden; position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 0.5s;
	width:100%;
}
.marqueeleft li .pic:hover img {
	transform: scale(1.1);
}	
.marqueeleft li .txt{text-align:center;height:42px;line-height:42px; font-size:16px;}
.marqueeleft a{ color:#666; cursor:default;}
.marqueeleft a:hover{ color:#127DCD;}
@media screen and (max-width: 720px){
.marqueeleft{ margin-top:0;}	
.marqueeleft li{width:180px;margin:0 6px;}	
.marqueeleft li .pic{
	width:178px; 
	}	
	
}


/******************优势************************/
.xinlaizhixun {
	background: #127DCC;
	height: 150px;
	position: relative;
	width: 100%;
}

.xinlaizhixun:before,
.xinlaizhixun:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: solid transparent;
	pointer-events: none;
	content: "";
	border-color: rgba(136, 183, 213, 0); z-index:999;
}

.xinlaizhixun:after {
	border-top-color: #127DCC;
	border-width: 41px 114.5px 41px 114.5px;
	margin-left: -114.5px;
	top: 100%;
	left: 50%;
}
.xinlaizhixun .content {height: 150px;  text-align:center; color:#fff; font-size:48px; font-weight:bold;}
.xinlaizhixun .content span{font-size:90px; color:#fff; margin:0 8px;}

@media screen and (max-width: 980px) {
.xinlaizhixun {height:90px;}
.xinlaizhixun .content { font-size:24px; height:90px; }
.xinlaizhixun .content span{font-size:48px;}
.xinlaizhixun:after {
	border-width: 41px 65.5px 41px 65.5px;
	margin-left: -65.5px;
	top: 100%;
	left: 50%;
}
}


/*优势*/
.adv_wt{ padding-top:60px; padding-bottom:60px;}



.adv_shu{ }
.adv_l{ width:50%;}
.adv_r{ width:50%;}
.adv_w1{margin-left: 10px;margin-top: 6px;}
.adv_w1 p{font-size: 28px;color: #333; font-weight:bold;}
.adv_w1 span{font-size: 40px;display: block;color: #127DCC;font-weight: bold;}
.adv_w{font-size: 16px;line-height: 28px;width: 585px;}
.adv_w p{position: relative;margin-top: 34px;padding-left: 34px;}
.adv_w p:before{content:"";position:absolute;top:6px;left: 0px;background: url(../images/gou.png)no-repeat;display: block;width: 25px;height: 21px;}



.adv_img{height: 357px;width: 573px;float: left;position: relative;}
.adv_img1 li{float: left;}
.adv_img1 p{background:#127DCC;color: #fff;width: 100%;text-align: center;height: 70px;line-height: 70px;font-size: 18px;}
.adv_w p>t{color: #127DCC;font-size: 30px;font-weight: bold;}


.adv_bg2{background: #F5F5F5;width: 100%;height: 475px;}

@media screen and (max-width: 1200px) {

.adv_wt{ padding-top:50px; padding-bottom:40px;}
.adv_l{ width:100%}
.adv_r{ width:100%;}
.adv_r img{ width:100%; margin-top:10px;}
.adv_shu img { width:60px;}

.adv_w1{ margin-top:0;}
.adv_w1 p{font-size: 20px;}
.adv_w1 span{font-size: 28px;}

.adv_w{ width:100%; font-size:14px; line-height:22px;}
.adv_w p{ margin-top:10px;}


.adv_bg2{ height:auto;}
.adv_w p>t{font-size: 24px;}

}