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

/* advantage */
.advantage{
	width:100%;
	height:386px;
	min-width:1200px;
	background:url(/statics/images/tem/adv_bg.jpg)no-repeat center;
}
.advantage ul{
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-between;
}
.advantage li{
	width:260px;
	height:100%;
	text-align:center;
	font-size:20px;
	color:#666;
}
.advantage li i{
    font-size:46px;
    color:#ed6d01;
    font-weight:bold;
    font-style:normal;
	display:inline-block;
	margin-top:70px;
}
.advantage li span{
	display:block;
	width:100%;
	font-size:28px;
	color:#333;
    font-weight:bold;
	margin-top:10px;
}
.advantage li p{
	width:100%;
	font-size:16px;
	color:#666;
	margin-top:20px;
	height:44px;
	line-height:22px;
	overflow:hidden;
}
.advantage li a{
	display:block;
    margin:0 auto;
    width:194px;
    height:44px;
    border:1px solid #666;
    font-size:16px;
    color:#666;
    text-indent:28px;
    text-align:left;
    line-height:44px;
    margin-top:40px;
	background:url(/statics/images/tem/adv_more_icon1.png)no-repeat 110px center;
	transition:0.6s;
}
.advantage li a:hover{
	border:1px solid #ed6d01;
	color:#fff;
    background:#ed6d01 url(/statics/images/tem/adv_more_icon2.png)no-repeat 116px center;
}

/* search */
.search{
	width:100%;
	height:80px;
	background-color:#ed6d01;
}
.search_left{
	width:72%;
	height:100%;
	overflow:hidden;
}
.search_left ul{
	width:100%;
	height:100%;
}
.search_left li{
	float:left;
	font-size:15px;
	color:#fff;
	line-height:80px;
}
.search_left li a{
	margin:0 10px 0 10px;
	color:#fff;
	line-height:80px;
}
.search_left li a:hover{color:#b40901;}
.search_right{
	width:324px;
	height:42px;
	background:#fff;
	margin-top:18px;
}
.search_right input{
	font-size:15px;
	color:#666;
	width:280px;
	height:40px;
	float:left;
	text-indent:12px;
	border:1px solid #fff;
}
.submit{
	width:42px!important;
	border:0px solid #fff!important;
	height:42px!important;
	float:right!important;
	background:url(/statics/images/tem/search_submit.png)no-repeat center;
}
.submit:hover{cursor:pointer;}

/* product */
.product{
	width:100%;
	height:1180px;
	background-color:#f1f1f1;
}
.pro_fl{
	width:288px;
	height:1050px;
	margin-top:40px;
	background:url(/statics/images/tem/pro_fl_bg.png)no-repeat center;
}
.pro_list_title{
	width:100%;
	height:590px;
	margin-top:245px;
}
.tab_header1{
	width:100%;
	height:100%;
}
.tab_header1 li{
	width:100%;
	height:58px;
	float:left;
	border-bottom:1px solid #e0e0e0;
	background:url(/statics/images/tem/pro_fl_list_bg1.png)no-repeat center;
}
.tab_header1 li.cur{
	background:url(/statics/images/tem/pro_fl_list_bg2.png)no-repeat center;
}
.tab_header1 li.cur a{
	color:#fff;
}
.tab_header1 li a{
	display:block;
	width:78%;
	font-size:18px;
	color:#333;
	line-height:58px;
	text-indent:26px;
}
.pro_fr{
	width:886px;
	height:1012px;
	background-color:#fff;
	margin-top:76px;
}
.pro_fr_title{
	width:100%;
	height:64px;
	margin-top:26px;
	overflow:hidden;
}
.pro_fr_title_fl{
	float:left;
	margin-left:28px;
}
.pro_fr_title_fl p{
	font-size:28px;
	color:#333;
}
.pro_fr_title_fl p n{
	color:#005fa7;
}
.pro_fr_title_fl span{
	font-size:14px;
	color:#666;
	display:block;
	margin-top:4px;
	text-transform:capitalize;
}
.pro_fr_title a{
	display:block;
    float:right;
    width:178px;
    height:48px;
    line-height:48px;
    font-size:16px;
    color:#666;
    text-align:center;
    border:1px solid #666;
    border-radius:40px;
    margin:6px 30px 0 0;
}
.pro_fr_title a:hover{
	background-color:#005fa7;
	border:1px solid #005fa7;
	color:#fff;
}
.tab_content1{
	width:94%;
    margin:0 auto;
	height:920px;
	overflow:hidden;
}
.tab_content1 .tab1{
	width:100%;
	height:100%;
	display:none;
}
.tab_content1 .tab_active1{
	display:block;
}
.tab_content1 ul{
	width:100%;
	height:100%;
	overflow:hidden
}
.tab_content1 li{
	width:266px;
	height:276px;
	margin:20px 16px 0 0;
	box-sizing:border-box;
	float:left;
	overflow:hidden;
}
.tab_content1 li:nth-child(3n){margin-right:0;}
.tab_content1 li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.pro_img{
	width:99%;
	height:200px;
	border:1px solid #e1dfdf;
	overflow:hidden;
	position:relative;
}
.pro_img img{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
    transition:0.6s;
}
.tab_content1 li a p{
	width:100%;
	margin-top:20px;
	font-size:16px;
	color:#666;
	background-color:#e0e0e0;
	border-radius:20px;
	height: 40px;
	line-height: 40px;
	text-align:center;
}
.tab_content1 li a:hover .pro_img{border:1px solid #0061e1;}
.tab_content1 li a:hover .pro_img img{transform:scale(1.1);}
.tab_content1 li a:hover p{background-color:#0061e1;color:#fff;}

/* case */
.case{
	width:100%;
	min-width:1200px;
	height:904px;
	margin-top:70px;
	background:url(/statics/images/tem/case_bg.jpg)no-repeat center;
}
.case_title{
	width:100%;
	height:100px;
	text-align:center;
	overflow:hidden;
}
.case_title p{
	width:40px;
	height:4px;
	background-color:#ed6d01;
	margin:0 auto;
}
.case_title b{
	display:inline-block;
	font-size:40px;
	color:#333;
	margin-top:10px;
}
.case_title b n{
	color:#ed6d01;
}
.case_title span{
	display:block;
	margin-top:10px;
	font-size:14px;
	color:#999;
	text-transform:uppercase;
}
.case_list{
	width:98%;
	margin:0 auto;
	height:310px;
	margin-top:40px;
}
.case_list ul{
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-between;
}
.case_list li{
	width:224px;
	height:100%;
	text-align:center;
	background-color:#fff;
	box-shadow:0 1px 10px #888;
}
.case_list li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.case_list li a b{
	display:block;
	width:90%;
	margin:0 auto;
	font-size:22px;
	color:#333;
	margin-top:40px;
}
.case_list li a n{
	display:block;
	width:40px;
	margin:0 auto;
	height:2px;
	background-color:#666;
	margin-top:16px;
}
.case_list li a p{
	width:80%;
	margin:0 auto;
	font-size:14px;
	color:#666;
	margin-top:16px;
	min-height:104px;
	line-height:26px;
	display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/
	-webkit-box-orient: vertical; /*值必须为vertical*/
	-webkit-line-clamp:4; /*值为数字，表示一共显示几行*/
	overflow: hidden;
}
.case_list li a span{
	display:block;
	width:146px;
	height:36px;
	margin:0 auto;
	background-color:#e0e0e0;
	margin-top:20px;
	font-size:16px;
	text-align:center;
	line-height:36px;
	border-radius:20px;
}

.case_list li:hover{background-color:#0061e1;}
.case_list li:hover a b{color:#fff;}
.case_list li:hover a n{background-color:#fff;}
.case_list li:hover a p{color:#fff;}
.case_list li:hover a span{color:#0061e1;background-color:#fff;}
.case_more{
	width:196px;
	height:50px;
	margin:0 auto;
	margin-top:50px;
	background:#fff url(/statics/images/tem/adv_more_icon3.png)no-repeat 115px center; 
	transition:0.6s;
}
.case_more a{
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#ed6d01;
	line-height:50px;
	text-indent:32px;
}
.case_more:hover{background:#ed6d01 url(/statics/images/tem/adv_more_icon2.png)no-repeat 120px center; }
.case_more:hover a{color:#fff;}
.case_font{
	width:760px;
	height:146px;
	margin-top:170px;
	color:#fff;
}
.case_font b{
	display:block;
	font-size:30px;
}
.case_font p{
	font-size:14px;
	line-height:20px;
	display:-webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/
	-webkit-box-orient:vertical; /*值必须为vertical*/
	-webkit-line-clamp:2; /*值为数字，表示一共显示几行*/
	overflow:hidden;
	margin-top:10px;
}
.case_font a{
	display:block;
	height:34px;
	margin-top:20px;
	font-size:30px;
	font-weight:bold;
	text-indent:176px;
	color:#fff;
	background:url(/statics/images/tem/case_phone.png)no-repeat left center;
}

/* partner */
.partner{
	width:100%;
	height:auto;
	display:table;
	margin-top:70px;
}
.partner_list{
	width:100%;
	height:320px;
	margin-top:40px;
}
.partner_list ul{
	width:100%;
	height:100%;
	overflow:hidden;
}
.partner_list li{
	float:left;
	width:230px;
	height:98px;
	border:1px solid #d1d1d1;
	margin:0 8px 8px 0;
}
.partner_list li:nth-child(5n){margin-right:0;}
.partner_list li a{
	widows:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:relative;
}
.partner_list li a img{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
    transition:0.8s;
}
.partner_list li:hover{border:1px solid #0061e1;}
.partner_list li:hover a img{
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);/* IE 9 */
	-moz-transform:rotateY(360deg); /* Firefox */
	-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
	-o-transform:rotateY(360deg); /* Opera */
}
.partner_more{
	width:196px;
	height:50px;
	margin:0 auto;
	margin-top:50px;
	background:#ed6d01 url(/statics/images/tem/adv_more_icon2.png)no-repeat 115px center; 
	transition:0.6s;
}
.partner_more a{
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-indent:32px;
}
.partner_more:hover{
	background:#0061e1 url(/statics/images/tem/adv_more_icon2.png)no-repeat 115px center; 
}

/* about */
.about{
	width:100%;
	min-width:1200px;
	height:698px;
	background:url(/statics/images/tem/about_bg.jpg)no-repeat center;
	background-size:cover;
	margin-top:70px;
}
.about_fl{
	width:600px;
	height:590px;
	margin-top:108px;
	background-color:#fff;
}
.about_fl a{
	width:82%;
	height:100%;
	display:block;
	text-align:center;
	margin:0 auto;
}
.about_img,.about_img img{
	width:100%;
	margin-top:40px;
}
.about_fl a p{
	font-size:28px;
	color:#333;
	margin-top:20px;
}
.about_fl a p b{
	font-size:30px;
	color:#ed6d01;
}
.about_fl a span{
	display:block;
	font-size:14px;
	color:#666;
	margin-top:6px;
}
.about_fr{
	width:490px;
	height:450px;
	margin-top:108px;
	color:#fff;
}
.about_fr b{
	display:block;
	font-size:28px;
	font-weight:normal;
}
.about_fr span{
	display:block;
	width:60px;
	height:4px;
	background-color:#fff;
	margin-top:26px;
}
.about_fr p{
	width:98%;
	font-size:14px;
	line-height:24px;
	display:-webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/
	-webkit-box-orient:vertical; /*值必须为vertical*/
	-webkit-line-clamp:6; /*值为数字，表示一共显示几行*/
	overflow:hidden;
	margin-top:60px;
	text-align:justify;
}
.about_fr img{
	width:100px;
	height:100px;
	margin-top:80px;
}
.about_fr a{
    float:right;
	display:inline-block;
	width:196px;
	height:50px;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-indent:32px;
	margin:104px 160px 0 0;
	background:#ed6d01 url(/statics/images/tem/adv_more_icon2.png)no-repeat 115px center; 
}
.about_fr a:hover{
	color:#ed6d01;
	background:#fff url(/statics/images/tem/adv_more_icon3.png)no-repeat 115px center; 
}

/*honor*/
.honor{
	width:100%;
	height:440px;
	margin-top:60px;
}
.honor_list{
	width:100%;
	height:350px;
}
.image_video_detail{
	max-width:100%;
	height:100%;
	position:relative;
}
#video_detail_list{
	width:100%!important;
	margin:0 auto;
}
#leftarr{
	width:40px;
	height:60px;
	position:absolute;
	left:0;
	top:40%;
	background:url(/statics/images/tem/left.png)no-repeat center;
	background-size:100% 100%;
	z-index:10;
}
#rightarr{
	width:40px;
	height:60px;
	position:absolute;
	right:0;
	top:40%;
	background:url(/statics/images/tem/right.png)no-repeat center;
	background-size:100% 100%;
}
.image_video_detail ul{
	width:100%;
	height:100%;
}
.image_video_detail li{
	float:left;
	width:230px;
	height:350px;
	margin-right:26px;
	overflow:hidden;
	text-align:center;
}
.image_video_detail li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.image_video_detail li a img{
	transition:0.6s;
	width:100%;
	max-height:88%;
}
.image_video_detail li a p{
	font-size:16px;
	color:#333;
	line-height:60px;
	text-align:center;
	width:80%;
	margin:0 auto;
}
.honor_more{
	width:196px;
	height:50px;
	margin:0 auto;
	margin-top:38px;
	background:#ed6d01 url(/statics/images/tem/adv_more_icon2.png)no-repeat 115px center; 
	transition:0.6s;
}
.honor_more a{
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-indent:32px;
}
.honor_more:hover{
	background:#0061e1 url(/statics/images/tem/adv_more_icon2.png)no-repeat 115px center; 
}
.image_video_detail li:hover a img{transform:scale(1.1)}
.image_video_detail li:hover a p{color:#0061e1;font-weight:bold;}

/* news */
.news{
	width:100%;
	height:500px;
	margin-top:70px;
}
.news_bg{
	width:1200px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.tab_header{
	width:100%;
	height:40px;
	border-bottom:1px solid #c8c8c8;
}
.tab_header li{
	width:11%;
	height:40px;
	margin-right:2%;
	float:left;
}
.tab_header li a{
	display:block;
	width:100%;
	font-size:18px;
	color:#333;
	line-height:40px;
	text-align:center;
}
.tab_header li:first-child{
	background:url(/statics/images/tem/news_title_bg.png)no-repeat center;
	background-size:100% 100%;
}
.tab_header li:first-child a{color:#fff;}
.news_more{
	width:68px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:0;
	right:0;
}
.news_more a{
	width:100%;
	height:100%;
	display:block;
	font-size:14px;
	color:#ed6d01;
	text-align:center;
}
.news_more a:hover{color:#0061e1;}
.news_bottom{
	width:100%;
	height:410px;
	margin-top:40px;
}
.tab_content{
	width:100%;
	height:410px;
	overflow:hidden;
}
.tab_content .tab{
	width:100%;
	height:100%;
	display:none;
}
.tab_content .tab_active{
	display:block;
}
.tab_content ul{
	width:100%;
	height:100%;
	overflow:hidden;
}
.news_fl{
	width:770px;
	height:100%;
}
.news_fl li{
	float:left;
	width:370px;
	height:100%;
}
.news_fl li:first-child{margin-right:30px;}
.news_fl li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.news_img{
	width:100%;
	height:232px;
	overflow:hidden;
}
.news_img img{
	width:100%;
	height:100%;
	transition:0.6s;
}
.news_fl li span{
	display:block;
	font-size:18px;
	color:#333;
	margin-top:28px;
}
.news_fl li p{
	width:100%;
	margin-top:20px;
	height:64px;
	font-size:15px;
	color:#666;
	line-height:22px;
	overflow:hidden;
}
.news_fl li n{
	display:block;
	margin-top:20px;
	color:#999;
	font-size:14px;
}
.news_fl li:hover .news_img img{transform:scale(1.1);}
.news_fl li:hover a span{color:#ed6d01;}
.news_fr{
	width:404px;
	height:100%;
	background:url(/statics/images/tem/news_detail_bg.png)no-repeat center;
	background-size:100% 100%;
}
.news_fr li{
	width:90%;
    height:68px;
    border-bottom:1px dashed #dcdcdc;
    margin:0 auto;
}
.news_fr li a{
	display:block;
	line-height:70px;
	font-size:15px;
	color:#666;
}
.news_fr li:hover a{color:#ed6d01;}

/*link*/
.link{
	width:100%;
	margin:60px 0 0 0;
	display:inline-block;
}
.link li{
	float:left;
}
.link li p{
	font-size:16px;
	color:#333;
}
.link li a{
	font-size:14px;
	color:#666;
	padding:0 10px 10px 10px;
	display:block;
}
.link li a:hover{color:#005fa7;}