/* CSS Document */
@font-face {

 font-family: 'AVGARDN';

 src: url('../font/AVGARDN_0.ttf'),url('../font/AVGARDN_0.eot'),url('../font/AVGARDN_0.woff'),url('../font/AVGARDN_0.woff2'),url('../font/AVGARDN_0.otf')

}

* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: microsoft yahei;
    color: #333;
}
.clear{ clear:both; display: block; }
.fl{
	float:left;
}
.fr{
	float:right;
}

/*top*/
.top_bg{
	background:#00acef;
}
.page{
	width:1200px;
	margin:0 auto;
}
.top_left{
	width:342px;
	color:#fff;
	line-height:38px;
}
.top_right{
	width:858px;
	color:#fff;
	text-align:right;
}
.top_right span{
	background:url(../images/top_input.png) no-repeat -244px -53px;
	padding:5px 35px;
	color:#fff;
	line-height:38px;
}
.top_right .eng {
    background-position: -127px -53px;
}
.top_right span a{
	color:#fff;
	text-decoration:none;
}
.head{
}
.head_left{
	width:425px;
}
.head_left img{
	padding:19px 0;
}
.head_right{
	width:775px;
}
.NavCeshi > li {float: left;width: 110px;top: 0px;transition: 0.2s all ease-in-out;background: url(../uploadfile/image/20180621/20180621142543_232175386.jpg) no-repeat right 55px;padding-right: 0px;}
.NavCeshi > li > a {display: block;text-align: center;padding: 35px 0;font-size: 16px;line-height: 20px;color: #454545;transition: 0.2s all ease-in-out;height: 50px;position: relative;z-index: 1;}
.NavCeshi > li > a > .en{ display: block; font-size: 12px; font-weight: 100; color: #ccc; line-height:35px; overflow: hidden; text-indent: 0; transition:0.2s all ease-in-out; white-space: nowrap; text-transform: capitalize;}

.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #2e3191; padding: 30px 0; height: 60px; background: #f5f5f5}
.NavCeshi > li > a:after{content: '';display: block;width: 0%;height: 2px;background: #2e3191; transition: 0.2s all ease-in-out; position: absolute; left: 0; bottom: 0;}
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{width: 100%}
.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ background-position:center !important; line-height: 45px; }

/*banner*/
.banner{ overflow: hidden; background:#eee}
.banner-box{ min-width:1100px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20180531144426_364796552.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20180531144426_364796552.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:25px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #2e3191; 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 .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*search*/
.search{ background: #fff; width: 100%; height:120px; }
.search .page{ position: relative; height: 70px; padding:25px 0; }
.search_main_l{ float:left; margin-right:10px; width:580px;padding: 9px 0;height: 52px;}
.search_main_l strong{ font-size: 17px; font-weight: bold;  color: #343434; line-height: 52px; padding-left: 30px; background: url(../images/search_l.png) no-repeat left center; display: inline-block;}
.search_main_l p,.search_main_l p a{ font-size: 14px; color: #999; display: inline-block; line-height: 52px; }
.search_main_l p a:hover{ color: #2e3191; text-decoration: underline; }
.search_main_r{ float: right;width: 310px;}
.search_main_r:after{content: '';clear: both;display: block;}
.search_main_r > a > i{display: block;width: 22px;height: 22px;background: #aaaaaa;padding: 5px;border-radius: 50%;transition: 0.3s all ease-in-out;margin: 0 auto;}
.search_main_r > a{font-size: 13px;color: #999999;line-height: 30px;display: block;float: left;width:60px;height:60px;text-align: center;padding: 5px;margin: 0 15px;}
.search_main_r > a:hover i{background: #2e3191}
.search .search_in{ float: left; height: 52px;padding: 9px 0;}
.search .search_in form{ width: 290px; height: 50px; line-height: 50px; display: block; border-radius: 55px; background:rgba(255,255,255,0.2); border: 1px #ddd solid;}
.search .search_in form input{ background: none; border:0 none; color: #999999; font-size:14px; }
.search .search_in form #search-bg{ float: left; width: 200px; }
.search .search_in form #search-i{ float: right; width: 42px; height: 42px; display:block; background: #00acef; border-radius: 50%; margin: 4px; cursor: pointer; }
.search .search_in form #search-bg input { line-height: 50px; display: block; padding: 0 0px 0 20px; width: 210px; }
.search .search_in form #search-i input{ display: block; background: url(../images/search_i.png) no-repeat 8px 8px; width: 100%; height: 100%; cursor: pointer; }
.search_main_r strong{ font-size:28px; color: #fff; display: block; line-height: 35px; font-weight: bold; }

/*product*/
.prod{ background: url(../images/prod_bg.jpg) repeat-y center; width: 100%; height:1515px; }
.prod_row1{ padding: 60px 0 40px; }
.prod_row1 strong { display: block; font-size: 32px; font-weight: bold; color: #00acef; text-align: center; line-height: 40px; background: url(../images/prod_row1.png) no-repeat center bottom; padding-bottom: 40px; }
.plist_row1 { display: block; width: 100%; line-height: 40px; font-size: 22px; background: url(../images/prod_list_row1.png) no-repeat center; color: #fff; text-align: center; padding: 20px 0;}
.plist_row1 .en{font-size: 13px;color: #7784b1;display: block;line-height: 20px;}

.prod_row2 {
    overflow: hidden;
    position: relative;
}
.prod_item a{ display: block; padding:35px; height: 350px; position: relative; }
.prod_item a p{display: block;line-height: 22px;padding: 8px 0;font-weight: 100;}
.prod_item a strong {

    font-weight: normal;
    font-size: 28px;
    display: block;
    line-height: 52px;
    position: relative;
    transition: 0.3s all ease;
    font-family: 'Microsoft JhengHei';

}

.prod_item1{ width:588px; height:424px; float: left; background: url(../images/image_09.jpg) #fff no-repeat center; display: block; }
.prod_item1 a strong{color: #fff;}
.prod_item1 a p{color:#fff;font-size: 16px;line-height: 28px;}
.prod_item2{ width:588px; height:424px; float: left; background: url(../images/image_12.jpg) #fff no-repeat bottom; display: block; margin-left:24px;}
.prod_item2 a strong{color: #343434;}
.prod_item2 a p{color: #666;font-size: 16px;line-height: 28px;}
.prod_item1 a strong:after{ display: block; content: ''; width: 42px; height: 42px; border: 1px solid #fff; border-radius:50%; position: absolute; right: 0; top: 4px; background: url(../images/prod_item_btn.png) no-repeat 9px center; opacity: 0.8; filter: alpha(opacity=80); transition:0.3s all ease;}
.prod_item2 a strong:after{ display: block; content: ''; width: 42px; height: 42px; border: 1px solid #2a2e47; border-radius: 50%; position: absolute; right: 0; top: 4px; background: url(../images/prod_item_btn.png) no-repeat -74px center; opacity: 0.8; filter: alpha(opacity=80);transition:0.3s all ease; }

.prod_item:hover a strong:after{ background: #02a0e7 url(../images/prod_item_btn.png) no-repeat 9px center; border: 1px solid #02a0e7; opacity: 1; filter: alpha(opacity=100); }
.prod_item:hover a strong{color: #02a0e7;}

.prod_box{
	background:#fff;
	padding:25px 0;
	margin:20px 0 0;
}
.prod_box li{
	width:25%;
	text-align:center;
	-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.prod_box .line{
	border-right:#f5f5f5 1px solid;
}
.prod_box li img{
	padding:0 27px;
}
.prod_box li p{
	font-size:16px;
	line-height:30px;
	padding-top:15px;
}
.prod_box li p a{
	font-size:16px;
}


.prod_row3{padding:66px 0 50px;}
.prod_row3 strong{font-size:32px;font-weight: bold;color: #2e3191;display: block;text-align: center;line-height: 50px; background: url(../images/prod_row3.png) no-repeat center bottom;padding-bottom:40px;}
.prod_row3 strong .en{font-size:32px;font-weight: bold;color: #fe7c08;padding:0 5px;display:inline-block; vertical-align: middle;}

.prod_row4:after{content: '';clear: both;display: block;}
.prod_row4 .pro_col4{float: left;width:200px;height: 150px;margin-right:66px;border-radius: 50%;background: #fff;padding:50px 25px;position: relative;overflow:hidden;}
.prod_row4 .pro_col4 *{ transition:0.3s all ease-in-out; }
.prod_row4 .pro_col4:after{content: '';display: block;width: 100%;height: 100%;background: #00acef;background: -moz-linear-gradient(-45deg, #00acef 0%, #2e3191 100%);background: -webkit-linear-gradient(-45deg, #00acef 0%,#2e3191 100%);background: linear-gradient(135deg, #00acef 0%,#2e3191 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acef', endColorstr='#2e3191',GradientType=1 );position:absolute;left:0;top:-105%;transition:0.3s all ease-in-out;}
.prod_row4 .pro_col4_4{margin-right: 0;}
.prod_row4 .pro_col4 > i{width:60px;height:60px;display:block;margin:0 auto 5px;position:relative;z-index:3;}
.prod_row4 .pro_col4_1 > i{background: url(../images/prod_col4_1.png) no-repeat center -60px;}
.prod_row4 .pro_col4_2 > i{background: url(../images/prod_col4_2.png) no-repeat center -60px;}
.prod_row4 .pro_col4_3 > i{background: url(../images/prod_col4_3.png) no-repeat center -60px;}
.prod_row4 .pro_col4_4 > i{background: url(../images/prod_col4_4.png) no-repeat center -60px;}
.prod_row4 .pro_col4 > p{font-size: 13px;color: #666;line-height: 22px;text-align:center;position:relative;z-index:3;}
.prod_row4 .pro_col4 > p > strong{font-size: 20px;font-weight: bold; display:  block;line-height:30px;padding-bottom: 6px;}
.prod_row4 .pro_col4:hover:after{top:0;}
.prod_row4 .pro_col4:hover > i{background-position-y: 0;}
.prod_row4 .pro_col4:hover > p{color:#fff;}
.prod_row4 .pro_col4:hover > p > strong{color: #fff;}

/*cooperation*/
.cooper{width: 100%;height:690px;}
.cooper > .page{background: #fff;height:649px;}
.cooper > .page > .fl{background:#2e3191; margin-top: 40px;height:609px;}
.cooper_logo{width: 160px;height: 70px;background:#00acef;text-align: center;font-size: 34px;color: #fff;font-weight: bold;line-height: 38px;display: block;padding:20px 20px 30px;position:relative;}
.cooper_logo .en{color: #fff;font-weight: 100;text-transform: capitalize;display: block;line-height: 32px;font-size: 12px;}
.cooper_logo:after{width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #00acef;position: absolute;content: '';display: block;bottom:-15px;left: 85px;}
.cooper_list{padding: 30px 25px;height:280px;}
.cooper_list > ul > li{background: #fff;position: relative;margin:20px 0;}
.cooper_list > ul > li:after{content: '';display: block;width: 3px;height: 100%;position: absolute;left: 0;background: #00acef;top: 0;transition:0.3s all ease;}
.cooper_list > ul > li > a{display: block;color: #343434;font-size: 15px;line-height: 46px; text-align:center;height: 46px;position:relative;z-index: 3;transition:0.3s all ease;}
.cooper_list > ul > li > a:after{content: '';display: block;width: 30px;height: 30px;position: absolute;left: 15px;top: 8px;transition:0.3s all ease;}

.cooper_list > ul > li:hover > a{color: #fff;}
.cooper_list > ul > li:hover > a:after{background-position-x: 0;}
.cooper_list > ul > li:hover:after{width: 100%;}
.cooper_tel { text-align: center; color: #fff; padding-top: 50px; background: url(../images/company_tel.png) no-repeat center 5px; line-height: 20px; display: block; font-size: 15px; padding-bottom: 30px; }
.cooper_tel > .str{ font-family: arial; color: #fff; font-weight: bold; display: block; color: #fff; font-size: 20px; line-height: 30px; }

.cooper > .page > .fr{display: block;width: 1000px;padding-top: 40px;}
.cooper_mid{width: 980px;padding:0 0 30px 20px;}
.cooper_mid:after{content: '';clear: both;display: block;}
.cooper_mid > ul > li{width:245px; text-align:center; float:left;}
.cooper_mid > ul > li img{border:#b9b9b9 1px solid; margin:0 10px}
.cooper_mid > ul > li p{font-size:16px; line-height:39px;}

.cooper_corporate{width:960px;height:120px;background: url(../images/company_corporate.jpg) no-repeat right top;padding: 35px 20px 30px;position: relative;}
.cooper_corporate_in{width: 900px;margin:0 auto; overflow:hidden;}
.corporate_item{float: left;margin: 25px 15px;width:195px;}
.corporate_item img{display: block;width:146px;height:102px;}
.corporate_item p{display: block;line-height: 59px;font-size: 16px;color: #454545;border-bottom: 1px solid #eee;padding: 0 1px;position: relative;transition: 0.3s all ease;}
.corporate_item p:after{content: '';display: block;width: 20px;height: 20px;background: url(../images/corporate_item_btn.png) no-repeat -30px center;position: absolute;right: 0px;top: 19px;transition: 0.3s all ease}
.corporate_item p:before{content: '';display: block;width: 0%;height: 1px;display: block;position: absolute;bottom: -1px;left: 0;background: #c30c22;transition: 0.3s all ease;}
.corporate_item:hover p:before{width: 100%;}
.corporate_item:hover p:after{background-position-x: 0;}
.corporate_item:hover p{color: #c30c22}

.cooper_corporate_btn{width: 18px;height: 40px;position:absolute;top:90px;cursor: pointer;}
.cooper_corporate_btn#cooper_corporate_l{background: url(../images/company_corporate_l.png) no-repeat -18px 0;left:25px;}
.cooper_corporate_btn#cooper_corporate_r{background: url(../images/company_corporate_r.png) no-repeat -18px 0;right:25px;}
.cooper_corporate_btn:hover{background-position-x: 0 !important;}


/*about*/
.company_row1{height: 450px;width: 100%;background: url(../images/company_r1_bg.jpg) no-repeat center;overflow: hidden;}
.company_row2{height: 220px;width: 100%;background:#00acef;}
.company_row1 .fr{width: 50%;padding:30px 40px;box-sizing: border-box;}
.company_row1 .fr strong{font-size: 34px;font-weight: bold;line-height: 65px;display: block;text-align: justify;color: #00acef;}
.company_row1 .fr strong .small{display: block;font-size: 18px;font-weight: 100; line-height: 28px;color: #888}
.company_row1 .fr strong:after{content: '';display: block;width: 50px;height: 3px;background: #00acef;margin: 15px 0;}
.company_row1 .fr p{font-size: 13px;color: #666;line-height: 26px;display: block;text-align: justify;}

.parHd{display: block;height: 180px;margin-left: 20px;margin-top: 24px;}
/*.parHd ul{height: 100%;}*/
.parHd:after{content: '';width: 100%;height: 1px;background: #ddd;display: block;top: 48px;position: absolute;left: 0;}
.parHd ul > li{width: 120px; height:154px; font-size: 16px;font-family: arial;font-weight: bold;text-align: center;line-height: 50px;position:relative; float:left;}
.parHd ul > li > span{width: 40px;height: 40px;display: block;margin: 0 auto;position:relative;}
.parHd ul > li > span:before{content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:url(../images/his_0.jpg) no-repeat center bottom;opacity: 1; filter: alpha(opacity=100);}
.parHd ul > li > span:after{content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:url(../images/his_1.jpg) no-repeat center bottom;opacity: 0; filter: alpha(opacity=0);}
.parHd ul > li:after{content: '';background: #666;width: 6px;height: 6px;border-radius: 50%;display: block;position: absolute;top: 43px;left: 54px;z-index: 111;border: 3px solid #ededed;}
.parHd ul > li > .hide_h{font-size:13px;font-weight: 100;line-height: 22px;display: block;position: absolute;left: 0px;top: 110px;width:100%;background:#00acef;color:#fff;padding:5px 0;opacity: 0; filter: alpha(opacity=0);}
.parHd ul > li > .hide_h:after{ content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #00acef; display: block; position: absolute; top: -10px; left: 50px; transition: 0.2s all ease-in-out; }
.parHd ul > li.act:after{ background:#00acef; }
.parHd ul > li.act > span:before{ opacity: 0; filter: alpha(opacity=0); }
.parHd ul > li.act > span:after{opacity: 1; filter: alpha(opacity=100);}
.parHd ul > li.act{color: #00acef;}
.parHd ul > li.act > .hide_h{opacity: 1; filter: alpha(opacity=100);top:90px}
.parHd ul > li.clone.act:after{background:#666;}
.parHd ul > li.clone.act > span:before{opacity: 1; filter: alpha(opacity=100);}
.parHd ul > li.clone.act > span:after{opacity: 0; filter: alpha(opacity=0);}
.parHd ul > li.clone.act{color: #666;}
.parHd ul > li.clone.act > .hide_h{opacity: 0; filter: alpha(opacity=0);top:110px}
.event_box{width: 520px;height: 180px;position: relative}
.event_box >.parHd >.sPrev{background:#bbbbbb;display:block;width:20px;height:20px;border-radius:50%;position:absolute;top:39px;left:0px;cursor:pointer; z-index:1}
.event_box >.parHd >.sNext{background:#bbbbbb;display:block;width:20px;height:20px;border-radius:50%;position:absolute;top:39px;right:0px;cursor:pointer; z-index:1}
.event_box >.parHd >.sPrev > img,.event_box >.parHd >.sNext > img{padding: 5px;display: block}
.event_box >.parHd >.sPrev:hover,.event_box >.parHd >.sNext:hover{background:#00acef }

.company_item {float: left;width: 300px;text-align: center;position:relative;padding: 51px 0;height: 118px;}
.company_item > strong{ font-family: 'AVGARDN';font-size: 48px;color: #fff;font-weight: 100;display: block;text-align: center;line-height: 70px;}
.company_item > p{font-size: 14px;color: #fff;line-height:24px;font-weight:100;}
.company_item > .small{font-size: 20px;color: #fff; font-weight: 100;position: absolute;right:90px;top:74px;}
.company_item_2 > .small{right:100px}
.company_item_1{background: url(../images/index_13.jpg) no-repeat center;}
.company_item_2{background: url(../images/index_14.jpg) no-repeat center;}
.company_item_3{background: url(../images/index_16.jpg) no-repeat center;}
.company_item_4{background: url(../images/index_17.jpg) no-repeat center;}

/*honor*/
.honor{padding: 50px 0;background: url(../images/honor_bg.jpg) no-repeat center;height: 450px;}
.honor_row1{font-size: 40px;font-weight: 100;color: #333333;text-align: center;display: block;line-height: 45px;}
.honor_row1 .color{color: #2e3191;font-weight: bold;font-size: 40px;}
.honor_row1 .small{display: block;color: #9ca2ba;font-size: 15px}
.honor_row1:after{content: '';display: block;width: 40px;height: 3px;background: #2e3191;margin: 10px auto;}
.honor_row2{position: relative;margin: 35px auto;}
#honor_cont_c1{ width:1200px; margin: 0 auto; overflow:hidden;}
#honor_c1_left,#honor_c1_right{display: block;width:20px;height: 63px;display: block;position: absolute;background: url(../images/honor_btn.png) no-repeat 0 0;top:100px;cursor:pointer;}
#honor_c1_left{left: -10px}
#honor_c1_right{right: -10px;background-position: -24px 0;}
#honor_c1_left:hover,#honor_c1_right:hover{background-position-y:-66px;}

.honor_item{width:268px;display: block;float: left;margin:0 15px;position: relative;padding-bottom:18px;}
.honor_item > img{display: block;width: 100%;height: auto;}
.honor_item:after{content: ''; display: block;background: url(../images/honor_b.png) no-repeat center;width: 100%;position: absolute;bottom: 0;height: 18px;}

/*news*/

.news{ padding: 70px 0; background: #fff; width: 100%}

.news_l{ float:left;  }
.news_l a { height: 100px; width: 130px; background: #f4f4f4; margin-top: 1px;  position: relative; padding: 25px; transition:0.3s all ease-in-out; display: block; }
.news_l a:before{ content: ''; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #fff; border-bottom: 10px solid transparent; position: absolute; z-index: 2; right: -10px; top: 70px; transition:0.3s all ease-in-out; }
.news_l a.active:before{  border-top: 10px solid transparent; border-left: 10px solid #01acef; border-bottom: 10px solid transparent; }
.news_l a > b { display: block; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #888; transition:0.3s all ease-in-out; margin: 0 auto; background: url(../images/nicon.png) no-repeat 0 0; }
.news_l a.dls1 > b{ background-position: 10px 15px; }
.news_l a.dls2 > b{ background-position: 10px -135px; }
.news_l a.active > b{ background-position-x:-60px; }
.news_l a > b img{ display: none}

.news_l a:hover,.news_l a.active{background:#01acef;}
.news_l a > *{ position: relative; z-index: 3}
.news_l a strong { font-size: 16px; color: #888; display: block; line-height: 32px; padding-top: 10px; text-align: center; font-weight: 100; transition:0.3s all ease-in-out; }
.news_l a.active strong{ color: #fff}
.news_l a.active > b{ border-color: #fff; }


.new_cont .news_row2 { position: absolute; left: 0; top: 0; display: none; width: 640px; height: 410px; }
.new_cont { position: relative; width: 640px; height: 410px; display: block; }
.news_nor { height: 300px; width: 640px; overflow: hidden; border: 1px solid #f4f4f4; }
.news_row2 .divdgweb_new_div, .news_row2 .news_div { padding: 25px 20px; height: 250px; font-weight: normal; }
.news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item { position: relative; padding: 6px 0; height: 40px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }
.news_row2 .news_div_item:nth-last-child(1), .news_row2 .divdgweb_new_div_item:nth-last-child(1){border-bottom: 0 none !important;}
.news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; }

.news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{ content: '-'; }
.news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; }
.news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{ content: ''; background: #ad0909; width: 4px; height: 4px; position: absolute; left: 22px; top: 19px; }
.news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #444; padding-left: 45px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ transition: 0.3s all ease; }
.news_row2 .news_div_item_pic{display: none;}
.news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on { height: 90px; padding: 0px 0 10px 0; }
.news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body { line-height: 24px; color: #888; font-size: 13px; width: 560px; text-align: justify; position: absolute; right: 20px; top: 60px; transition:0.3s all ease-in-out; }

.news_row2 .on .news_div_item_body, .news_row2 .on .divdgweb_new_div_item_body{ top: 40px}

.news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top: 23px; right: 303px; display: none; }
.news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 0; top: 0px; width: 335px; color: #01acef; padding-left: 20px; }
.news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #ad0909; font-size: 24px; line-height: 30px; }
.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }

.video { width: 360px; }
.video_row1 a { font-size: 21px; color: #333; padding-left: 15px; border-left: #01acef 3px solid; line-height: 35px; display: block; margin: 0 0 20px; }
#modelView{ background-color:#DDDDDD; z-index:0; opacity:0.7; height: 100%; width: 100%; position: relative; }
.playvideo{ padding-top: auto; z-index: 9999; position: relative; top:0 !important; left: 0 !important; }
.zy_media{ z-index: 999999999}
.zy_media { background: #000; position: relative; padding-bottom: 44px; }
.zy_media video,.zy_media audio{ width:100%; position:absolute; top:0; left:0; display:block}.zy_fullscreen{ overflow:hidden}.zy_fullscreen .zy_media{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000}
.zy_fullscreen .zy_wrap,.zy_fullscreen video{width:100%;height:100%}
.zy_wrap{width:100%}
.zy_title{height:34px;padding-left:10px;color:#fff;font-size:12px;line-height:34px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:rgba(0,0,0,.25);position:absolute;left:0;right:0;top:0;-webkit-transition:top .5s;transition:top .5s}
.zy_media .dec_play,.zy_media .dec_loading,.zy_media .dec_error{margin:-32px 0 0 -31px;position:absolute;top:50%;left:50%}
.zy_media .dec_play::before{width:60px;height:60px;content:'';border-radius:60px;border:#e5e5e4 1px solid;display:block}
.zy_media .dec_play::after{width:0;height:0;content:'';border-color:transparent transparent transparent #e5e5e4;border-width:14px 20px;border-style:solid;position:absolute;top:16px;left:23px;z-index:2;display:block}
.zy_media .dec_loading{width:62px;height:62px;-webkit-animation:ani_loading .6s infinite linear;-webkit-animation-fill-mode:forwards;animation:ani_loading .6s infinite linear;animation-fill-mode:forwards}@-webkit-keyframes ani_loading{100%{-webkit-transform:rotate(360deg)}}@keyframes ani_loading{100%{transform:rotate(360deg)}}
.zy_media .dec_loading::before{width:7px;height:7px;content:'';border-radius:7px;background:#fff;opacity:.8;position:absolute;top:25px}
.zy_media .dec_loading::after{width:48px;height:48px;content:'';border-radius:50px;border:7px solid #fff;opacity:.2;display:block}
.zy_media .dec_error{width:62px;height:62px;margin-top:-53px;margin-left:-25px;white-space:nowrap;color:#fff;font-size:12px;text-align:center;position:absolute;top:50%;left:50%}
.zy_controls{height:44px;background:rgba(0,0,0,.55);position:absolute;left:0;right:0;bottom:0 !important;-webkit-transition:bottom .5s;transition:bottom .5s;display:-webkit-box;display:box;display:-webkit-flex;display:flex}
.zy_playpause_btn{width:26px;height:30px;margin-right:4px;padding:13px 0 0 14px;position:relative}
.zy_play::before{width:0;height:0;content:'';border-color:transparent transparent transparent #cbcbcb;border-width:8px 12px;border-style:solid;display:block}
.zy_pause::before,.zy_pause::after{width:3px;height:14px;content:'';background:#cbcbcb;position:absolute;top:13px;left:14px}
.zy_pause::after{left:22px}
.zy_timeline{margin-right:10px;-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto}
.zy_timeline_slider{width:100%;height:1px;background:#999;position:relative;top:21px;left:0}
.zy_timeline_buffering{width:100%;height:15px;top:-7px;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;background-size:15px 15px;-webkit-animation:ani_buffering 2s linear infinite;animation:ani_buffering 2s linear infinite;position:absolute}@-webkit-keyframes ani_buffering{from{background-position:0 0}to{background-position:30px 0}}@keyframes ani_buffering{from{background-position:0 0}to{background-position:30px 0}}
.zy_timeline_loaded{width:0;height:1px;background:#e5e5e5;position:absolute;top:0;left:0;z-index:1}
.zy_timeline_current{width:0;height:1px;background:#ff6159;position:relative;z-index:2}
.zy_timeline_handle{width:16px;height:16px;border-radius:16px;background:#e5e5e5;position:absolute;top:-8px;left:-8px;z-index:3}
.zy_time{width:auto;height:44px;margin-right:5px;line-height:44px;font-size:11px;color:#999;text-align:center}
.zy_time .zy_currenttime{color:#e5e5e5}
.zy_fullscreen_btn{width:38px;height:44px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAAEsY2FrAAAAElBMVEX///////////////////////+65XQCAAAABXRSTlMAHm1u3TG+li4AAAB5SURBVBgZBcGxbQNBEAQwPnCXC49TviU4UQnKx8ZP/62YVB58qQCIBwArGgAAwK4HkAUEgEXAEmBFG/AH+B0gN5BrQLwAAG4bXLOBewPXB/AGu6VtG4CeAUCdAaCcAVCcAQAAAAMAzrAD4IwdAM7PDgDOJwBt2wAA/9uDEjcL3fqtAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center;-webkit-background-size:16px;background-size:16px}
.zy_unfullscreen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAAEsY2FrAAAAElBMVEX///////////////////////+65XQCAAAABXRSTlMAHm1u3TG+li4AAAB5SURBVBgZBcGxDcMwEAQwGtH1QuD0WiGAB8gI39z+q4SEhR8AwALAwmAwgCAIS4AV0BYg7UAWEIttwNeA1x7gO8BrQDsAAGlBDpA3kOuAeIO4eDYZAM+WAeDZGQA8nwFo2w4AAAAAANq2A9D7AKDuA0C5D4DiPgDAH9lBEChOLXSRAAAAAElFTkSuQmCC)}

/*bottom*/
.copy { background: #01acef; padding: 35px 0 20px; width: 100%; }
.copy_tel { width: 450px; display: block; }
.copy_tel i{ display: block; float: left; border-radius: 50%; background: #FFF; padding:8px;margin-right: 6px; }
.copy_tel .en { font-size: 12px; color: #fff; display: block; line-height: 12px; padding-bottom: 3px; }
.copy_tel p{ font-size: 18px; color: #fff; line-height: 18px; font-family: arial; }
.copy_nav a{ color: #fff; float: left; font-size: 14px; line-height: 36px; margin:0 5px; padding: 0 10px; }
.copy_nav a:hover{ text-decoration: underline; }
.cr4button { float: right; padding: 7px; }
.cr4button a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding: 8px; border: 1px solid #fff; border-radius: 50px; margin-left: 10px; transition:0.3s all ease-in-out; }
.cr4button a:hover{ background: #2e3191; border-color: #2e3191; }
.ewm { position: absolute; width: 100px; bottom: 45px; right: -35px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.ewm img { width: 100%; height:auto; }
.copy_row2{ padding: 25px 0 0; }
.copy_row2 .fl, .copy_row2 .fl a {
    line-height: 50px;
    color: #dbe4ed;
}
.copy_row2 .fl a:hover{
    color: #fff;text-decoration: underline; 
}



.dn{display: none;}

/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/s_icon.png);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}

.go-top .uc-2vm-pop {
    position: absolute;
    right: 60px;
    top: -214px;
    width: 200px;
    box-shadow: 0px 1px 4px rgba(0,0,0,.1);
    background: #fff;
    padding: 10px;
}
.go-top .uc-2vm-pop .title-2wm {
    font-size: 15px;
    margin: 10px 20px;
    text-align: center;
    font-weight: 100;
}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}

/*inside*/
.inbanner {
    width: 100%;
    height: 400px;
}
.inbanner1{background:url(../images/image_06.jpg) no-repeat center;}

.insdie-wrap { position: relative; }

.mbx { width: 100%; line-height: 50px; height: 50px; border-bottom: 1px solid #e5e5e5; position: relative; }
.mbx .prod_list_in { width: 220px; }
.mbx .mbx_product { display: block; margin-left: auto; width: 170px; text-align: center; font-size: 15px; padding: 0 15px 0 35px; position: relative;transition:0.3s all ease-in-out;}
.mbx .prod_list_in:hover .mbx_product{background: #2e3191;color: #fff}
.mbx .prod_list_in:hover .mbx_product:after{color: #fff}
.mbx .mbx_product:after {transition:0.3s all ease-in-out; position: absolute; left: 20px; top: 50%; transform: translateY(-50%) rotate(0deg); font-family: 'FontAwesome'; content: '\f078'; z-index: 10; font-size: 14px; color: #333; }

.mbx_product_e { position: absolute; width: 100%; top: 50px; z-index: 5; background: rgba(245,245,245,0.9); left: 0; display: none; }
.mbx_product_e > .page{padding: 50px 0;}
.mbx_product_e > .page:after{content: '';clear: both; display:block;}
.mbx_product_e > .page > div > a,.mbx_product_e > .page > div > a img{ display: block; width: 100%; height: auto; text-align: center; font-size: 15px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px; }
.mbx_product_e > .page > div { float: left; width: 204px; margin-right: 20px; margin-bottom: 20px; }
.mbx_product_e > .page > div:nth-child(5n) { margin-right: 0; }
.mbx_product_e > .page > div > a:hover{color: #2e3191}

.mbx .fr ul li { float: left; margin: 0 5px; }
.mbx .fr ul li a { display: block; font-size: 15px; text-transform: capitalize; padding: 0 15px; line-height: 48px; border-bottom: 2px solid #fff; transition: 0.3s all ease-in-out; }
.mbx .fr ul li:hover a,.mbx .fr ul li.on a,.mbx .fr ul li.cur a { border-bottom: 2px solid #2e3191; color: #2e3191; }

.plc {background:url(../images/pos_icon.png) no-repeat 0px 13px; line-height: 50px; height: 50px; width: 100%; transition:0.3s all ease-in-out; }
.plc:hover { background-position: 0 -26px; }
.plc p { display: inline-block; padding-left: 40px; }
.plc,.plc p, .plc a { color: #444; font-size: 15px; }
.plc a:hover{ color: #2e3191}
.listWrapper { padding:40px 0 50px; background: #f5f5f5; }
.listWrapper.image > .page { overflow: hidden; }
.listWrapper.image > .page > .fl { padding: 20px 0 0; }

.listWrapper.image .image_row3 {

    padding: 20px 0;

}
.image_item { position: relative; float: left; width: 285px; margin-right: 20px; margin-bottom: 20px; background: #fff;}
.image_item p { display: block; text-align: center; background: #fff; border-top: 1px solid #f5f5f5; padding: 5px 10px; position: relative; overflow: hidden; }
.image_item p a { display: block; line-height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.image_item p a:after{ content: 'More +'; color: #fff; background: #2e3191; width: 100%; height: 100%; bottom: -100%; position: absolute; left: 0; transition:0.3s all ease-in-out; line-height: 51px; font-size: 15px}
.image_item:hover p a:after{ bottom: 0; }
.image_item > a,.image_item > a > img { display: block; width: 100%; }
.image_row3 .image_item:nth-child(4n) { margin-right: 0; }
.image_item p a:after{ display: none; }
.image_item p,.image_item p a{ transition:0.3s all ease-in-out; }
.image_item:hover p{ background: #2e3191; }
.image_item:hover p a{ color: #fff; }

/*分页样式*/

.pagination { padding: 20px 0; text-align: center; overflow: hidden; }
.pagination a{ font-size:12px; line-height:30px; display:inline-block; height:30px; padding:0 12px; text-align:center; color:#333; border: 1px solid #e3e3e3; background:#fff; margin-left:2px; }
.pagination a.a1{ line-height:30px; height:30px; margin-top:0; padding:0 12px; }
.pagination a:hover{ text-decoration:none; color:#000; background:#f1f1f1; }
.pagination span { line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #fff; margin-left: 2px; background: #2e3191; color: #fff; border:1px solid #232674; }

/**/
.cooper_box {
}
.client_item { float: left; width: 280px; padding:0 10px; position: relative; }
.client_item *{ transition: 0.3s all ease-in-out}
.client_item > img{ width: 100%; height: auto; display: none; }
.client_item > p { position: relative; padding: 270px 30px 30px; }
.client_item > p:after{ content:''; position:absolute; left:0px; top:-50px; width:0; height:0; border-right:193px solid #86c225; border-left:192px solid #86c225; border-top:50px solid transparent; transition:0.3s all ease-in-out; opacity: 0; filter: alpha(opacity=0); }
.client_item > p > i { display: block; position: absolute; top: 0px; border-radius: 50%; overflow: hidden; width: 260px; height: 260px; left:10px; box-shadow: 0 0 10px 0px #eee; z-index: 3; }
.client_item > p > i > img { display: block; width:185px; height:129px; padding:66px 40px; background: #fff; }
.client_item > p > span{ font-size: 14px; line-height: 22px; color: #777; padding: 10px 0 0; display: none; text-align: justify; letter-spacing: 0.1px; }
.client_item > p > strong { font-size: 18px; font-weight: normal; display: block; line-height: 40px; position: relative; text-align: center; font-family: arial,microsoft yahei; display: none; }
.client_row2 {
    position: relative;
}

/*news*/
.news-list li{ display:block; background-color:#ffffff; position:relative; margin-top:22px; }
.news-list li:first-child i{ display:block; width:60px; height:43px; background:url(../images/icon/icon-new.png) no-repeat center center; position:absolute; top:0px; right:0px; }
.news-list .news-box{ display:block; padding:24px 0 24px 24px; position:relative; overflow:hidden; }
.news-box .news-img{ width:334px; height:219px; overflow:hidden; float:left; }
.news-box .news-block{ float:left; margin:0 0 0 30px; }
.news-box .name { width: 600px; font-size: 22px; color: #333; margin: 20px 0 0; display: block; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-box .con { width: 600px; height: 72px; font-size: 14px; color: #666666; line-height: 28px; margin: 22px 0 0; text-transform: capitalize; }
.news-box .more{ width:82px; height:32px; line-height:32px; text-align:center; font-size:15px; color:#474747; border:1px solid #474747; margin:20px 0 0; }
.news-box:hover .more{ border-color:#2e3191; color:#2e3191; }
.news-date{ font-size:18px; color:#474747; font-family:'Arial'; text-align:center; float:left; margin:65px 0 0 85px; }
.news-date h2 { padding-bottom: 6px; font-weight: normal; font-size: 56px; border-bottom: 1px solid #474747; margin-bottom: 4px; display: block; line-height: 60px; }
.news-box:hover .name{ color:#2e3191; }
.news-date p { font-size: 15px; display: block; line-height: 30px; color: #666; }
.news-box .news-img img { display: block; width: 100%; height: 100%; }
.news-list li:hover{ box-shadow:0 0 10px 4px #e1e1e1; transform:translate3d(0,-2px,0); transition:all .3s cubic-bezier(.55,0,.1,1)}

.l-pn{ width:1200px; margin:0 auto; }
.l-pn > img { display: block; margin: 0 auto; }
.l-pn h2 { padding: 36px 0 0px 0; text-align: center; font-size: 28px; font-weight: normal; line-height: 34px; display: block; }
.l-pn h3 { height: 50px; line-height: 50px; font-size: 14px; text-align: center; font-weight: normal; color: #969696; border-bottom: 1px dashed #999999; padding-bottom: 10px; }
.l-pn h3 #cntrHits { font-size: inherit; color: inherit; }
.l-pn h3 a{ color:#969696; }
.lf-ct { padding: 30px 0; border-bottom: 1px solid #ccc; }
.lf-ct,.lf-ct p{color: #777; font-size: 15px; line-height: 30px; text-align: justify; text-indent: 2em;}
.lf-ct p {  padding-bottom: 5px; }
.l-pl { height: 425px; position: relative; background-color: #fff; overflow: hidden; }
.l-pl-img { display: block; position: relative; left: 50%; margin-left: -960px; }
.l-pl-a img { display: block; position: absolute; left: 50%; margin-left: -126px; bottom: 0; cursor: pointer; }
.large-12{ text-align:center; }
.l-pn-l{ float: left; margin-bottom:16px; margin-top: 14px; }
.l-pn-l-pn{ display: block; font-size: 14px; color: #666; line-height: 30px; }
.l-pn-l-pn a{ font-size:14px; color: #666; }
.l-pn-l-pn a:hover{ color: #2e3191; font-size:14px; }
.l-pn .lin-a{ float: right; margin-top: 25px; height: 35px; width:120px; padding: 0 15px; border:1px #2e3191 solid; margin-right: 0; color: #2e3191; text-align:center; font-size:16px; line-height:32px; border-radius:20px; }
.l-pn .lin-a:hover{ color: #fff; border:1px #2e3191 solid; background-color:#2e3191; text-align:center; font-size:16px; line-height:32px; border-radius:20px; }

/*联系我们*/
.contact_row3 { background: #fff; padding: 50px; position: relative; margin-top: 30px;}
.contact_row3 .fl { width: 580px; }
.contact_row3 .fr { width: 500px; }
.contact_row3 strong { font-size: 25px; font-weight: 100; line-height: 50px; display: block; text-transform: capitalize; padding-left: 20px; border-left: 3px solid #2e3191; background: #f6f6f6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px}
.contact_row3 p,.contact_row3 p a { font-size: 15px; color: #666; line-height: 35px; }
.contact_row3 p { padding-top: 10px; }
.contact_row3 p a { display:inline-block; padding-left:5px; }
.contact_row3 p a:hover{ color: #2e3191; }
.contact_row3 .fl > .in_contact{ margin-top: 30px}
.contact_row3:after,#feedback:after{ content: ''; width: 100%; height: 74px; background: url(../images/y-4.png) no-repeat center; display: block; position: absolute; bottom: -74px; left: 0; }


.my-map { margin: 0 auto; width: 500px; height:340px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-blue { background-position: -11px -55px; }

.amap-container{ height: 100%; }


#feedback { margin: 0px auto 120px; padding: 50px; background: #fff; position: relative; }
.feedback .title span { font-size: 26px; font-weight: 100; line-height: 50px; display: block; text-transform: capitalize; padding-left: 20px; border-left: 3px solid #2e3191; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px; }
.feedback form .col6 { display: block; float: left; width: 353px; margin: 20px 20px 0 0; position: relative; }
.feedback form .tableRow #verifyImage { position: absolute; right: 6px; top: 6px; width: 95px; height: 30px; }
.feedback form .mail.col6 { margin-right: 0; }
.feedback form { display: block; width: 100%; margin: 0 auto; }
.feedback form .col6 input { border: 0 none; display: block; padding-left: 46px; line-height: 42px; background: #f5f5f5 url(../images/20171211180224_1693960623.jpg) no-repeat; width: 100%; height: 42px; font-size: 14px; color: #454545; box-sizing: border-box; }

.feedback form .col12 { margin-top: 20px; display: block; overflow: hidden; }
.feedback form .col12 textarea { border: 0 none; display: block; background: #f5f5f5 url(../images/20171211180224_1693960623.jpg) no-repeat 4px -145px; width: 100%; padding: 8px 8px 8px 46px; line-height: 42px; font-size: 14px; color: #454545; box-sizing: border-box; }
.feedback form .xm.col6 input { background-position: 4px 5px; }
.feedback form .tel.col6 input { background-position: 4px -34px; }
.feedback form .add.col6 input { background-position: 4px -74px; }
.feedback form .tableRow.col6 input { background-position: 4px -74px; }
.feedback form .mail.col6 input { background-position: 3px -114px; }

.feedback form .col12 p { line-height: 40px; font-size: 15px; vertical-align: middle; color: #666; }
.feedback_btn { margin:40px 0 20px; display: block; text-align: center; }
.feedback_btn input{ display: inline-block; background:#5f5f5f; border: 0 none; color: #fff; padding: 3px 20px; line-height: 28px; font-size: 16px; letter-spacing: 1px; cursor: pointer; margin:0 5px; transition:0.3s all ease-in-out; border-radius: 35px; }
.feedback_btn input#submit{ background: #2e3191; color: #fff; }
.feedback_btn input:hover{ padding: 3px 35px}

/*about*/
.con_box{
	padding:40px 0;
	font-size: 15px;
    line-height: 32px;
}

/**/
.pro_list_box{}
.dgweb_list_item > .dgweb_list_item_pic > a{ display:block; overflow:hidden; margin: 3px; }
.dgweb_list_item > .dgweb_list_item_pic > a > img{ width: 100%; transition: ease-in-out 0.25s all; height:auto; border:0 none !important; }
.dgweb_list_item{ float: left; width:23% !important; margin: 1% 1% 5%; background:#fcfcfc; transition: ease-in-out 0.15s all; box-shadow:0 0 0px 1px #ccc; position:relative; }
.dgweb_list_item:hover{ box-shadow:0 0 0px 1px #01acef; }
.dgweb_list_item > .dgweb_list_item_pic { height: auto !important; }
.dgweb_list_item .dgweb_list_item_a::after,
.dgweb_list_item .dgweb_list_item_a:after{ content: ''; transition: ease-in-out 0.15s all; background:#2e3191; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }
.dgweb_list_item .dgweb_list_item_a::before,
.dgweb_list_item .dgweb_list_item_a:before { content: ''; transition: ease-in-out 0.4s all; background: #01acef; position: absolute; left: -200%; bottom: 0; width: 200%; height: 200%; z-index: 2; top: -200%; border-radius: 50%; opacity: 0; }
.dgweb_list_item:hover .dgweb_list_item_a::after{ }
.dgweb_list_item:hover .dgweb_list_item_a::before,
.dgweb_list_item:hover .dgweb_list_item_a:before { left: -50%; top: -50%; opacity: 1; }
.dgweb_list_item .dgweb_list_item_a{ bottom:-15px; width:90%; position:absolute; padding:2px 0 !important; margin:0 5%; overflow:hidden; }
.dgweb_list_item .dgweb_list_item_a a{ display: block; font-size: 13px; line-height: 25px; transition: ease-in-out 0.15s all; color:#fff; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; position:relative; z-index:3; }
.dgweb_list_item:hover > .dgweb_list_item_pic > a > img{ transform:scale(1.1); }
.dgweb_list_item:hover{ }
.dgweb_list_item:hover .dgweb_list_item_a{ }
.dgweb_list_item:hover .dgweb_list_item_a a{ color:#fff}

/**/
.in_page_row2 { padding:0 0 0px;  }
.in_page_row2.prod > .page { overflow: hidden; }
.in_page_row2.prod > .page > .fl { padding: 20px 0 0; }
.in_page_row2 .section { width: 100%; padding-top: 20px; }
.in_page_row2 .section .con li { width:285px; margin-right: 20px; float: left; margin-bottom: 20px; }
.in_page_row2 .section .con li:nth-child(4n){ margin-right: 0px; }
.in_page_row2 .section .con li .Pic { display: block; width: 100%; overflow: hidden; }
.in_page_row2 .section .con li .Pic img { display: block; transform: scale(1); transition: all 2s ease-out; width: 100%; height: auto; }
.in_page_row2 .section .con li:hover .Pic img{ transform: scale(1.2); }
.in_page_row2 .section .con li .intro { padding: 15px 20px 20px; background: #fff; position: relative; }
.in_page_row2 .section .con li .intro h3{ font-size: 16px; color: #333333; font-weight: normal; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.in_page_row2 .section .con li .intro h3 a{ color: #333333; text-decoration: none; font-size: 16px; line-height: 35px}
.in_page_row2 .section .con li .intro p { line-height: 23px; color: #666666; font-size: 14px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; height: 50px; }
.in_page_row2 .section .con li .intro .btn { overflow: hidden; width: 100%; height: 42px; background: #fff; margin-top: 10px; border: 1px solid #eee; box-sizing: border-box; border-radius: 50px; transform: rotate(0deg); }
.in_page_row2 .section .con li .intro .btn a { display: block; width: 50%; height: 42px; line-height: 41px; text-align: center; font-size: 14px; color: #777777; text-decoration: none; float: left; }
.in_page_row2 .section .con li .intro .btn a i{ display: inline-block; width: 7px; height: 12px; background: url(../images/proListClassify_icon04.png) no-repeat center; margin-left: 8px; position: relative; top: 2px; }
.in_page_row2 .section .con li .intro .btn a:hover{ color: #fff; }
.in_page_row2 .section .con li:hover h3 a{ color: #c30c22; }
.in_page_row2 .section .con li .intro .btn a.more:hover { background: #2e3191; }
.in_page_row2 .section .con li .intro .btn a.more:hover i{ background: url(../images/proListClassify_icon05.png) no-repeat center; }
.in_page_row2 .section .con li .intro .btn a.zx:hover{ background:#01acef; }
.in_page_row2 .section .con li .intro .btn a.zx:hover i{ background: url(../images/proListClassify_icon05.png) no-repeat center; }

/* proDetailsIntro */

.proDetailsIntro{width: 100%;padding-top: 30px;padding-bottom: 100px;background: #f5f5f5;}

.proDetailsIntro > .page::after { content: ''; display: block; clear: both; }

.proDetailsIntro .conL{width:600px;float: left;position: relative;overflow: hidden;}

.proDetailsIntro .conL i{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;cursor: pointer;overflow: hidden;top: 50%;margin-top: -22px;}

.proDetailsIntro .conL i.prev{left: 0;}

.proDetailsIntro .conL i.next{ right: 0; }

.proDetailsIntro .conL .btnList { width: 100%; height: 14px; text-align: center; position: absolute; bottom: -74px; padding: 30px 0; background: rgba(0,0,0,0.3); transition: 0.3s all ease-in-out; }

.proDetailsIntro .conL:hover .btnList{ bottom: 0; }



.proDetailsIntro .conL .btnList span{ display: inline-block; width: 14px; height: 14px; overflow: hidden; position: relative; background: #fff; margin-left: 16px; cursor: pointer; border-radius: 50px; } 

.proDetailsIntro .conL .btnList span.cur{ background: #1a3287; }

.proDetailsIntro .conL .btnList span:first-child{ margin-left: 0; }

.proDetailsIntro .conL .conBox{ width: 600px; height: 450px; position: relative; overflow: hidden; }

.proDetailsIntro .conL .conBox ul{ position: absolute; top: 0; left: 0; }

.proDetailsIntro .conL .conBox li{ float: left; width: 600px; }

.proDetailsIntro .conL .conBox li img{ display: block; width:600px; height:450px; }

.proDetailsIntro .conR{ float: right; padding-top: 20px; width:541px; height: 430px; position: relative; }

.proDetailsIntro .conR h3{ font-size: 24px; color: #333333; font-weight: normal; }

.proDetailsIntro .conR i{ display: block; width: 541px; height: 2px; margin: 28px 0 32px 0; }

.proDetailsIntro .conR h4{ font-size: 14px; color: #333333; font-weight: normal; margin: 46px 0 26px; }

.proDetailsIntro .conR p { font-size: 14px; color: #666666; line-height: 32px; }

.proDetailsIntro .conR .box{ width: 100%; position: absolute; bottom: 20px; left: 0; }

.proDetailsIntro .conR .box .zx { display: block; width: 200px; height: 50px; float: left; font-size: 22px; color: #fff; line-height: 48px; background: #333; text-align: center; text-decoration: none; border-radius: 100px; transition: 0.3s all ease-in-out; }

.proDetailsIntro .conR .box .zx:hover{ background: #1a3287}

.proDetailsIntro .conR .box .zx img{ position: relative; top: 4px; margin-left: 8px; }

.proDetailsIntro .conR .box .phone { float: left; padding-left: 56px; background: url(../images/proListClassify_phone.png) no-repeat left center; margin-left: 46px; margin-top: 2px; }

.proDetailsIntro .conR .box .phone span { display: block; font-size: 14px; color: #454545; line-height: 20px; }

.proDetailsIntro .conR .box .phone em { display: block; font-size: 26px; color: #1a3287; font-family: arial; line-height: 26px; }

/* proDetailsCanS */

.proDetailsCanS{width: 100%; background:#fff;}

.proDetailsCanS .container{position: relative;}

.proDetailsCanS .menu{width: 100%;height: 60px;position: absolute;top: -60px;}

.proDetailsCanS .menu li{float: left;width:49.9%;border-left: 1px solid #eaeaea;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #fff;background: #8c8c8c;cursor:pointer;}

.proDetailsCanS .menu li.status_on{background: #1a3287;}

.proDetailsCanS .mainCon{width: 100%;background: #fff;}

.proDetailsCanS .mainCon .box{width: 100%;  padding:50px 0;}

.proDetailsCanS .mainCon .box p{ width:100%; margin:0 auto; white-space:normal; word-spacing:10px; line-height: 30px;font-size: 14px;color: #333333;}

/* mub01Top */

.mub01Top{width: 100%;height: 42px;border-bottom: 1px solid #eaeaea;}

.mub01Top h3{font-size: 20px;color: #333333;float: left;}

.mub01Top h3 em{ color: #1a3287; font-weight: bold; font-size: 20px; font-style: normal; }

.mub01Top h3 i{ display: block; width: 24px; height: 1px; background: #1a3287; position: relative; top: 18px; }

.mub01Top a.more{ display: block; font-size: 14px; color: #666666; float: right; margin-right: 6px; text-decoration: none; line-height:34px; }

.mub01Top a.more:hover{ color: #1a3287; }

/* proDetailsPictures */

.proDetailsPictures { width: 100%; background: #f5f5f5; padding: 20px 0 30px; }

.proDetailsPictures .mainCon{ width: 100%; padding-top: 20px; }

.proDetailsPictures .mainCon li{ float: left; width: 290px; margin-left: 13px; text-align: center; }

.proDetailsPictures .mainCon li:first-child{ margin-left: 0; }

.proDetailsPictures .mainCon li em { display: block; font-size: 14px; color: #333333; margin-bottom: 15px; width: 290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; font-style: normal; }

.proDetailsPictures .mainCon li span{ display: block; width: 290px; height: auto; overflow: hidden; position: relative; }

.proDetailsPictures .mainCon li a{ display: block; text-decoration: none; }

.proDetailsPictures .mainCon li img{ display: block; transform: scale(1); transition: all 2s ease-out; width:290px; height:auto; }
.pro_indes {



    display: block;

    padding: 80px 0 40px;

    font-size: 15px;

    line-height: 30px;

    color: #454545;

    position: relative;

    z-index: 111111;



}

.pro_indes:before {



    content: '';

    background: #eee;

    display: block;

    width: 100%;

    height: 1px;

    position: absolute;

    top: 32px;

    left: 0;



}

.pro_indes:after {content: '产品介绍';display: block;font-size: 30px;font-weight: bold;color: #1a3288;text-align: center;line-height: 60px;position: absolute;top: 0;left: 40%;width: 20%;background: #fff;}

/*产品联系我们*/

.proDetailsCanS .mainCon .conL{ width: 455px; float: left; background: #fff; padding: 54px 70px 0 75px; }

.proDetailsCanS .mainCon .conL h3 { font-size: 24px; color: #1a3287; margin-bottom: 0px; display: block; line-height: 30px; }

.proDetailsCanS .mainCon .conL .box{ width: 100%; }

.proDetailsCanS .mainCon .conL .box li{ height: 71px; border-bottom: 1px solid #e5e5e5; overflow: hidden; }

.proDetailsCanS .mainCon .conL .box li:first-child{ border-top: 1px solid #e5e5e5; }

.proDetailsCanS .mainCon .conL .box li img{ display: block; margin-top: 18px; float: left; }

.proDetailsCanS .mainCon .conL .box li p{ float: left; margin-top: 26px; width: 402px; float: right; padding-top:0; line-height:20px; }

.proDetailsCanS .mainCon .conL .box p span{ font-size: 15px; color: #666666; }

.proDetailsCanS .mainCon .conL .box p em{ font-size: 15px; color: #333; }



/*内页图片点击放大*/

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}

#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}

#jquery-lightbox a img{border:none;}

#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}

#lightbox-container-image{padding:10px;}

#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}

#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}

#lightbox-container-image-box > #lightbox-nav{left:0;}

#lightbox-nav a{outline:none;}

#lightbox-nav-btnPrev,

#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}

#lightbox-nav-btnPrev{left:0;float:left;}

#lightbox-nav-btnNext{right:0;float:right;}

#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}

#lightbox-container-image-data{padding:0 10px;color:#666;}

#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}

#lightbox-image-details-caption{font-weight:bold;}

#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}

#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}