@charset "utf-8";
body{ width:100%; height:100%; font-family:"微软雅黑",Arial;}
header,section{	width:100%;}
table{ border-collapse:collapse;}
a:focus{ outline:none;}
*{ padding:0; margin:0;
	transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;}
ul li{ list-style:none;}
a{ text-decoration:none;}
a:hover,a:foucs{ text-decoration:none;}
html{ font-size:62.5%; /* 10÷16=62.5% */}
body{ font-size:12px; font-size:1.2rem ; /* 12÷10=1.2 */ position:relative; height:100%;}
p{ font-size:14px; font-size:1.4rem;}
.cor_blue{ color:#004894;}
.fl{float:left}
.fr{float:right}
html, body {
	position: relative;
	height: 100%;
	min-width:320px;
}
.main3_list
{	transition: all 0s ease 0s;
    -webkit-transform: all 0s ease 0s;
}

header{ background:rgba(37,144,207,0.8); position:fixed; height:85px; color:#FFFFFF; z-index:999;}
header .logo{ float:left; width:25%; padding-top:14px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header nav.menu{ float:right; position:static; padding-top:28px; height:32px;	text-align:center;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header nav.menu > ul > li{ margin:0 8px; font-size:16px; line-height:32px;  height:32px; width:auto; opacity:1; background:none; border-radius:0;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header nav.menu > ul > li > a{ color:#FFFFFF; cursor:pointer; display:block; padding:0 15px; border:1px solid rgba(37,144,207,0); border-radius:16px;}
header nav.menu > ul > li > a:hover, header nav.menu > ul > li.active > a,header nav.menu > ul > li > a:focus{ border:1px solid #FFFFFF; text-decoration:none;}
header nav.menu > ul > li > a:hover, header nav.menu > ul > li.swiper-pagination-bullet-active > a,header nav.menu > ul > li > a:focus{ border:1px solid #FFFFFF; text-decoration:none;}

.menu_back{ display:none;}
.menu_back > li{ margin:0 8px; font-size:16px; line-height:32px;  height:32px; width:auto; opacity:1; background:none; border-radius:0; float:left;}
.menu_back > li > a{ color:#FFFFFF; cursor:pointer; display:block; padding:0 15px; border:1px solid rgba(37,144,207,0); border-radius:16px;}
.menu_back > li > a:hover, header nav.menu > ul > li.active > a,header nav.menu > ul > li > a:focus{ border:1px solid #FFFFFF; text-decoration:none;}



.sub_nav{ position:fixed; text-align:center; height:50px; line-height:50px; background:#ffffff; width:100%; left:0; box-shadow: inset 0px 2px 4px #e5e2e2; display:none;}
.sub_nav li{ line-height:50px; display:inline-block; padding:0 10px;}
.sub_nav li a{ font-size:1.4rem; color:#555555; background:url(/skin/img/sub_navbg.jpg) left center no-repeat; padding-left:10px;}
.sub_nav li a:hover{ text-decoration:none; color:#2162a6; font-weight:bold;}
.nav_btn{ display:none;}
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	overflow:hidden;
	/* Center slide text vertically */	
}

.banner .swiper-wrapper .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-background-size:cover;}
.banner .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:100%;}
.banner .swiper-pagination-bullet{ width:2.969%; height:7px; background:rgba(255,255,255,0.8); border-radius:0;}
.banner .swiper-pagination-bullet-active{ width:2.969%; background:rgba(255,153,0,1);}

.bannerx .swiper-wrapper .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-background-size:cover;}
.bannerx .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:100%;}
.bannerx .swiper-pagination-bullet{ width:2.969%; height:7px; background:rgba(255,255,255,0.8); border-radius:0;}
.bannerx .swiper-pagination-bullet-active{ width:2.969%; background:rgba(255,153,0,1);}

.index > .swiper-wrapper > .swiper-slide.main1, .swiper-slide.main2,.index > .swiper-wrapper > .swiper-slide.main3,.index > .swiper-wrapper > .swiper-slide.main4,.swiper-slide.main5,.swiper-slide.main6,.swiper-slide.main7{
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
.main_tit{ text-align:center;}
.main_tit img{ margin:0 auto;}
.main_tit h2{ font-size:30px; color:#074994; margin:5px 0 10px;}
.main_line{ width:24px; height:4px; background:#ff9900; font-size:0; margin:0 auto;}


.main2,.main3,.main4,.main5,.main6{ background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-background-size:cover;}
.main2{ background-position:center bottom; background-image:url(/skin/img/main2bg.jpg);}
.main2_top{ font-size:16rem; color:#444444; padding:20px 80px; line-height:32px;}
.main2_top p{ font-size:1.6rem;}
.main2_bot{ margin:0 80px; padding:20px 0; position:relative;}
.main2_ltp,.main2_rtp,.main2_lbt,.main2_rbt{ width:19px; height:19px; display:block; position:absolute;}
.main2_ltp{ left:-20px; top:0; border-left:5px solid #ff9900; border-top:5px solid #ff9900;}
.main2_rtp{ right:-20px; top:0; border-right:5px solid #ff9900; border-top:5px solid #ff9900;}
.main2_lbt{ left:-20px; bottom:0; border-left:5px solid #ff9900; border-bottom:5px solid #ff9900;}
.main2_rbt{ right:-20px; bottom:0; border-right:5px solid #ff9900; border-bottom:5px solid #ff9900;}

.main2_list li:first-child{ padding-bottom:30px;}
.main2_list li a{ display:block;}
.main2_img{ width:36.635%; position:relative;}
.main2_img img{ border:2px solid #FFFFFF;}
.main2_hover{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.main2_yuan{ display:inline-block; width:62px; height:62px; position:relative; top:50%; margin-top:-31px; background:rgba(255,153,0,0.85); border-radius:50%;}
.main2_yuan span{ background:#FFFFFF; display:inline-block; position:absolute; left:50%; top:50%;}
.heng_line{ width:32px; height:3px; margin-left:-16px; margin-top:-1px;}
.shu_line{ width:3px; height:32px; margin-left:-1px; margin-top:-16px;}
.main2_text{ width:61.923%; font-size:1.4rem; color:#444444; line-height:24px;}
.main2_text h3{ font-size:18px; color:#064893; margin:0; padding-bottom:5px;}

.main2_list{ margin:0;}
.main2_list li a:hover{ text-decoration:none;}
.main2_list li a:hover .main2_hover{ background:rgba(255,153,0,0.75);}
.main2_list li a:hover .main2_yuan{ background:rgba(255,255,255,0.85);}
.main2_list li a:hover .main2_yuan span{ background:#dd9803;}
.main2_more{ padding-top:20px;}
.main2_more a{ background:#ff9900; width:121px; height:35px; line-height:35px; box-shadow:0 2px 0px #ff9900; font-size:1.4rem; padding:0; margin:0; border:none; color:#FFFFFF; border-radius:0;}
.main2_more a:hover{ box-shadow:0 2px 0 #da8300; background:#ff9900; color:#FFFFFF; border-radius:2px;}


.main3{ background-image:url(/skin/img/main3bg.jpg); padding-top:40px;}
.main3 .main_tit h2{ color:#FFFFFF;}
.main3_list{ padding:20px 80px 0;}
.main3_list .item{ text-align:center; padding:20px 30px 10px; position:relative; overflow:hidden;}
.main3_list .item a{ display:block;}
.main3_hover{ position:absolute; left:-100%; top:0; width:100%; height:100%; background:#ff9900; z-index:-1;}
.main3_list .main3_img img{ margin:0 auto; width:auto; max-width:100%;}
.main3_titenglist,.main3_tit{ font-size:16px; color:#ffffff;}
.main3_titenglist{ padding-top:10px; display:block;}
.main3_tit{ padding-bottom:30px; margin:0;}
.main3_more{ border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; line-height:44px; position:relative; bottom:-100%; opacity:0; transition: all 0.4s ease 0.1s; -webkit-transform: all 0.4s ease 0.1s; text-align:center;}
.main3_more span{ color:#FFFFFF; padding-right:5px;}
.main3_list .owl-item .main3_more img{ width:auto; vertical-align:middle; display:inline;}
.main3_list .item a:hover .main3_img img{
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
transition: all 0.6s ease 0.4s;
-webkit-transform: all 0.6s ease 0.4s; }
.main3_list .item a:hover{ text-decoration:none;}
.main3_list .item a:hover .main3_hover{ left:0;}
.main3_list .item a:hover .main3_more{ bottom:0; opacity:1;}
.main3_list .owl-controls .owl-nav .owl-prev,.main3_list .owl-controls .owl-nav .owl-next{ position:absolute; top:50%; margin-top:-30px; width:53px; height:53px; border-radius:50%;  text-indent:-999px;}
.main3_list .owl-controls .owl-nav .owl-prev{ left:0; background:url(/skin/img/main3_btnbg.png) -53px 0 no-repeat;}
.main3_list .owl-controls .owl-nav .owl-next{ right:0; background:url(/skin/img/main3_btnbg.png) -106px 0 no-repeat;}
.main3_list .owl-controls .owl-nav .owl-prev:hover{ background:url(/skin/img/main3_btnbg.png) 0 0 no-repeat;}
.main3_list .owl-controls .owl-nav .owl-next:hover{ background:url(/skin/img/main3_btnbg.png) -159px 0 no-repeat;}

.main4{ background-image:url(/skin/img/main4bg.jpg);}
.main4 .main2_more{ margin-top:20px; display:none;}
.main4_wrap{ margin-top:40px;}
.main4_list{ padding-right:34%; position:relative; margin-bottom:20px;}
.main4_img{ position:absolute; top:0; right:0; width:34%; height:100%; background-size:cover;}
.main4_img:hover{}
.main4_tit{ position:absolute; bottom:0; right:0; background:rgba(37,144,207,0.75); font-size:26px;}
.main4_tit a{ display:block; padding:30px 80px; color:#FFFFFF;}
.main4_tit a:hover{ text-decoration:none;}
.main4_listcon a.media{ display:block; background:#FFFFFF; padding:20px 0;}

.main4_listcon a.media .media-left{ font-family:Arial; padding:0 15px; width:16%;}
.main4_listcon a.media .media-left p{ color:#ff9900; font-size:30px; margin:0; line-height:28px;}
.main4_listcon a.media .media-left span{ color:#333333; font-size:14px;}

.main4_listcon a.media .media-body h4{ font-size:16px; color:#002855; margin:0; margin-bottom:5px;}
.main4_listcon a.media .media-body h4 sup{ color:#002855;}
.main4_listcon a.media .media-body{ font-size:1.4rem; color:#666666;}
.main4_listcon a.media .media-body p{ margin:0;}

.main4_listcon a.media .media-right .main2_yuan{ width:46px; height:46px; margin:0 20px; top:auto; margin-top:0; background:rgba(255,255,255,0.85);}
.main4_listcon a.media .media-right .main2_yuan span{ background:#fe9d16; opacity:0;}
.main4_listcon a.media .media-right .main2_yuan span.shu_line{ width:2px; height:24px; margin-top:-12px;}
.main4_listcon a.media .media-right .main2_yuan span.heng_line{ width:24px; height:2px; margin-left:-12px;}

.main4_listcon a.media:hover{ text-decoration:none; background:#fe9d16;}
.main4_listcon a.media:hover .media-left p,.main4_listcon a.media:hover .media-left span,.main4_listcon a.media:hover .media-body h4,.main4_listcon a.media:hover .media-body h4 sup,.main4_listcon a.media:hover .media-body{ color:#FFFFFF;}
.main4_listcon a.media:hover .media-right .main2_yuan span{ opacity:1;}

.main4_list:nth-child(2n){ padding-right:0; padding-left:34%; margin-bottom:0;}
.main4_list:nth-child(2n) .main4_img{ left:0;}
.main4_list:nth-child(2n) .main4_tit{ left:0; right:auto;}

.main5{ background-image:url(/skin/img/main5bg.jpg); padding-top:50px;}
.main5 .main2_more{ padding-top:0;}
.main5_pc{ padding-top:40px;}
.main5_pc .swiper-container .swiper-wrapper{ display:block;}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide{ width:14.25%; height:auto; padding:10px 0; background:none; overflow:hidden; font-size:0; float:left;}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide img{
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);    
filter: grayscale(100%);	
filter: gray alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;*/
display:block; margin:0 auto; max-width:100%;
}
.main5_ltp,.main5_rtp,.main5_lbt,.main5_rbt{ position:absolute; width:16px; height:16px; opacity:0;}
.main5_ltp{ left:50%; top:50%; border-left:3px solid #ff9900; border-top:3px solid #ff9900;}
.main5_rtp{ right:50%; top:50%; border-right:3px solid #ff9900; border-top:3px solid #ff9900;}
.main5_rbt{ right:50%; bottom:50%; border-right:3px solid #ff9900; border-bottom:3px solid #ff9900;}
.main5_lbt{ left:50%; bottom:50%; border-left:3px solid #ff9900; border-bottom:3px solid #ff9900;}


.main5_pc .swiper-container .swiper-wrapper .swiper-slide:hover .main5_ltp{ left:0; top:0; opacity:1;}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide:hover .main5_rtp{ right:0; top:0; opacity:1;}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide:hover .main5_rbt{ right:0; bottom:0; opacity:1;}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide:hover .main5_lbt{ left:0; bottom:0; opacity:1;}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide:hover img.hidden{ display:block !important;
/*-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);    
filter: grayscale(0);	
filter: gray;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;*/
}
.main5_pc .swiper-container .swiper-wrapper .swiper-slide:hover img.show{ display:none !important;}

.main5_phone{ display:none; padding:0 10px; margin:30px 0 20px; position:relative;}
.main5_phone .swiper-container{ padding-bottom:20px;}
.main5_phone .swiper-container .swiper-wrapper{ display:flex;}
.main5_phone .swiper-container .swiper-wrapper .swiper-slide{ background:none;}
.main5_phone .swiper-container .swiper-wrapper .swiper-slide img.show{ display:none !important;}
.main5_phone .swiper-container .swiper-wrapper .swiper-slide img.hidden{ display:block !important; margin:0 auto; max-width:100%;}
.main5_phone .main5_ltp,.main5_phone .main5_rtp,.main5_phone .main5_lbt,.main5_phone .main5_rbt{ opacity:1;}
.main5_phone .main5_ltp{ left:0; top:0;}
.main5_phone .main5_rtp{ right:0; top:0;}
.main5_phone .main5_rbt{ right:0; bottom:0;}
.main5_phone .main5_lbt{ left:0; bottom:0;}

.main5_phone .prev,.main5_phone .next{ position:absolute; bottom:-53px; width:53px; height:53px; border-radius:50%;  text-indent:-999px;}
.main5_phone .prev{ left:50%; margin-left:-60px; background:url(/skin/img/main3_btnbg.png) 0 0 no-repeat;}
.main5_phone .next{ right:50%; margin-right:-60px; background:url(/skin/img/main3_btnbg.png) -159px 0 no-repeat;}
/*.main5_phone .prev:hover{ background:url(/skin/img/main3_btnbg.png) -53px 0 no-repeat;}
.main5_phone .next:hover{ background:url(/skin/img/main3_btnbg.png) -106px 0 no-repeat;}*/


.main6{ background-image:url(/skin/img/main6bg.jpg); padding-top:40px;}
.main6 .main_tit h2{ color:#ffffff;}
.main6_text{ font-size:16px; color:#ffffff; line-height:30px; text-align:left;}
.main6_text p{ text-indent:2em; margin:0;}
.main6_contact{ width:600px; margin:20px auto 0; font-size:1.4rem; color:#d0d0d0;}
.main6_contact p{ margin-bottom:5px;}
.main6_contact p a{ color:#d0d0d0;}
.contact_tel{ font-size:3.4rem; color:#2590cf; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}
.footer{ background:rgba(0,0,0,0.72); color:#d0d0d0; position:absolute; bottom:0; left:0; width:100%; padding:10px 0;}
.footer p{ margin:0;}


/*-------------main_neiye--------------*/
.header{ background:url(/skin/img/headerbg.png) repeat; height:88px; position:absolute; top:0; z-index:99;}
.header .logo{ float:left; padding-top:14px; color:#ffffff;}
.navlist{ float:right; padding-top:28px;}
.navlist li{ float:left; margin:0 8px;}
.navlist li a{ font-size:16px; color:#ffffff; padding:0 15px; display:block; line-height:32px; border:1px solid rgba(37,144,207,0); border-radius:16px;}
.navlist li.active a,.navlist li:hover a{ border:1px solid #ffffff;}

.banner2{ height:300px; width:100%; overflow:hidden; position:relative;}
.banBox2{ height:300px; width:1920px; margin-left:-960px; position:absolute; left:50%; top:0px; }

.mianbao_wrap{ background:#f2f2f2;}
.mianbao{ line-height:50px; height:50px; color:#333333; font-size:14px; background:url(/skin/img/mianbao_bg.png) 0px center no-repeat; padding-left:23px;}
.mianbao a{ color:#333333; font-size:14px;}

.main_h2box{background: #fff }
.main_h2title.nav_fixed{ position:fixed; top:0; left:0; z-index:100;background: #fff }
.main_h2title{ width:100%; padding:30px 0 0px;border-bottom: 1px solid #ccc;background: #fff }

.main_h2list{ text-align:center;}
.main_h2list li{ display:inline-block; margin:0 5px; *display:inline; zoom:1;margin-bottom: 30px;}
.main_h2list li a{ font-size:14px; color:#333333; background:#dedede; line-height:42px; display:block; padding:0 40px; border-radius:10px; cursor:pointer;}
.main_h2list li a.active,.main_h2list li a:hover{ background:#2590cf; color:#ffffff;}

/*-------------solution--------------*/
.solution_list{ padding-left:50px; padding-top:45px;}
.solution_list li{ float:left; width:532px; padding-right:34px; padding-bottom:31px;}
.solution_list li a{ display:block; background:url(/skin/img/solution_listbg.png) #f2f2f2 445px center no-repeat; padding:15px 0 15px 15px; transition: all 0s ease 0s;
    -webkit-transform: all 0s ease 0s;}
.solution_img{ float:left; width:103px; height:103px; position:relative;}
.solution_imgshadow{ position:absolute; left:0; top:0; width:103px; height:103px; background:url(/skin/img/solution_imgbg.png) center center no-repeat;}
.solution_text{ float:left; padding-left:15px;}
.solution_text h3{ font-size:18px; color:#2590cf; line-height:103px; transition: all 0s ease 0s;
    -webkit-transform: all 0s ease 0s;}
.solution_list li a:hover{ background:url(/skin/img/solution_listbga.png) #2590cf 445px center no-repeat;}
.solution_list li a:hover .solution_imgshadow{ background-image:url(/skin/img/solution_imgbga.png);}
.solution_list li a:hover .solution_text h3{ color:#ffffff;}

/*-------------main_footer--------------*/
.main_footer{ background:url(/skin/img/main_footerbg.jpg) no-repeat; height:197px;}
.footer_left{ float:left; padding-top:42px;}
.footer_left img{ float:left;}
.footer_left .footer_text{ float:left; padding-left:10px;}
.footer_text p{ font-size:14px; color:#ffffff; line-height:160%;}
.footer_right{ float:right; padding-top:80px;}
.footer_right img{ float:left; padding-top:5px;}
.footer_tel{ float:left; padding-left:10px;}
.footer_tel h3{ font-size:18px; color:#94d7ff;}
.footer_tel p{ font-size:26px; color:#ffffff; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}
.main_footerbot{ background:#0e6ba2; color:#a1bbd2; font-size:14px; text-align:center;}
.main_footerbot p,.main_footerbot p a{ color:#a1bbd2; line-height:40px;}

/*-------------solution_detail--------------*/
.solution_h2{ font-size:20px; color:#2590cf; background:url(/skin/img/solution_h2bg.jpg) 1px center no-repeat; padding:30px 0 30px 20px;}

.solution_con{ padding-left:50px; padding-bottom:45px;}
.solution_con .solution_left{ float:left; padding-right:20px; font-size:14px; color:#333333; width:630px; line-height:200%;}
.solution_con .solution_left p{ font-size:14px; color:#333333;}
.solution_grop{ padding-top:10px;}
.solution_grop li{ font-size:14px; color:#666666; background:url(/skin/img/solution_gropbg.png) left 12px no-repeat; padding-left:20px;}
.solution_con .solution_right{ float:left; width:450px; max-width:450px;overflow-x: hidden;}
.solution_con .solution_right img{width: 100%;}

.solution_box2{ background:#f7f7f7;}
.solution_box2 .solution_left{ width:450px; max-width:450px;}
.solution_box2 .solution_right{ padding-right:0; font-size:14px; color:#333333; width:630px; line-height:200%; max-width:630px;}

/*-------------prolist--------------*/
.prolist{ position:relative; padding:54px 45px;}
.picList{ transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.prolist .prev,.prolist .next{ display:block; position:absolute; top:50%; margin-top:-17px;  width:34px; height:34px; overflow:hidden; cursor:pointer;}
.prolist .prev{ background:url(/skin/img/prolist_btn.png) 0 0 no-repeat; left:0;}
.prolist .next{ background:url(/skin/img/prolist_btn.png) -34px 0 no-repeat; right:0;}
.prolist .bd{ padding:0;}
.prolist .bd ul{ overflow:hidden; zoom:1; list-style:none;}
.prolist .bd ul li{ float:left; text-align:center; _display:inline; overflow:hidden; background:#f4f4f4; position:relative;height: 368px;}
.prolist .bd ul li a{ display:block; cursor:pointer;}
.prolist .bd ul li .pic{ text-align:center; width:222px; height:184px; }
.prolist .bd ul li .pic img{ width:222px; height:184px; display:block;}
.prolist .bd ul li .title{ line-height:24px; text-align:left; padding-top:45px; padding-left:28px; height:139px; color:#333333;width: 200px;}
.prolist .bd ul li .title h3{ font-size:18px;}
.prolist .bd ul li .title p{ font-size:18px; padding-bottom:25px;word-wrap:break-word;}
.prolist .bd ul li a:hover .title h3,.prolist .bd ul li a:hover .title p{ color:#003333;}
.prolist .bd ul li a:hover .title1 h3,.prolist .bd ul li a:hover .title1 p{ color:#FE9900;}
.prolist .bd ul li a:hover .title2 h3,.prolist .bd ul li a:hover .title2 p{ color:#268FD0;}
.prolist .li2 .pic{position: absolute;bottom: 0px;}

/*-------------product--------------*/
.product_box1 .solution_left p{ color:#666666;}

.product_box2{ padding:0 50px; }
.product_box2 .hd{ height:45px; line-height:42px; background:#ffffff; border:1px solid #d0d0d0;  position:relative; }
.product_box2 .hd ul{ float:left;}
.product_box2 .hd ul li{ float:left; width:auto; padding:0 19px; text-align:center; font-size:14px; cursor:pointer; position:relative; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s; color:#666666;}
.product_box2 .hd ul li.on{ border-bottom:3px solid #2590cf;}
.product_box2 .hd ul li.on .pro_jiantou{ display:block;}
.pro_jiantou{ background:url(/skin/img/pro_jiantou.png) no-repeat; width:13px; height:5px; position:absolute; left:50%; margin-left:-6px; bottom:0px; display:none;}
.product .bd{ transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.pro_box2{ padding:28px 0; font-size:14px; color:#666666; line-height:200%;}
.pro_box2 p{ color:#666666;}
.pro_box2 img{ margin:15px auto;}

.product_box3{ padding:10px 50px 30px;}
.product_box3list{ float:left; width:245px;}
.product_box3list li{ background:url(/skin/img/pro_box3bg.png) left center no-repeat; line-height:36px; font-size:14px; color:#666666;}
.product_box3list li span{ width:22px; float:left; text-align:center; padding-right:14px; font-size:14px; color:#FFFFFF; font-family:Arial;}

/*-------------artlist--------------*/
.artlist{ padding-bottom:30px;}
.artlist_box{ padding-top:26px; min-height:500px;}
.artlist_box li{ padding-bottom:26px; margin-bottom:26px; border-bottom:1px dotted #dddddd; overflow:hidden;}
.artlist_box li a{ display:block; overflow:hidden; cursor:pointer;}
.artlist_img{ float:left; width:249px; height:145px; position:relative; overflow:hidden;}
.artlist_img img{ border:4px solid #f3f3f3;}
.artlist_shadowbg{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/skin/img/artlist_shadowbg.png) repeat; opacity:0; filter:alpha(opacity=0);}
.artlist_shadowimg{ position:absolute; width:52px; height:52px; left:50%; margin-left:-26px; top:-50%; margin-top:-26px; background:url(/skin/img/artlist_shadowimg.png) repeat;}
.artlist_text{ float:left; padding-left:16px; padding-right:40px; width:800px; font-size:14px; color:#666666;}
.artlist_text h3{ font-size:16px; color:#2590cf; line-height:50px;}
.artlist_text p{ color:#666666; line-height:200%;}
.artlist_time{ float:right; width:94px; text-align:center; padding-top:30px;}
.artlist_time p{ height:41px; line-height:40px; color:#FFFFFF; background:#ff9900; font-family:Arial; font-size:16px;}
.artlist_time span{ display:block; height:40px; line-height:40px; color:#999999; background:#f3f3f3; font-family:Arial; font-size:16px;}

.article{ padding:0 115px 20px 80px; min-height:600px; font-size:14px; color:#666666; line-height:200%;}
.article_h1{ text-align:center; padding:25px 0; color:#2590cf; font-size:24px;}
.article_h1 sup{ color:#2590cf;}
.article p{ font-size:14px; color:#666666; line-height:200%; text-indent:2em;}
.article img{ margin:20px auto;}
.shangxia{ position:relative;}
.shangxia li{ font-size:14px; color:#333333; line-height:32px;}
.shangxia li a{ font-size:14px; color:#295694;}
.return_btn{ position:absolute; right:0; top:50%; margin-top:-15px; width:32px; height:30px; display:block; background:url(/skin/img/article_return.png) center center no-repeat;}


.honour{ padding-top:43px; min-height:500px;}
.honour li{ float:left; width:227px; height:166px; padding-right:16px; padding-bottom:29px; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.honour li a{ display:block; position:relative; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.honour_img{ border:1px solid #e5e5e5; width:225px; height:164px; overflow:hidden;}
.honour_img img{ transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s; position:relative; max-width:225px; max-height:164px;}
.honour_shadow{ position:absolute; left:0; top:0; background:url(/skin/img/honour_shadowbg.png) repeat; width:100%; height:100%; text-align:center; display:none; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.honour_shadow span{ width:227px; height:164px; line-height:164px; font-size:16px; color:#ffffff; text-align:center; display:table-cell; vertical-align: middle; overflow:hidden;}



.onepage{ padding:45px 0 60px;}
.onepage_left{ float:left; width:700px; font-size:14px; color:#333333; line-height:36px;}
.onepage_left p{ font-size:14px; color:#333333; line-height:36px; text-indent:2em;}
.onepage_right{ float:right; width:459px; max-width:459px;}

.develop{ position:relative;}
.develop_top,.develop_bot{ position:absolute; left:598px; top:0; width:2px; height:34px; background:#ffffff;}
.develop_bot{ bottom:0; top:auto;}
.develop_list{ background:url(/skin/img/develop_list.jpg) 599px 15px repeat-y;}
.develop_list li{ background:url(/skin/img/develop_ico.png) 588px center no-repeat; margin-bottom:30px; min-height:90px;}
.develop_left{ float:left; width:568px; text-align:right; padding-right:20px; min-height:90px;}
.develop_left img{ transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.develop_left h3{ font-size:26px; color:#999999; font-family:Arial; line-height:200%;}
.develop_left p{ font-size:16px; color:#333333;}
.develop_right{ float:left; width:572px; padding-left:40px;}
.develop_right img{ transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.develop_right h3{ font-size:26px; color:#999999; font-family:Arial; line-height:200%;}
.develop_right p{ font-size:16px; color:#333333;}

.rongyu{ padding-top:43px; min-height:500px;}
.rongyu li{ float:left; width:277px; height:194px; padding-right:16px; padding-bottom:29px; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.rongyu li a{ display:block; position:relative; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.rongyu .honour_img{ width:275px; height:192px;}
.rongyu .honour_img img{ border:1px solid #e5e5e5; max-width:277px; max-height:194px;}
.rongyu .honour_shadow{ position:absolute; left:0; top:0; background:url(/skin/img/honour_shadowbg.png) repeat; width:100%; height:100%; display:none; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.rongyu .honour_shadow span{ width:277px; height:194px; font-size:16px; color:#ffffff; text-align:center; display:table-cell; vertical-align: middle; overflow:hidden;}

.zeren p{ font-size:14px; color:#333333; line-height:32px; text-indent:2em;}
.zeren_list{ padding-top:20px;}
.zeren_list li{ padding-top:30px;}
.zeren_list li img{ float:left; width:313px; max-width:313px; padding-right:31px;}
.zeren_rig{ float:left; width:856px;}
.zeren_rig h3{ border-bottom:1px solid #cbcbcb; font-size:16px; color:#2590cf; padding:5px 0 7px; margin-bottom:10px;}
.zeren_rig p{ background:url(/skin/img/zeren_rigbg.png) left 15px no-repeat; padding-left:15px; font-size:14px; color:#666666; line-height:35px;}


.job li{ padding-bottom:10px;}
.job li a{ display:block; font-size:16px; color:#ff9900; background:url(/skin/img/job_libg.png) 1170px center #f1f1f1 no-repeat; line-height:42px; height:42px; padding-left:10px;}
.job_text{ padding:15px; display:none; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.job_text p{ font-size:14px; color:#666666; line-height:30px;}
.job_text p.cor_blue{ color:#2590cf;}
.job_bot{ background:#fbf6e8; border:1px solid #eee5cd; padding:15px; margin-top:15px;}
.job_bot p{ font-size:14px; color:#666666; line-height:30px;}
.job li.active a{ background-image:url(/skin/img/job_libga.png);}

.contact_top{ border-bottom:1px solid #e1e1e1; padding-bottom:30px;}
.contact_top li{ float:left; width:375px; padding-right:37px; transition: all 0s ease 0s; -webkit-transform: all 0s ease 0s;}
.contact_top li h3{ border-bottom:1px solid #e1e1e1;}
.contact_top li h3 span{ border-bottom:1px solid #2590cf; font-size:16px; color:#ff9900; line-height:30px; display:inline-block; margin-bottom:-1px; *display:inline; zoom:1;}
.contact_top li p{ font-size:14px; color:#333333; line-height:30px;}

.contact_bot{ padding-top:44px;}
.message{ float:left; width:588px;}
.message_list li{ width:100%; background:#f4f4f4; margin-bottom:23px;}
.message_list li input{ width:543px; border:none; background:url(/skin/img/message_ico1.png) 10px center no-repeat; padding:5px 5px 5px 40px; font-size:14px; color:#666666; line-height:32px; height:32px;}
.message_list li.message_tel input{ background-image:url(/skin/img/message_ico2.png);}
.message_list li.message_text textarea{ background:url(/skin/img/message_ico3.png) 10px 14px no-repeat; width:543px; border:none; font-size:14px; color:#666666; line-height:32px; padding:5px 5px 5px 40px; height:96px;}
.message_list li.message_btn{ background:#2590cf; color:#FFFFFF; padding:0; text-align:center;}
.message_list li.message_btn input{ color:#FFFFFF; padding:5px 0; text-align:center; background:none; height:auto;}
.map{ float:right; width:589px;}

/*-------------online---------------*/
.online{ position:fixed; right:0; top:50%; margin-top:-126px;width: 50px; z-index:3;}
.online ul.icons{ position:absolute; list-style:none; right:0px; padding:0px; width:53px; border-right:none; background:url(/skin/img/onlinebg.png) repeat;
 -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px;	border-radius:10px 0 0 10px;}
.online.close ul.icons{	right:-70px}
.online ul.icons li{ text-align:center; padding:5px 0;}
.online ul.icons li i{	display:block; position:relative; width:53px; height:39px; cursor:pointer; z-index:210;}
/*.online ul.icons li.active{ background:url(/skin/img/onlinebg.png) repeat;}
.online ul.icons li.active i{	-moz-opacity:0.8;	opacity:0.8;}*/
.online ul.icons li.tel i{ background:url(/skin/img/online_tel.png) center center no-repeat;}
.online ul.icons li.wechat i{ background:url(/skin/img/online_wx.png) center center no-repeat;}
.online ul.icons li.up i{ background:url(/skin/img/online_upbg.png) center center no-repeat;}
.online ul.icons li.down i{ background:url(/skin/img/online_downbg.png) center center no-repeat;}
.online ul.icons li p{	display:block;	position:absolute; top:0px; right:-150px; padding:10px; height:97px; color:#FFFFFF;	line-height:30px; background:url(/skin/img/onlinebg.png) repeat;	-moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; overflow:hidden; z-index:201}
.online ul.icons li p span{ display:block; padding-bottom:10px; color:#FFFFFF;}
.online ul.icons li.xinxi p{ width:97px;}
.online ul.icons li.xinxi p a{ display:block; width:88px; height:30px; margin:0 auto 10px;	line-height:30px; color:#006fa5; font-size:14px; text-align:center;	text-decoration:none;	border:1px solid #006fa5;	-moz-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;}
.online ul.icons li.xinxi p a:hover{ color:White; background:#006fa5; border:1px solid #006fa5}
.online ul.icons li.wechat p{	width:110px; height:auto; margin-top:60px;}
.online ul.icons li.wechat p img{ display:block; margin:0 auto; max-width:100%; height:auto;}
.online ul.icons li.tel p{	width:120px; margin-top:60px; font-size:12px; padding:20px 10px; height:auto;}
.online ul.icons li.tel p span{ font-size:14px;}

@media (min-width:1200px){	
	.container{ width:1200px;}
}
@media (max-width:1370px) and ( max-height:700px){
		
	.main2_top{ display:none;}
	.main2_img{ width:26.635%;}
	.main2_text{ width:71.923%;}
}	
@media (min-width:1151px) and ( max-height:700px){	
}	

@media (max-width:1200px) and ( min-width:992px){
	header nav.menu > ul > li{ margin:0 5px;}
	header nav.menu > ul > li > a{ padding:0 10px;}
	
	.main2_top{ padding:10px 20px;}
	.main2_bot{ margin:0 20px;}
}
@media (min-width:1024px) and ( max-height:768px){
	.main4_wrap{ margin-top:20px;}
	.main4_listcon a.media{ padding:15px 0;}
	.main5_pc{ padding-top:20px;}
	.main5_pc .swiper-container .swiper-wrapper .swiper-slide{ padding:0;}
}
@media (max-width:991px) and ( min-width:767px){
	.main5_pc .swiper-container .swiper-wrapper .swiper-slide{ width:20%;}
	.main5_pc .swiper-container .swiper-wrapper .swiper-slide:last-child{ display:none;}
}
@media (max-width:991px){
	header{ height:auto;}
	header .logo{ padding:14px 0; width:25%;}
	header nav.menu .line{ opacity:0;}
	header .container {width:100%;}
	.nav_btn{ display:block;}
	header nav.menu{ float:right; position:absolute; right:-120px; padding-top:10px; line-height:30px; width:120px; background:rgba(37, 144, 207, 0.8); height:auto; margin:0; border-top:1px solid #ffffff;}
	header nav.menu > ul{ margin-left:0;}
	header nav.menu > ul > li{ line-height:32px; display:block; margin:0; margin-bottom:5px;}
	header nav.menu > ul > li > a{ font-size:14px; color:#fff;}
	.sub_nav{ background:none; position:relative; height:auto; line-height:22px; box-shadow:none;}
	.sub_nav li{ line-height:22px; display:block; text-align:left;}
	.sub_nav li a{ font-size:12px; display:block;}
	.nav_btn{ position:absolute; right:20px; top:50%; margin-top:-14px; color:#FFFFFF; font-size:20px; cursor:pointer;}
	
	.main2_top{ padding:0 20px;}
	.main2_bot{ margin:0px; margin-top:20px; padding:20px;}
	.main2_img{ display:none;}
	.main2_text{ width:100%; float:none !important;}
	.main2_ltp,.main2_lbt{ left:0;}
	.main2_rtp,.main2_rbt{ right:0;}
	.main2_list li:first-child{ padding-bottom:15px;}
	
	.main3_list .item{ padding:20px 5px;}
	.main3_tit{ padding-bottom:0;}
	.main3_more{ display:none;}
	
	.main4_list,.main4_list:nth-child(2n){ padding-right:0; padding-left:0;}
	.main4_img,.main4_tit{ display:none;}
}	

@media (max-width:767px){
	.container{ width:100%;}
	header .logo{ width:60%;}
	.main_tit img{ display:block; margin:0 auto; width:40%;}
	.main_tit h2{ font-size:2.4rem;}
	.main2_top{ display:none;}
	.main2_img{ float:none !important; display:block; width:100%; overflow:hidden;}
	.main2_img img{ width:100%;}
	.main2_text{ text-align:left;}
	.main2_text h3{ font-size:1.4rem; padding-top:10px;}
	.main2_text p{ display:none;}
	.main2_more{ padding-top:0px;}
	
	.main4{ padding-top:30px;}	
	.main4 .main2_more{ display:block;}
	.main4 .main_tit img{ width:15%;}
	.main4_wrap{ margin-top:10px;}
	.main4_list{ margin-bottom:10px;}
	.main4_listcon a.media{ padding:10px 20px;}
	.main4_listcon a.media .media-left{ padding-right:15px; padding-left:0;}
	.main4_listcon a.media .media-left p{ font-size:18px; white-space:nowrap;}
	.main4_listcon a.media .media-right{ display:none;}
	.main4_list .main4_listcon:nth-child(2n){ display:none;}
	
	.main5_pc{ display:none;}
	.main5_phone{ display:block;}
	
	.main6 .main2_bot{ display:none;}
	.main6_contact{ width:100%; margin-top:20px;}
	.main6_contact .main6_wx{ float:none !important;}
	.main6_contact .main6_wx img{ margin:0 auto; width:40%;}
	.main6_contact .main6_con{ float:none !important; margin-left:10%;}
}

@media (max-width:460px){
	}
@media (max-width:760px) and ( max-height:420px){
	.main_tit img{ width:30%;}
	.main2_top{ display:none;}
	.main2_bot{ padding:0 10px; margin-top:5px;}
	.main2_list li:first-child{ padding-bottom:0px;}
	.main2_img{ display:none;}
	.main2_text{ text-align:left;}
	.main2_text h3{ font-size:1.4rem;}
	.main2_text p{ display:none;}
	
	
	
}
@media (max-width:360px){
	.main2_bot{ margin-top:0; padding:10px;}
	.main2_list li:first-child{ padding-bottom:5px;}
	.main2_more a{ width:100px; height:20px; line-height:20px;}
	
}
	
@media all and (orientation : landscape){
	.banner{ display:block;}
	.bannerx{ display:none;}
}
@media all and (orientation : portrait){ 
	.banner{ display:none;}
	.bannerx{ display:block;}
}