@charset "utf-8";
body{margin:0;padding:0;}
@font-face {
	font-family: Poppins-Regular;
	src: url(../fonts/Poppins-Regular.woff2)
}
@font-face {
	font-display: swap;
	font-family: bebas;
	font-style: normal;
	src: url(../fonts/bebas.woff2) format("woff2"), url(../fonts/bebas.woff) format("woff")
}
input, button, select, textarea {
    outline: none;
    font-family: Poppins-Regular;
    font-family: Poppins-Regular;
}
@font-face {
	font-display: swap;
	font-family: "Impact";
	font-style: normal;
	src: url(../fonts/Impact Label Reversed.ttf) format("ttf"), url(../fonts/Impact Label.ttf) format("ttf")
}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:Poppins-Regular;  min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #234ea3;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none; }


.clear {
    clear: both;
    height: 0;
}
.clear, .cl {
    clear: both;
    height: 0px;
    overflow: hidden;
}
.clear {
    clear: both;
}
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
}
.w1300,.w1400{ width:1400px; margin:0 auto; min-width:1400px;}
.p1400{ width:1400px; margin:0 auto; min-width:1400px; overflow:hidden;}
.fr{ float:right;}
.fl{ float: left;}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;font-family:宋体;}
#topbar .w span a{font-family:arial;}
#topbar .w{color:#999;}

#tophead{height:80px;padding:15px 0;}
#tophead .logo{background:url(../images/logo.gif) no-repeat center;width:400px;height:60px;float:left;margin-top:10px;}
#tophead form{float:right;margin-top:20px;}
#tophead form .input{border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#2194D3;border:1px solid #2194D3;padding:10px 25px;vertical-align:middle;color:#fff;}

#topnav{background:#187EC6;height:50px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#1F92D1;}
#topnav .w ul .hover a{background:#1F92D1;height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#1F92D1;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#banner{height:400px;}
#full-screen-slider { width:100%; height:400px; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:10px; z-index:2000;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px;float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.subject{color:#1F92D1;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject a{float:right;font-size:12px;font-family:宋体;}

.pro_width{width:1012px;height:370px;overflow:hidden;}
.prolist{margin:15px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:240px;margin:0 13px 13px 0;}
.prolist li a{border:1px solid #eee;display:block;padding:15px;}
.prolist li a img{border:1px solid #eee;}
.prolist li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.prolist li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.prolist li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.prolist li a:hover{border:1px solid #ddd;}
.prolist li a:hover .title{color:#1F92D1;}
.prolist li a:hover .more{background:#1F92D1;color:#fff;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:宋体;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

.link{padding:15px;}
.link img{margin:3px 8px 5px 0;}
.link ul{clear:both;margin:0;padding:0;list-style:none;}
.link ul li{float:left;width:93px;height:25px;overflow:hidden;}

#bg_foot_nav{background:#187EC6;text-align:center;}
.foot_nav{height:40px;line-height:40px;color:#fff;}
.foot_nav span{float:right;padding-top:5px;}
.foot_nav a{color:#fff;}
.foot_nav a:hover{color:#ff0;}
#bg_copyright{background:#1F92D1;padding:20px 0;}
.copyright{color:#fff;font-family:verdana;line-height:25px;text-align:center;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}

.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:750px;}
.leftnav{background:#1F92D1;padding:10px 15px;color:#fff;font-size:18px;font-family:microsoft yahei;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#1F92D1;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#1F92D1;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family:microsoft yahei;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pro_list li a{border:1px solid #eee;display:block;padding:15px;}
.pro_list li a img{border:1px solid #eee;}
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#1F92D1;}
.pro_list li a:hover .more{background:#1F92D1;color:#fff;}

.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:280px;margin:0 20px 20px 0;}

.pic_list li a{border:1px solid #eee;display:block;padding:5px;}
.pic_list li a img{border:0;}
.pic_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#1F92D1;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;font-family:microsoft yahei;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}

.joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.joblist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.joblist li .line{padding:0;margin:0;line-height:22px;}
.joblist li .line b{float:left;width:70px;color:#555;}
.joblist li .line .intro{margin-left:70px;}
.joblist li a:hover .title{color:#f30;}

.job_list{margin:0;padding:0;list-style:none;overflow:hidden;}
.job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.job_list li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;line-height:40px;margin-bottom:10px;}
.job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;}
.job_list li .line b{float:left;width:70px;}
.job_list li .line .intro{margin-left:70px;}
.job_list li .line .intro p{margin:0 0 5px 0;padding:0;}
.job_list li a:hover .title{color:#f30;}



.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;font-family:microsoft yahei;}

#position{margin:0 auto;width:1000px;overflow:hidden;font-family:宋体;line-height:30px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}
.news .pro_tit {
    background: url(../images/news_tbg.png) no-repeat center 12px;  color:#333
}
.news .pro_tit a{ color:#333}
.contentb .pro_tit {
    background: url(../images/news_tbg.png) no-repeat center 12px;  color:#333
}
.contentb .pro_tit a{ color:#333}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{font-family:microsoft yahei;font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{font-family:verdana;word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-family:microsoft yahei;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;font-family:microsoft yahei;}
.commentadd .input .send{float:right;border:1px solid #1F92D1;background:#1F92D1;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;font-family:microsoft yahei;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family:宋体;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #1F92D1;background:#1F92D1;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

#goodsshow{margin:20px 0;overflow:hidden;width:750px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:350px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
.shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;cursor:pointer;}
 .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
.shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
 .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
.right{width:350px;}
 .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
 .right .intro{color:#999;min-height:80px;}
 .right .sno{border-bottom:1px solid #eee;line-height:35px;}
 .right .price{color:#999;line-height:30px;padding:10px 0;}
.right .price span{color:#f60;font-size:16px;}

a.inquiry{display:inline-block;background:#1F92D1;padding:8px 30px;color:#fff;margin:10px 0;font-size:16px;font-family:microsoft yahei;border-radius:4px;}
a:hover.inquiry{color:#fff;background:#f60;}

.top_all{ font-size:14px; color:#999; min-width: 1300px; height:42px; line-height:42px; background:#f6f7f8; padding:0 3% 0 3%; position:relative;}
.top_all:after{ content:''; display:block; position:absolute; right:0; top:0; z-index:1; background:#234ea3; width:570px; height:42px; border-top-left-radius:20px;}
.top_r{z-index:2;position:relative; font-size:16px; color:#c9def4; line-height:42px; padding-left:30px; }
.top_r span{ font-size:22px; color:#ffffff;vertical-align: sub; font-family: Arial, Helvetica, sans-serif;}
.head_all{ padding:30px 3% 0 3%; position:relative;min-width: 1300px; margin-bottom: 30px;}
.head_l{}
.head_logo{ margin-right:15px;} 
.head_logo img{ display: block; }
.head_w{font-size:18px;color: #444; line-height: 32px; padding-top: 5px; }
.head_w span{ display: block; font-size: 22px; color: #222; font-weight:bold;}
.head_w dl{letter-spacing: 1.8px;}

/*导航*/
.navbor{ width: auto;color: #333;font-size: 16px;margin:15px 0  0 0;position:relative; }

.NavCeshi.page{ position: relative; }
.nav > ul > li{ float: left;display:block;line-height:45px;width:auto; box-sizing: border-box;  position:relative; z-index: 99; text-align:center; margin-right: 8px;}
.nav > ul > li > a{ display: block;  font-size:1rem;color:#333; padding: 0 17px; }
.nav > ul > li:hover{ height:45px;}
.nav > ul > li:hover  a{color:#fff; background-color:#234ea3; }

.nav > ul > .00block{ background-color:#234ea3; height:45px; color:#fff !important;display: block; box-sizing: border-box; position: absolute; top: 0;padding: 0 20px;border-radius: 10px 0px 0px 0px;  }
.erji_menu { display: none; position: absolute; left: 0; width: 100%; z-index: 1111;top: 45px; }
.erji_menu ul li a{display: block; box-sizing: border-box;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; padding: 0 10px; text-align: center; font-size: 14px; color: #fff!important; line-height:45px; border-top:1px solid #e4e4e4; background: #f5f5f5; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background:#333;color:#fff !important;}

.navcurrent a{color:#fff !important;  background:#234ea3 !important; border-radius: 10px 0px 0px 0px;}
.rightarrowpointer{display:none;}

@media screen and (max-width:1800px){
.nav > ul > li{ margin-left: 15px;}
.nav > ul > .block{ margin-left: 15px; padding: 0 15px;}
.nav > ul > li > a{ padding: 0 15px;}
}   


@media screen and (max-width:1700px){
.nav > ul > li{ margin-left: 12px;}
.nav > ul > .block{ margin-left: 12px; padding: 0 15px;}
.nav > ul > li > a{ padding: 0 15px;}
.head_all{ padding:30px 50px 0 60px;}
}   

@media screen and (max-width:1600px){
.nav > ul > li{ margin-left: 5px;}
.nav > ul > .block{ margin-left: 5px; padding: 0 15px;}
.nav > ul > li > a{ padding: 0 15px; }
.head_all{ padding:35px 50px 0 50px;}
.top_all{ padding:0 50px 0 50px; }
.top_all:after{width: 300px;}
}   

@media screen and (max-width:1500px){
.nav > ul > li{ margin-left: 0;}
.nav > ul > .block{  margin-left: 0; padding: 0 12px;}
.nav > ul > li > a{ padding: 0 12px;}
.head_all{ padding:35px 0 0 0;}
.top_all{ padding:0 30px 0 0; }
.top_all:after{width: 445px;}
}  
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#aaa;}
.banner-box{ min-width:1300px; height:660px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;    height: 80%;    position: relative;    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:230px; left: 0; margin-left: 0; height: 400px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../uploadfile/image/20210430/20210430163850_1088620362.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../uploadfile/image/20210430/20210430163850_1088620362.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #234ea3;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ padding:0 2.5%;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:70px; border-bottom: 1px solid #ddd;}
.keyword,.keyword a{ font-size:15px; color:#333; font-weight:lighter;}
.keyword span{ font-weight:normal;}
.keyword{ padding-left:39px; background:url(../uploadfile/image/20210430/20210430163925_2107260815.png) no-repeat left center;}
.search_bg{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
#soo{ background:#234ea3;}
#infoname{ border:1px solid #ebebeb; background:#f8f8f8; border-right:none; height:46px; padding-left:20px; width:240px;}

.digital{padding: 80px 0 0;height: 170px;}
.ibrand-num{     display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;}
.ibrand-num li{height:100px;color:#080808;font-size:20px;}
.ibrand-num li b{font-size:60px;line-height: 60px; font-family:"Impact";font-weight: normal;padding-right: 5px;display: block;float: left;}
.ibrand-num li i{font-size:60px;line-height: 60px; font-family:"Impact";display: block;float: left;padding-right: 5px;}
.ibrand-num li em{width: 40px;text-align: center;height: 40px;line-height: 40px;background: #234ea3;color: #fff;border-radius: 50%;display: block;float: left;margin-top: 13px;  font-size:12px}
.ibrand-num li span{display:block; padding:10px 0 0;width: 100%;clear: both; font-size:16px}
.ibrand-num li:last-child{width: 200px;}

.pro01{background:#f1f1f1 url(../images/cp_bg.jpg) no-repeat center 0;height: 915px;overflow: hidden;padding: 60px 0 0;}
.pro_tit{font-size: 40px;color: #fff;text-align: center;line-height: 40px;height: 85px;overflow: hidden;background: url(../images/cp_tbg.png) no-repeat center 12px;}
.pro_tit a{color: #fff;font-size: 40px;color: #fff;text-align: center;line-height: 40px;}
.pro_tit span{display: block;font-size: 20px;font-weight: normal;padding: 5px 0 0;}
.pro_nav{height: 85px;margin: 45px 0 0;}
.pro_nav ul{ width:1132px; margin: 0px auto}
.pro_nav ul li{float: left; margin:0px 10px}
.pro_nav ul li a{ font-size:16px; color:#333;display:block; float:left;height: 45px;line-height: 45px;background:#fff url(../images/cp_ico02.png) no-repeat 25px center;padding:0 40px 0 55px; border-radius: 30px}
.pro_nav ul li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.pro_nav ul li:hover a{ color:#fff  !important;}
.pro_nav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E60012 url(../images/cp_ico01.png) no-repeat 25px center;
  border-radius: 30px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; 
}
.pro_nav ul li a:hover:before,.pro_nav ul li.cur a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.pro_nav ul li a:hover,.pro_nav ul li.cur a{color: #333;}
.content {
    width: 1200px;
    margin: 0 auto;
}
.prod{}
.prod_d{padding-top:40px;}
.prod_d table td{display: block; padding:0 !important; float:left;position: relative; margin-bottom:32px;    border: 1px solid #eee; margin-right:16px; width:285px}
.prod_d table td:nth-child(4n){ margin-right:0}
.prod_d table td br{display: none;}
.prod_d table td>a{display: block; overflow: hidden; width:285px; }
.prod_d table td>a:after{content:"+"; font-size:40px; display: block; color:#fff; width:150px; height:150px; line-height:150px; border-radius:100%;  -webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out;position: absolute; top:22%; left:28%; box-shadow: 0 0 0 40px rgba(3,101,200,0.2);background:rgba(3,101,200,0.6); opacity:0;}
.prod_d table td:hover>a:after{opacity:1; -moz-transform:scale(0.4);-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);}
.prod_d table td>a img{ -webkit-transition:0.3s all linear; transition:0.3s all linear;}
.prod_d table td:hover>a img{-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}

.prod_d table td span{display: block; background:#fff;  position: relative; border-top:1px solid #f1f1f1}
.prod_d table td span a{display: block; height:70px; line-height:70px; text-align: left; font-size:16px; padding:0 30px; -webkit-transition:0.3s all linear; transition:0.3s all linear;  position: relative;  z-index: 2;}
.prod_d table td span:after{display: block;content:""; width:0; height:70px;position: absolute; top:0;left:0;background:#234ea3;-webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out;}
.prod_d table td:hover span:after{width:100%;}
.prod_d table td:hover span a{color:#fff;  }

.flow_path{height:379px; background:url(../images/flow_path.jpg) no-repeat center;}
.flow{padding-top:60px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; }
.flow h2 span:before{width:15px; height:15px; background:url(../images/tit-left1.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(../images/tit-rig1.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:128.25px; float:left;}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out; text-align:center;line-height:74px;transition: all 0.5s ease-out; font-size:40px; color:#fff}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s; background:#E60012;font-size:40px; color:#fff; border-radius:37px; line-height:74px; text-align:center}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 16px; color:#FFF;}
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../images/flo-jt.png) no-repeat center; float:left; margin-top: 58px;}
.flow .lc-con .lc:hover i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc:hover i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc:hover span{color:#E60012; font-weight: bold;}

.contentb{
    width: 100%;
    overflow: hidden;
    background: #f7f7f7;
    padding:60px 0;
}
.contentbt{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}
.contentbb{
    width: 100%;
    position: relative;
}
.app-store-box {
    padding-bottom: 30px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;

}
.app-store-head h2 {
    position: relative;
    font-weight: normal;
    text-align: center;
    font-size: 38px;
    color: #fff;
    z-index: 50;
}

.app-store-wrap {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.app-store-list {
  

    margin: 30px 0;
    text-align: justify;
}

.app-store-item {
    position: relative;
    float: left;
    margin-right:10px;
    width:292.5px;
    height: 100%;
    background: #fff;
    text-align: center;
    overflow: hidden;
    font-size: 0;
    border-radius: 10px; margin-bottom:10px
}
.app-store-item:hover {
    box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);
    -webkit-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);
    -moz-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);
}
.app-store-item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.app-store-item:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.app-store-item img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
}

.app-store-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.app-store-info h3 {
    position: absolute;
    top: 193px;
    width: 100%;
    text-align: center;
    font-size: 23px;
    font-weight: normal;
    color: #fff;
    z-index: 30;
    margin-top: 0 !important;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.app-store-info h3 i{  font-size:40px}
.app-go-p{
    width: 80%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    font-weight: normal;
    z-index: 29;
    text-align: left;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    transform: translateY(-70px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; text-align:center
}

.app-go-left{
    width: 80%;
    color: #fff;
    font-size: 15px;
    text-align: left;
    position: absolute;
    top: 180px;
    font-weight: normal;
    z-index: 29;
    line-height: 30px;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.app-store-tag {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: #333;
    opacity: .9;
    border-radius: 50%;
    z-index: 10;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.item01 .app-store-tag {
    background: #006CB4;
}

.item02 .app-store-tag {
    background: #62BD48;
}

.item03 .app-store-tag {
    background: #E60012;
}

.item04 .app-store-tag {
    background: #0087fa;
}

.item05 .app-store-tag {
    background: #fcc300;
}
.app-store-list .app-store-item:hover .app-store-tag {
    -webkit-transform: scale(4.7, 4.7);
    -moz-transform: scale(4.7, 4.7);
    transform: scale(4.7, 4.7);
}
.app-store-list .app-store-item:hover .app-go-p {
    -webkit-transform: translateY(95px);
    -moz-transform: translateY(95px);
    transform: translateY(95px);
}
.app-store-list .app-store-item:hover .app-store-info h3{

}

.app-store-list .app-store-item:hover .app-go-left {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
}
/* rig_icon */
.app-store-list .app-store-item:hover .rig_icon {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.ab_bg{background: url(../images/ab_bg.jpg) no-repeat center 0;padding: 60px 0 0;overflow: hidden; padding-bottom:60px}
.about{height: 490px;}
.ab_desc{font-size: 16px;color: #fff;line-height: 32px;width:1000px;text-align: center;margin: 40px auto;overflow: hidden;}
.ab_desc p{ margin-bottom:20px}
.ab_desc a{ border-radius:30px; width:100px; height:45px; text-align:center; margin:30px auto; color:#333;     background:#fff url(../images/cp_ico02.png) no-repeat 25px center; padding: 0 40px 0 55px; line-height:45px; display:block;}
.ab_desc a:hover{ background:#E60012 url(../images/cp_ico01.png) no-repeat 25px center; color:#fff;}

.ab_video{width: 120px;text-align: center;margin: 75px auto 0;font-size: 14px;color: #fff;cursor: pointer;}
.ab_video em{width: 74px;height: 74px;display: block;margin: 0 auto 10px;line-height: 0;}
.ab_video em img{width: 74px;height: 74px;}

/*企业相册*/
.photo{padding: 50px 0 0;background: #fff;}
.photo_t{width: 990px;height: 110px;padding-left: 105px;}
.photo_t ul li{width: 250px;height: 60px;float: left;padding-left: 80px;position: relative;}
.photo_t ul li:before{content: "";width: 1px;height: 100%;background: #e8e9e9;position: absolute;top: 0;left: 0;}
.photo_t ul li em{display: block;float: left;line-height: 0;overflow: hidden;width: 55px;height: 55px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li span{display: block;float: left;line-height: 26px;padding: 5px 0 0 15px;}
.photo_t ul li i{display: block;font-size: 20px;color: rgba(51,51,51,0.2);text-transform:capitalize;}
.photo_t li a{font-size: 24px;color: #202428;}
.photo_t li.on a{font-weight: bold;}
.photo_t li.on i{font-weight: normal;}
.photo_t li.on em img{margin-top: -55px;}
.photo_t ul li:first-child:before{background: none;}
.photo_qie{width: 1200px;overflow: hidden;}
.photo_m ul li{width: 212px;float: left;margin-left: 23px;overflow: hidden;}
.photo_m ul li em{width: 212px;height: 159px;display: block;line-height: 0;overflow: hidden;}
.photo_m ul li img{width: 212px;height: 159px;}
.photo_m ul li span{display: block;width: 212px;text-align: center;height: 56px;line-height: 56px;font-size: 14px;color: #333;overflow: hidden;}
.photo_m ul li span{position: relative;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;}
.pr {
    position: relative;
}
.photo_m ul li span:before {
	  content: "";
	  position: absolute;
	  z-index: 1;
	  left: 0;
	  right: 100%;
	  bottom: 0;
	  background: #234ea3;
	  height: 2px;
	  -webkit-transition-property: right;
	  transition-property: right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
.photo_m ul li span:after{content: "";width: 100%;height: 1px;background: #d9d9d9;position: absolute;bottom: 0;left: 0;}
.photo_m ul li:hover span:before {right: 0;}
.photo_m ul li:hover span{font-weight: bold;color: #234ea3;}
.photo_m p{width: 20px;height: 30px;position: absolute;top: 120px;z-index: 10;}
.photo_m p a{display: block;width: 20px;height: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp_lico a{background: url(../images/photo_lico01.gif) no-repeat center;}
.cp_lico a:hover{background: url(../images/photo_lico02.gif) no-repeat center;}
.cp_rico a{background: url(../images/photo_rico01.gif) no-repeat center;}
.cp_rico a:hover{background: url(../images/photo_rico02.gif) no-repeat center;}
.cp_lico{left: -30px;}
.cp_rico{right: -30px;}
.photo_m p a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}

.cp_lico2 a{background: url(../images/photo_lico01.gif) no-repeat center;display: block;width: 20px;height: 30px;line-height: 0;}
.cp_lico2 a:hover{background: url(../images/photo_lico02.gif) no-repeat center;}
.cp_rico2 a{background: url(../images/photo_rico01.gif) no-repeat center;display: block;width: 20px;height: 30px;line-height: 0;}
.cp_rico2 a:hover{background: url(../images/photo_rico02.gif) no-repeat center;}
.cp_lico2{left: -35px;width: 20px;height: 30px;position: absolute;top: 270px;z-index: 110;}
.cp_rico2{right: -25px;width: 20px;height: 30px;position: absolute;top: 270px;z-index: 110;}



/*新闻中心*/
.news{ padding:30px 0px 50px 0px; width:100%; background: #fff;}
.news_row1{ position: relative;  margin-bottom: 30px; margin-top:30px }
/*.news_row1:after{ content: ''; width: 100%; height: 1px; background: #dbdbdb; display: block; position: absolute; bottom: 0; left: 0; }*/
.news_row1 .news_tit{ display: block; font-size: 33px; color: #484848; font-weight: lighter; line-height: 50px; float: left; height: 55px;  padding-left: 10px;}
.news_row1 .news_tit .en{ display:inline-block; padding-left:15px;text-transform: uppercase; }
.news_row1 .news_list{ margin: 0 auto;    width:380px; }
.news_row1 .news_list ul li{     float: left;      width: 170px;    text-align: center; background:#eee;   margin:0px 10px;}
.news_row1 .news_list ul li a{ font-size: 20px; line-height:55px; display: block; position: relative; font-weight:lighter; color:#444;  }
.news_row1 .news_list ul li a:after{ position: absolute; content: ''; width: 0; background: #; height: 1px; bottom: -25px; left: 0; display: block; transition: 0.3s all ease; z-index: 3333; }
.news_row1 .news_list ul li.cur a:after,.news_row1 .news_list ul li:hover a:after{ width: 100%; }
.news_row1 .news_list ul li.cur a,.news_row1 .news_list ul li:hover a{ color: #fff; background:#234ea3; }



.news_row2_l { width: 380px; ; background: #f5f5f5; float: left; }
.news_row2_l .news_l_item,
.news_row2_l .news_div_item{ position: relative; display: block; padding:20px 30px; }
.news_div_item_pic{ padding-top:10px}
.news_row2_l .news_l_item img,.news_row2_l .news_div_item .news_div_item_pic a,.news_row2_l .news_div_item .news_div_item_pic img{ width:320px; display: block; height: 213px;  }
.news_row2_l .news_l_item strong,.news_row2_l .news_div_item .news_div_item_title a{ font-size: 22px; font-weight: normal; display: block; color: #484848; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_row2_l .news_l_item p,.news_row2_l .news_div_item .news_div_item_body{ font-size: 14px; color: #999; line-height: 25px; padding: 5px 0 0; overflow: hidden;  font-weight:lighter; }
.news_row2_l .news_l_item span,.news_row2_l .news_div_item .news_div_item_date{ position: absolute;  font-style: normal; color: #234ea3; font-size: 28px; line-height:30px; top: 165px; left: 90px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_year{ font-size: inherit; color: inherit; font-family: bebas; }
.news_row2_l .news_l_item span i,.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ font-size: 16px; font-family: bebas; font-style: normal; color: #234ea3; display: block; line-height: 20px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ float:left; }
.news_row2_l .news_l_item span:after,.news_row2_l .news_div_item .news_div_item_date:after{ content: ''; display: block; width: 2px; height: 90px; position: absolute; left: -17px; top: 0; background:#234ea3}


.news_row2_r{ float: right; width: 767px; }

.news_row2_r .news_r_item,.news_row2_r .news_div_item{ height:160px; display: block; position: relative; background:#f5f5f5;}
.news_row2_r .news_div_item+.news_div_item{ margin-top:35px;}
.news_row2_r .news_div_item:nth-child(2){ }
.news_row2_r .news_r_item *,.news_row2_r .news_div_item *{ transition: 0.3s all ease}
.news_row2_r .news_r_item span,.news_row2_r .news_div_item .news_div_item_date{ position:relative; width: 100px; height: 160px; float: left; color: #fff; background: #595959; font-weight: normal; font-style: normal; line-height: 20px; font-size: 18px; font-family: bebas; text-align: center; padding:10px; }
.news_row2_r .news_div_item .news_div_item_month,.news_row2_r .news_div_item .news_div_item_year{ font-size: 14px; color:inherit; font-family:bebas; display: inline-block; position: relative; top: 80px}
.news_row2_r .news_r_item span i,.news_row2_r .news_div_item .news_div_item_day{ color: #fff; font-size: 42px; font-weight: normal; font-style: normal; display: block; line-height: 50px; font-family: bebas; }
.news_row2_r .news_div_item .news_div_item_day{ position: absolute; width: 100%; text-align: center; left: 0; top: 30px; }
.news_row2_r .news_r_item:hover span,.news_row2_r .news_div_item:hover .news_div_item_date{ background:#234ea3; color:#fff; }
.news_row2_r .news_r_item:hover span i,.news_row2_r .news_div_item:hover .news_div_item_day{ color:#fff; }
.news_row2_r .news_r_item strong,.news_row2_r .news_div_item .news_div_item_title .news_div_item_a{ font-size: 18px; font-weight: normal; color: #484848; display: block; line-height: 45px; float: right; width: 640px;  padding:10px 90px 0px 0px;}
.news_row2_r .news_r_item p,.news_row2_r .news_div_item .news_div_item_body{ font-size: 14px; color: #999; line-height: 25px; float: right; width: 640px; padding: 5px 0; padding-right:30px; font-weight:lighter;}
.news_row2_r .news_r_item:hover strong{ color: #234ea3}
.news_row2_r .news_r_item:hover p{ color: #444444; }
.news_row2_r .news_r_item em,.news_row2_r .news_div_item .news_div_item_more{ font-size: 12px; position: absolute; left: 177px; top: 120px; color: #999; height: 20px;padding: 0 0 0 0px;  }
.news_row2_r .news_r_item em:after,.news_row2_r .news_div_item .news_div_item_more:after{ content: ''; display: block; width: 0px; height: 1px; background: #234ea3; position: absolute; top:10px; left: 0; transition: 0.3s all ease}
.news_row2_r .news_r_item:hover em,.news_row2_r .news_div_item:hover .news_div_item_more{ background-position: 100px center; padding: 0 0 0 130px; color: #234ea3; }
.news_row2_r .news_r_item:hover em:after,.news_row2_r .news_div_item:hover .news_div_item_more:after{ width: 110px}
.news div,.news a {box-sizing: border-box;}
.ftbg{position: relative;}
    .footWrap{background:url(../images/ftbg.jpg) no-repeat center top; height:468px;}
         .footer{height:423px;width:1200px;margin: 0 auto; }
         .fcontact{width: 1200px; height:140px;box-sizing: border-box;}
		         .fcontact li a{font-size: 18px; color: #ffffff; font-weight: normal; }

        .fcontact li{font-size: 18px; color: #ffffff; font-weight: normal;padding-left: 58px; width: 400px; float: left; box-sizing: border-box; height:140px;padding-top:25px; line-height: 25px; }
        .fcontact li i{font-size: 30px; color: #ffffff; font-weight: normal; display: block;margin-bottom: 3px; float:left; margin-right:20px; line-height:50px}
		   .fcontact li .text{ float: left;}
        .fcontact li:nth-child(1){width:420px; }
        .fcontact li:nth-child(2){width: 395px; ;padding-left: 112px;}
        .fcontact li:nth-child(2){ font-family: bebas}
        .fcontact li:nth-child(3){width: 330px;padding-left: 112px;}
        .fcontact li:nth-child(3){font-size: 17px; font-family: bebas}
         .fnav{overflow: hidden; height: 86px;}
         .fnav a{display: block;font-size:16px;color:#d6d6d6;line-height: 86px;  float: left; padding:0 68px;background:url(../images/ftxt.png) no-repeat right center;}
         .fnav a.no1{padding-left: 0;}
        .fnav a:last-child{background: none;}
      
        .fcode{width:410px;height:136px; box-sizing: border-box; padding-top: 12px; float: none;margin:0 auto; }
        .fcode h3{font-size: 14px; color: #ffffff; font-weight: normal;line-height: 30px;width: 154px; float: left;    padding-top: 17px;opacity: 0.5; }
        .fcode h3 b{font-size: 16px; font-weight: normal;}
        .fcode p img{width: 112px; height: 112px;margin-right: 10px; float: left;}

        .ft_txt{ height: 76px;padding-top:40px; line-height: 32px; font-size: 14px; color: #737373; text-align: center;}
		        .ft_txt a{ line-height: 32px; font-size: 14px; color: #737373; }

        .ft_txt em{padding:0 10px;}
		
		
.ty-banner-1{overflow:hidden; width:100%; position: relative;  height:380px;}
.banner_tit{width: 1200px;margin:145px auto;}
.banner_tit h3{font-size: 30px;color:#fff;display: block;line-height: 30px; font-weight:400; letter-spacing: 2px;}
.banner_tit h6{font-size: 18px;font-weight:100;color: #fff;margin-top: 20px;line-height:40px;text-align: left; font-weight:200; letter-spacing: 1px; background:linear-gradient(to right, #234ea3,#118dc0);  width:820px; text-align:center; height:40}

.banner_tit:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #fff;
    top: 275px;
}

#bodycon {width:1200px;margin: 0 auto;}
#bodycon #left {float: left;width: px;

            	background-color: ;
            
}
#bodycon #center {width: 1200px;

            	background-color: ;
            
}
#bodycon #right {float:left;width: px;

            	background-color: ;
            
}
            
/*中间内容结束*/


/*详细内容开始*/

            #bodycontent {width:1200px;
            margin: 0 auto;
            line-height:2;text-align:center;}
            #bodycontent.bodycontent2020 {
                text-align:left;
            }
			
			.nswsfenlei_2019{ height: 84px !important; line-height: 65px !important; margin: 0px auto 20px !important; float:none !important; padding-bottom:10px; width: 100% !important; padding: 20px 0 15px; border-bottom: 1px solid #ccc !important; text-align: center;     box-sizing: content-box;}
.nswsfenlei_2019 li a{ display: inline-block; *display: inline; *zoom: 1; height: 40px; line-height: 40px; font-size: 15px; color:#fff; border-radius: 5px; padding:5px 45px; transition: all .5s ease; position:relative; margin:12px 2px; background: #666}
.nswsfenlei_2019 li a:after{ content: ""; width: 12px; height: 12px; border: 2px solid #234ea3; position: absolute; left: 50%; bottom: -31px; margin-left: -8px; margin-bottom: -6px; z-index: 11; border-radius: 50%; opacity:0; transition:0.3s all ease; }
.nswsfenlei_2019 li a:before{ content: ""; width: 2px; height: 22px; background-color:#234ea3; position: absolute; left: 50%; bottom: -22px; margin-left: -1px; opacity:0; transition:0.3s all ease; }
.nswsfenlei_2019 li:hover a:after,.nswsfenlei_2019 li.curNewsType_2019 a:after{ opacity: 1}
.nswsfenlei_2019 li:hover a:before,.nswsfenlei_2019 li.curNewsType_2019 a:before{ opacity: 1}
.nswsfenlei_2019 li:hover a,.nswsfenlei_2019 li.curNewsType_2019 a{ background: #234ea3; color: #fff}
.nswsfenlei_2019 li { display: inline-block;}
.blk-main{width:1200px; margin: 30px auto; overflow:hidden;}
.blk {
    margin-bottom: 20px;
}
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }


.list_page {
	text-align: center; margin-top:30px;
	display: block; 
}
.list_page:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.list_page ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}
.list_page ul li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px;
}
.list_page ul a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	background: #fff; font-size:18px;
}
.page_group ul {
	border-right: solid 1px #ddd;
	border-radius: 4px;
}
.page_group ul li {
	border-right: none;
	border-radius: 0;
	float: left;
}
.page_group ul li:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.page_group ul li:first-child {
	border-radius: 4px 0 0 4px;
}
.page_group ul li:last-child {
	border-radius: 0 4px 4px 0;
}
.page_group ul .active a {
	background: #f3f3f3;
	border-radius: 0;
}
.blk-main{width:1200px; margin: 30px auto; overflow:hidden;}
.blk {
    margin-bottom: 20px;
}
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }

.p4-order-form-1 {
    overflow: hidden; margin:40px 0px
}
      .p4-order-form-1 .p4-titlel-1 {  width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #555555; margin:0px 
            
        }
        
        .p4-order-form-1-con {
            border:1px solid #bbb;
            background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
            padding:40px 15%;
        }
        
        .p4-order-form-1-con li p {
            padding-left: 130px;
            color: #999;font-size: 12px;
        }
        
        .p4-order-form-1-con li {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 35px;
            color: #666;
            overflow: hidden;
        }
        
        .p4-order-form-1-con li span {
            font-weight: bold;
            color: #666;
        }
        .p4-order-form-1-con li b{color:#f00;}
        .p4-order-form-1-con li .row-hd {
            color: #666;
        }
        .timenum{padding-left:95px;}
        .p4-order-form-1-con li p {
            clear: both;
        }
        
        .p4-order-form-1-con label {
            display: inline-block;
            width: 180px;
            color: #666;
            vertical-align: top;
            text-align: right;height: 33px;line-height: 33px;overflow: hidden;
        }
        #code_gg{
            width: 80px;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
        }
        
        
        .p4-order-form-1-con .inputs,
        .p4-order-form-1-con li select {
            width: 73%;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
            box-sizing: border-box;
            /*float: left;*/
        }
        .p4-order-form-1-con .radioandcheck{vertical-align:middle;}
        
        .p4-order-form-1-con .err {
            border: 1px solid #c00;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t1 {
            width: 100%;
        }
        
        .p4-order-form-1-t1 textarea {
            width: 73%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #eee;
            outline: none;
            resize: none;
            overflow: auto;
            margin-right: 10px;
            padding-left: 10px;
            box-sizing: border-box;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t2 {
            width: 100%;
        }
        
        .p4-order-form-1-t2 input {
            width: 150px;
            vertical-align: top;
        }
        
        .p4-order-form-1-t2 span {
            width: 153px;
            height: 25px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 {
            padding-left: 120px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 input {
            width: 80px;
            height: 30px;
            border: 0;
            text-align: center;
            margin-right: 30px;
            color: #fff;
            padding-left: 0;
            cursor: pointer;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b1 {
            background: #00479d;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b2 {
            background: #767676;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 {
            overflow: auto;
            height: auto;
            min-height: 35px;
            width: 100%
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 input {
            vertical-align: middle;
            width: 14px;
            margin: 0 10px;
        }
		#con_email{ height:35px; border:1px solid #eee;}
.p4-order-form-1-t3 .denim-color_btn{ background:#118dc0; display:inline-block; cursor:pointer; border:0; color:#fff; padding:15px 30px}


   .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }





.aboutTop:hover .aboutL img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.honorImg span {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: block;

    overflow: hidden;

}



.honorImg span::before {

    content: "";

    width: 0;

    height: 100%;

    background: rgba(0, 0, 0, .2) url(../images/sosuo.png) no-repeat center -20px;

    padding: 14px 18px;

    position: absolute;

    top: 0;

    left: 50%;

    opacity: 0;

    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;

}



.honor ul li:hover .honorImg span::before {

    width: 100%;

    left: 0;

    opacity: 1;

    background: rgba(0, 0, 0, .2) url(../images/sosuo.png) no-repeat center center;

}



.buildin-btn-text {

    position: absolute;

    left: 0;

    top: 0%;

    z-index: 9;

    width: 100%;

    transform: translateY(100%);

}



.honorMore::after, .honorMore::before {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-top: 1px solid transparent;

    bottom: 0;

    content: " ";

    display: block;

    margin: 0 auto;

    position: relative;

    -webkit-transition: all 280ms ease-in-out;

    transition: all 280ms ease-in-out;

    width: 0;

}



.honor ul li:hover .honorMore::after, .honor ul li:hover .honorMore::before {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-color: #ddd;

    -webkit-transition: width 350ms ease-in-out;

    transition: width 350ms ease-in-out;

    width: 90%;

    content: "";

}



.honorMore:hover::before {

    bottom: auto;

    top: 0;

    width: 90%;

}



.honor ul li:hover .honorMore {

    color: #333;

}
.honor ul li {

    margin-top: 30px;

}



.honorImg {

    display: block;

    position: relative;

    padding: 46%;

    background: #fff;

    border: 1px solid #ddd;

}



.honorImg img {

    padding: 2%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}



.honorMore {

    text-align: center;

    display: block;

    padding-top: 8px;

    line-height: 3;

    font-size: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.honor ul li i {

    width: 8px;

    height: 8px;

    display: block;

    border-radius: 50%;

    border: 1px solid #dededd;

    margin: 20px auto 0;

    background: #fff;

}



.honorArrow {

    height: 30px;

    position: relative;

}



.honorArrow .honorL {

    width: 56px;

    height: 56px;

    overflow: hidden;

    background: #fff url(../images/gong-p.png) no-repeat center;

    top: -33px;

    position: absolute;

    z-index: 99;

    left: 0;

    cursor: pointer;

}



.honor {

    position: relative;

}



.honorLine {

    width: 100%;

    height: 1px;

    background: #dededd;

    position: absolute;

    top: -5px;

}



.honorArrow .honorR {

    width: 56px;

    height: 56px;

    overflow: hidden;

    background: #fff url(../images/gong-n.png) no-repeat center;

    top: -33px;

    position: absolute;

    z-index: 99;

    cursor: pointer;

    right: 0;

}

.pro01 .content{ overflow:hidden}