@charset "utf-8";
body {  margin:0; padding:0; font-family: "微软雅黑";  font-weight: normal; background: #ffffff;}
body::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none;  color: #333333;}
a:hover { color: #3a65c8;}
/*public*/
.top_bg { width: 100%; height: 60px; overflow: hidden; display: none;}
.header_bg { width: 100%; height:auto; overflow: hidden; display: block; margin-top: 20px;}
.width { width: 1200px; height: auto; overflow: hidden; display: block; margin: 0px auto; position: relative;}
.width_nav { width: 1200px; height: auto; overflow: hidden; display: block; margin: 0px auto; position: relative;}
.logo { width:263px; height:auto; overflow: hidden; display: block; float: left;}
.top_tel { display: inline-block; font-size: 17px; line-height:25px; color: #555555; background: url(../images/top_tel.png) no-repeat left; padding-left:50px; position: absolute; z-index: 1; top:5px; right: 0;  }
.top_tel span { font-size: 25px; font-weight: bold; line-height: 30px; color: #3a65c8; display: block;}

.nav_bg { width: 100%; height: 50px; display: block; background: #3a65c8; margin-top: 20px;}
.nav_ul { display: block; height: 50px; position: relative; margin: 0px auto; width:1200px; }
.nav_ul li { width: 200px; height: 50px; display:block;  box-sizing: border-box; position: relative;  text-align: center; line-height: 50px; float: left; transition: all .3s;}
.nav_ul li a { display: block; font-size: 16px; color: #ffffff; overflow: hidden; line-height: 50px;}
.nav_ul li:hover { background: #0f3897; font-weight: bold;}
.nav_ul li dl { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; z-index: 9; top: 50px; display:none;}
.nav_ul li dl dd { width: 100%; height: 45px; display: block; overflow: hidden; text-align: center; background: #0f3897; border-top: 1px dotted #ffffff; transition: all .3s;}
.nav_ul li dl dd a { font-size: 14px !important; line-height: 45px; font-weight: normal !important;}
.nav_ul li dl dd:hover { background: #3a65c8;}
.nav_ul li:hover dl { display:block;}

.nav_img_bg { display: none; width: 30px; height: 30px; position: fixed; top: 15px; right:3%; z-index: 999999;}
.nav_u_down2 { display: none;}

.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_bg li { position: relative; width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg .swiper-slide { overflow: hidden;}
.banner_bg .img { width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg .img_wap { display: none;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 99;}
.banner_bg .swiper-pagination-bullet { width: 12px; height: 12px; border: 3px solid #ffffff; margin: 0px 5px; outline: none;opacity: 1; background: none;}
.banner_bg .swiper-pagination-bullet-active { border: 3px solid #2068c9; width:12px; height: 12px; background: #none; opacity: 1;}
.banner_ab { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; top: 40%; transform: translateY(-50%); text-align: center;}
.banner_ab .tit { display: block; font-size:55px; color: #ffffff; line-height: 70px; font-weight: bold; text-align: center;}
.banner_ab .des { display: block; font-size: 25px; color: #ffffff; line-height: 35px; font-weight: normal; text-align: center; margin-top: 15px;}
.banner_bg .swiper-button-next-banner { width: 48px; height: 48px; position: absolute; z-index: 99; right: -50px; background: url(../images/bn_right.png) no-repeat; top: 50%; margin-top: -24px; outline: none; cursor: pointer; transition: all .3s; opacity: 0;}
.banner_bg .swiper-button-prev-banner { width: 48px; height: 48px; position: absolute; z-index: 99; left:-50px; background: url(../images/bn_left.png) no-repeat; top: 50%; margin-top: -24px; outline: none; cursor: pointer; transition: all .3s; opacity: 0;}
.banner_bg:hover .swiper-button-prev-banner { left: 2%; opacity: 1;}
.banner_bg:hover .swiper-button-next-banner { right: 2%; opacity: 1;}
.banner_n { width: 100%; height:400px; overflow: hidden; display: block; position: relative;}
.banner_n_ab { width: 100%; height: auto; overflow: hidden; text-align: center; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%);}
.banner_tit { display: block; text-align: center; font-size:40px; color: #FFFFFF; font-weight: bold; line-height: 50px;}
.banner_tit_span {display: block; text-align: center; font-size: 20px; color: #FFFFFF; font-weight: bold; line-height: 35px; margin-top: 5px; text-transform: uppercase;}

.iabout_bg { width:1200px; height:380px; display: block; position: relative; margin: 0px auto; padding-bottom: 80px; box-sizing: border-box;}
.iabout_l { width: 440px; height: 480px; position: absolute; display: block; overflow: hidden; z-index: 9; bottom: 0; left: 0; background: #3a65c8;}
.iabout_l_tit_bg { width:220px; height: auto; overflow: hidden; margin: 30px auto 0px auto; display: block; background: url(../images/iabout_bg.png) no-repeat center bottom; padding-bottom: 10px;}
.iabout_l_tit { font-size: 25px; font-weight: bold; line-height: 35px; display: block; overflow: hidden; text-align: center; color: #ffffff;}
.iabout_l_tit span { display: block; font-size: 18px; font-family: arial; line-height: 25px;}
.iabout_l_sw { width: 400px; height: auto; overflow: hidden; position: relative; display: block; margin: 25px auto 0px auto;}
.iabout_l_sw .img { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_l_sw .swiper-button-next-about { width: 30px; height: 60px; position: absolute; z-index: 99; right:0px; background: url(../images/about_r_scr.jpg) no-repeat; top: 50%; margin-top: -35px; outline: none; cursor: pointer; transition: all .3s; opacity: .5;}
.iabout_l_sw .swiper-button-prev-about { width: 30px; height: 60px; position: absolute; z-index: 99; left:0px; background: url(../images/about_l_scr.jpg) no-repeat; top: 50%; margin-top: -35px; outline: none; cursor: pointer; transition: all .3s; opacity: .5;}
.iabout_l_sw:hover .swiper-button-prev-about { opacity: .9;}
.iabout_l_sw:hover .swiper-button-next-about { opacity: .9;}
.iabout_l_sw .swiper-pagination-about { width: 100%; text-align: center; position: relative; margin-top: 15px;}
.iabout_l_sw .swiper-pagination-bullet { width: 10px; height: 10px; background: #000000; margin: 0px 3px; outline: none;opacity: .5; }
.iabout_l_sw .swiper-pagination-bullet-active { width:10px; height: 10px; background: #ffffff; opacity: .9;}

.iabout_r { width: 725px; height: auto; overflow: hidden; display: block; float: right; margin-top: 35px;}
.iabout_r_tit { width: 100%; height: 50px; font-size: 24px; font-weight: bold; color: #3a65c8; line-height: 50px; display: block; overflow: hidden; text-align: center; background: url(../images/iabout_hr.jpg) no-repeat right;}
.iabout_r_des { width: 100%; height: auto; display: block; font-size: 14px; line-height: 30px; color: #555555; margin-top: 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.iabout_r_ab { display: inline-block; overflow: hidden; position: absolute; z-index: 9; bottom: 0; right: 0;}
.iabout_r_link { width: 162px; height: 50px; display: block; overflow: hidden; float: right; margin-left: 25px;}
.iabout_r_link a { display: block; font-size: 17px; line-height: 50px; color: #ffffff; text-align: center; overflow: hidden; background: url(../images/iabout_btn.png) no-repeat; transition: all .3s;}
.iabout_r_link a:hover {background: url(../images/iabout_btnh.png) no-repeat;}

.isearch_bg { width: 1200px; height:auto; overflow: hidden; display: block; background: #3a65c8; margin: 25px auto 0px auto; padding: 15px 20px; box-sizing: border-box;}
.isearch_info { display: inline-block; height: 45px; float: left; font-size: 17px; line-height: 45px; color: #ffffff;}
.isearch_info span { display: inline-block; margin-left: 20px; font-size: 15px; line-height: 45px;}
.isearch_info span a { color: #ffffff; }
.search_form { width: 340px; height: 45px; display: block; float: right; overflow: hidden; border: 1px solid #ffffff; box-sizing: border-box;}
.search_btn { width: 43px; height: 43px; float: right; overflow: hidden; background: url(../images/search_btn.png) no-repeat; outline: none; cursor: pointer; border: none;}
.search_text { width: 295px; height: 43px; float: left; padding: 0px 10px; box-sizing: border-box; border: none; background: none; color: #ffffff; font-size: 14px; line-height: 43px; outline: none;}
.search_text::-webkit-input-placeholder { /* WebKit browsers */ color: #DDDDDD; font-size: 14px; }
.search_text::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #DDDDDD; font-size: 14px; }
.search_text:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #DDDDDD; font-size: 14px; }   

.itl_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-top: 48px; margin-top: 25px; position: relative;}
.itl_img_bg { width: 100%; height: 300px; display: block; overflow: hidden; background: url(../images/itl_bg.jpg) no-repeat center;}
.itl_wd { width: 1210px; height: auto; overflow: hidden; display:block; margin: 0px auto; padding-right:310px; box-sizing: border-box;}
.itl_wd_top { width: 745px; height: auto; overflow: hidden; display: block; margin:70px auto 0px auto;}
.itl_wd_top .img { width: 420px; height: auto; overflow: hidden; display: block;}
.itl_wd_bottom { width: 745px; height: auto; overflow: hidden; display: block; margin: 40px auto 0px auto; font-size: 30px; color: #ffffff; text-align: right;  font-weight: bold;}
.itl_wd_bottom span { display: inline-block; font-size: 25px; line-height: 45px; background: #3a65c8; padding: 0px 18px; margin-top: 10px;}
.itl_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.itl_ul li { width: 50%; height: auto; overflow: hidden; padding: 0px 5px; margin-top: 10px; display: block; float: left; box-sizing: border-box;}
.itl_ul li .re_bg { width: 100%; height: auto; display: block; position: relative; overflow: hidden;}
.itl_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.itl_ul li .img img { transition: all .3s; }
.itl_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.itl_ul li .tit_bg { width: 100%; height:45px; background:rgba(0,0,0,.7); position: absolute; display:none; bottom: 0; z-index: 9; padding: 0px 15px; box-sizing: border-box;}
.itl_ul li:hover .tit_bg { display: block;}
.itl_ul li .tit { display: block; font-size: 16px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.itl_ul li .tit a { display: block; color: #ffffff;}
.itl_ab_bg { width: 325px; height: 100%; display: block; position: absolute; z-index: 99; left: 50%; top: 0; margin-left: 275px; background: url(../images/tl_ab_bg.png) no-repeat top left;}
.itl_ab_con { width: 300px; height: 100%; display: block; background: #3a65c8 ; overflow: hidden; float: right; position: relative;}
.itl_ab_tit { font-size: 25px; color: #ffffff; display: block; line-height: 30px; font-weight: bold; text-align: center; border-bottom: 1px solid #ffffff; padding: 20px 0px; margin-top: 10px;}
.itl_ab_tit span { font-size: 20px; display: block; line-height: 40px;}
.itl_ab_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.itl_ab_ul li { width: 100%; height: 50px; display: block; text-align: center; overflow: hidden;}
.itl_ab_ul li a { width: 100%; height: 50px; display: block; padding: 0px 15px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; line-height: 50px; color: #ffffff; transition: all .3s;}
.itl_ab_ul li a:hover { background: #0f3897;}
.itl_ab_more { width: 100%; height: 60px; display: block; overflow: hidden; position: absolute; z-index: 99; bottom: 0; left: 0;}
.itl_ab_more a { display: block; font-size: 18px; color: #ffffff; font-family: arial; line-height: 60px; overflow: hidden; background: #0f3897; text-align: center; transition: all .3s;}
.itl_ab_more a:hover { background: #032470;}
.ipro_ul { width: 1210px; height: auto; overflow: hidden; display:block; margin: 0px auto;}
.ipro_ul li { width: 33.3333%; height: auto; overflow: hidden; padding: 0px 5px; margin-top: 10px; display: block; float: left; box-sizing: border-box;}
.ipro_ul li .re_bg { width: 100%; height: auto; display: block; position: relative; overflow: hidden;}
.ipro_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ipro_ul li .img img { transition: all .3s; }
.ipro_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.ipro_ul li .tit_bg { width: 100%; height:100%; background:rgba(15,56,151,.7); position: absolute; display:none; bottom: 0; z-index: 9; padding: 0px 15px; box-sizing: border-box;}
.ipro_ul li:hover .tit_bg { display: block;}
.ipro_ul li .tit_bg a { width: 100%; height: 100%; display: block; overflow: hidden; color: #ffffff;}
.ipro_ul li .tit { display: block; width: 100%; height: auto; font-size: 14px; line-height: 30px; overflow: hidden; padding: 0px 20px; box-sizing: border-box; text-align: center; position: absolute; z-index: 9999; top: 50%; transform: translateY(-50%);}

.itit_h { font-size: 30px; line-height: 40px; font-weight: bold; color: #333333; display: block; text-align: center; overflow: hidden; margin-top: 40px;}
.itit_h span { color: #3a65c8;}
.itit_p { font-size: 12px; line-height: 20px; margin-top: 5px; text-align: center; display: block; overflow: hidden; color: #333333; letter-spacing: 5px; text-transform: uppercase;}
.iys_list_bg { width: 100%; height: auto; overflow: hidden; margin-top: 20px; display: block; position: relative;}
.iys_mar { margin-top: 40px;}
.iys_list_bg .img_right { width: 570px; height: auto; overflow: hidden; display: block; float: right;}
.iys_list_bg .ab_con_left { width: 590px; height: auto; max-height: 100%; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); display: block; overflow: hidden;}
.iys_list_bg .img_left { width: 570px; height: auto; overflow: hidden; display: block; float: left;}
.iys_list_bg .ab_con_right { width: 590px; height: auto; max-height: 100%; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); display: block; overflow: hidden;}
.iys_list_bg .tit_img { display: block; font-size: 17px; line-height: 25px; overflow: hidden; height: 50px;}
.iys_list_bg .tit_img span { display: inline-block; height: 50px; float: left; margin-right: 17px;}
.iys_list_bg .tit_h { display: block; font-size: 25px; line-height: 35px; font-weight: bold; color: #3a65c8; overflow: hidden; margin-top: 5px;}
.iys_list_bg .des { display: block; font-size: 14px !important; line-height: 30px; color: #555555 !important; overflow: hidden; margin-top: 10px;}

.ifw_bg { width: 100%; height: 500px; display: block; overflow: hidden; background: url(../images/ifu_bg.jpg) no-repeat center; position: relative; margin-top: 25px;}
.ifw_con { width: 480px; height: auto; overflow: hidden; float: left; margin-top: 75px; display: block;}
.ifw_tit { display: block; font-size: 35px; line-height: 40px; font-weight: bold; color: #ffffff; overflow: hidden;}
.ifw_p { display: block; font-size:12px; line-height: 20px; color: #ffffff; overflow: hidden; text-align: center; margin-top: 5px; letter-spacing: 5px;}
.ifw_des { display: block; font-size: 15px; line-height: 30px; overflow: hidden; color: #ffffff; margin-top: 25px;}
.ifw_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px;}
.ifw_ul li { width: 70px; height: auto; overflow: hidden; display: block; float: left; margin-right: 35px;}
.ifw_ul li .img { width: 70px; height: auto; overflow: hidden; display: block;}
.ifw_ul li .tit { display: block; font-size: 15px; line-height: 25px; margin-top: 3px; overflow: hidden; text-align: center; color: #ffffff; text-align: center;}

.inews_left { width: 575px; height: auto; overflow: hidden; display: block; float: left; margin-top: 30px;}
.inews_left .img { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_left .img a img { transition: all .3s; }
.inews_left .img a:hover img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.inews_left .tit { width: 100%; height: 25px; font-size: 18px; line-height:25px; font-weight: bold; margin-top:10px; padding-left: 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; border-left:8px solid #888888;}
.inews_left:hover .tit { border-left:8px solid #3a65c8;}
.inews_left .des { display: block; font-size: 14px; line-height: 27px; margin-top: 10px; color: #666666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inews_right { width: 590px; height: auto; overflow: hidden; display: block; float:right; }
.inews_right li { width: 100%; height: auto; min-height: 75px; overflow: hidden; display: block; margin-top: 30px; padding-left: 70px; padding-bottom: 10px; position: relative; box-sizing: border-box;}
.inews_right li .time { width: 55px; height: auto; display: block; overflow: hidden; position: absolute; z-index: 9; top: 0; left: 0;}
.inews_right li .day { width: 55px; height: 55px; background: #888888; display: block; overflow: hidden; transition: all .3s; text-align: center; font-size: 30px; font-weight: bold; color: #ffffff; line-height: 55px;}
.inews_right li:hover .day { background: #3a65c8;} 
.inews_right li .y_m { display: block; font-size: 12px; line-height: 15px; color: #555555; overflow: hidden; text-align: center; margin-top: 5px;}
.inews_right li .tit { display: block; font-size: 18px; line-height: 25px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_right li .des { display: block; font-size: 14px; line-height: 25px; margin-top: 5px; color: #666666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.iflink_bg { width: 1200px; height: auto; overflow: hidden; display: block; margin: 45px auto 0px auto;}
.iflink_tit_bg { width: 100%; height:41px; background:url(../images/flink.png) no-repeat left top; overflow: hidden; display:block;}
.iflink_tit { font-size: 16px; font-weight: bold; line-height: 41px; display: block; color: #ffffff; padding-left: 35px; box-sizing: border-box;}
.iflink_tit span { margin-left: 70px;}
.iflink_ul { display: block; overflow: hidden; font-size: 0; text-align: left; margin-top: 10px;}
.iflink_ul li { display: inline-block; margin:10px 5px 0px 5px; font-size: 13px; line-height: 20px;}
.iflink_ul li a { margin-right: 10px;}

.foot_bg { width: 100%; height: auto; overflow: hidden; background: #0f3897; margin-top: 60px; padding: 20px 0px 0px 0px; display: block;}
.foot_wd { height: auto; overflow: hidden;  margin: 0px auto; width: 1200px;  border-bottom: 2px solid #ffffff; padding-bottom: 10px;}
.foot_nav { width: 200px; height: auto; overflow: hidden; display: block; font-size: 15px; color: #ffffff; line-height: 35px; float: left;}
.foot_nav a { color: #ffffff;}
.foot_logo { width: 90px; height: auto; overflow:hidden; display: block; float: left; margin-top: 35px;}
.foot_mob { width: 200px; height: auto; overflow: hidden; display: block; float: left; margin:60px 20px 0px 20px; text-align: center; font-size: 14px; color: #ffffff; background: url(../images/foot_mob.png) no-repeat top center; padding-top: 35px; line-height: 20px;}
.foot_email { width: 200px; height: auto; overflow: hidden; display: block; float: left; margin:60px 20px 0px 20px; text-align: center; font-size: 14px; color: #ffffff; background: url(../images/foot_email.png) no-repeat top center; padding-top: 35px; line-height: 20px;}
.foot_add { width: 200px; height: auto; overflow: hidden; display: block; float: left; margin:60px 20px 0px 20px; text-align: center; font-size: 14px; color: #ffffff; background: url(../images/foot_add.png) no-repeat top center; padding-top: 35px; line-height: 20px;}
.foot_tel { width: 200px; height: auto; overflow: hidden; display: block; float: left; margin:60px 20px 0px 20px; text-align: center; font-size: 14px; color: #ffffff; background: url(../images/foot_tel.png) no-repeat top center; padding-top: 35px; line-height: 20px;}
.foot_ma { width: 120px; height: auto; overflow: hidden; float: right; margin-top: 30px;}
.foot_ma .img { width: 120px; height: 120px; display: block; overflow: hidden;}
.foot_ma .img img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma .tit { display: block; text-align: center; font-size: 13px; line-height: 25px; margin-top: 5px; color: #ffffff;}
.foot_des { width: 1200px; height: auto; font-size: 14px; line-height: 20px; color: #ffffff; padding: 15px 0px; margin: 20px auto 0px auto; border-bottom: 1px dotted #ffffff; text-align: center;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.banquan_bg { display: block; font-size: 13px; height: 45px; line-height: 45px; color: #ffffff; }
.banquan_bg a { color: #ffffff;}
.sup_text { display: inline-block; float: right; line-height: 45px; overflow:hidden; font-size: 13px;}
.sup_text a { color: #ffffff;}

.page_nav_bg { width:100%; height:60px; overflow: hidden; display: block; box-shadow: 0px 8px 10px #f2f2f2; position: relative;}
.page_nav_ul { width: 1200px; height: 60px; overflow: hidden; display: block; margin: 0px auto; position: relative;}
.page_nav_ul li { display:block; width: 110px; height: 60px; overflow: hidden; font-size: 15px; line-height: 60px; float: left; text-align: center;}
.page_nav_ul li a { display: block; color: #333333;}
.page_nav_ul li.cur a { color: #ffffff; background: #0f3897;}
.page_nav_ul li:hover a { color: #ffffff; background: #0f3897;}

.pos_bg { display: inline-block; position: absolute; z-index: 9; right: 0; top: 0; font-size: 14px; line-height: 60px; color: #666666;}
.page_con_bg { width: 94%; height: auto; overflow: hidden; display: block; margin: 50px auto 0px auto; max-width: 1200px;}
.page_tit { display: block; font-size: 25px; line-height: 35px; color: #222222; overflow: hidden; text-align: center;}
.page_info { width: 100%; height: auto; overflow: hidden; display: block;  font-size: 14px; line-height: 30px; color: #333333; margin: 30px auto 0px auto;}
.page_info img { max-width: 100%; margin: 20px auto;}

.pagelist { width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 12px; margin-top: 50px;}
.pagelist a { margin: 0px 3px 0px 3px; display: inline-block; overflow: hidden; padding: 0px 10px; line-height: 23px; border: 1px solid #dddddd; vertical-align: middle; font-size: 12px;}
.pagelist a.a1 { display: inline-block; padding: 0px 10px; line-height: 25px; border: 1px solid #dddddd; vertical-align: middle;}
.pagelist a:hover { background: #3a65c8; color: #ffffff;}
.pagelist span { display: inline-block; padding: 0px 10px; line-height: 25px; border: 1px solid #3a65c8; vertical-align: bottom; background: #3a65c8; color: #ffffff;}

.value_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-bottom: 5px; text-align: center; margin:10px auto 0px auto; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; }
.value { display: block; font-size: 13px; line-height: 30px; color: #888888; text-align: center;}
.value_sp { margin-left: 10px;}
.show_f { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 45px;}
.show_f p { font-size: 15px; overflow: hidden; line-height: 35px;}

.news_ul { width:100%; height: auto; overflow: hidden; display: block; margin: 40px auto 0px auto;}
.news_ul li { display: block; overflow: hidden; width: 100%; height: auto; padding: 20px 0px; border-bottom: 1px solid #eeeeee;}
.news_ul li .img { width: 250px; height: auto; overflow: hidden; display: block; float: left;}
.news_ul li .img img { transition: all .3s; }
.news_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.news_ul li .con { width: 920px; height: auto; overflow: hidden; display: block; float: right;}
.news_ul li .tit { display: block; font-size: 18px; line-height: 30px; overflow: hidden; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px;}
.news_ul li .time { display: block; font-size: 13px; line-height: 20px; overflow: hidden; color: #888888; margin-top: 5px;}
.news_ul li .des { display: block; font-size: 13px; line-height: 25px; color: #666666; margin-top: 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.pro_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.pro_ul li { width: 25%; height: auto; overflow: hidden; display: block; float: left; padding:5px; box-sizing: border-box;}
.pro_ul li .re_bg { width: 100%; height: auto; display: block; position: relative; overflow: hidden;}
.pro_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_ul li .img img { transition: all .3s; }
.pro_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.pro_ul li .tit_bg { width: 100%; height:100%; background:rgba(15,56,151,.7); position: absolute; display:none; bottom: 0; z-index: 9; padding: 0px 15px; box-sizing: border-box;}
.pro_ul li:hover .tit_bg { display: block;}
.pro_ul li .tit_bg a { width: 100%; height: 100%; display: block; overflow: hidden; color: #ffffff;}
.pro_ul li .tit { display: block; width: 100%; height: auto; font-size: 14px; line-height: 30px; overflow: hidden; padding: 0px 10px; box-sizing: border-box; text-align: center; position: absolute; z-index: 9999; top: 50%; transform: translateY(-50%);}

.pro_wd_one { width: 1200px; height:auto; overflow: hidden; display: block; margin: 50px auto 0px auto; background: #f2f2f2; position: relative;}
#outBox{ width: 600px; height: auto; display: block; overflow: hidden; float: left;}
.w{ width: 600px; height: auto; overflow:hidden; display: block;}
.leftBox{ width: 600px; height:auto; float: left; overflow: hidden;}
.normalBox{ overflow: hidden; position: relative;}
.normalBox .w{ display: none; }
.botBox{ width: 100%; height:auto; background: white; overflow: hidden; display: block; margin-top: 10px;}
.botBox ul li{ float: left; width:20%; height:auto; border: 1px solid #fff; opacity: 0.5; box-sizing: border-box; overflow: hidden;}
.bord{ border-color: #e4393c !important; opacity: 1 !important; box-sizing: border-box;}
.moveBox{ width: 150px; height: 150px; background: rgba(222,0,0,0.4); position: absolute; top: 0; left: 0; display: none; cursor: move; }
.magBox{ width:600px; height:100%; border: 1px solid #f2f2f2; position: absolute; z-index: 9; right:0px;overflow: hidden;display: none;}
.magBox ul li{ display: none; position: absolute; top: 0; left: 0; }
#n,.m{ display: block !important;}
.pro_right_bg { width: 600px; height: auto; overflow: hidden; display: block; float: right; padding:30px 30px 30px 40px; box-sizing: border-box; position: relative;}
.pro_tit { display: block; font-size: 20px; font-weight: bold; color: #333333; line-height: 30px; overflow: hidden;}
.pro_des { width: 100%; height: 224px; font-size: 16px; line-height: 32px; color: #555555; margin-top: 25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.pro_click { width: 120px; height: 40px; display: block; background: #3a65c8; overflow: hidden; margin-top: 15px;}
.pro_click a { display: block; color: #ffffff; line-height: 40px; text-align: center; font-size: 14px;}
.pro_click a:hover { background: #0f3897;}
.pro_wd_tow { width: 1200px; height:auto; overflow: hidden; display: block; margin: 0px auto; position: relative;}
.pro_info { width: 100%; height: auto; overflow: hidden; display: block;  font-size: 16px; line-height: 32px; color: #333333; margin: 30px auto 0px auto;}
.pro_info img { max-width: 100%; margin: 20px auto;}
.pro_wd_three{ width: 1200px; height:auto; overflow: hidden; display: block; margin: 40px auto 0px auto; position: relative;}
.pro_xg_tit_bg { width: 100%; height: 40px; background: #ededed; display: block; overflow: hidden;}
.pro_xg_tit{ display: inline-block; height: 40px; font-size: 15px; color: #ffffff; overflow: hidden; padding: 0px 20px; background: #014198; line-height: 40px; font-weight: bold;}

.shipin_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.shipin_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 15px; margin-top: 25px; box-sizing: border-box;}
.shipin_ul li .video { width: 100%; height: auto; overflow: hidden; display: block; border: none; outline: none;}
.shipin_ul li .tit { display: block; font-size: 14px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; cursor: pointer; margin-top: 10px;}

.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; margin: 10px auto 0px auto; max-width: 500px;}
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 80px; position: relative; box-sizing: border-box; min-height: 30px; margin-top: 10px;}
.mes_ul li .label { width: 80px; height: 30px; line-height: 30px; font-size: 12px; color: #666666; text-align: right; position: absolute; left: 0; top: 50%; margin-top: -13.5px; z-index: 1;}
.mes_ul li .label span { color: #ff0000;}
.mes_ul li .text { width:90%; height: 30px; border: 1px solid #cccccc; display: block; overflow: hidden; margin-left: 5px; padding: 0px 5px; box-sizing: border-box; font-size: 12px; line-height: 27px;}
.mes_ul li .test { width: 90%; height: auto; overflow: hidden; border: 1px solid #cccccc; padding:5px; margin-left: 5px; box-sizing: border-box; font-size: 12px; line-height: 27px; min-height: 120px;}
.mes_ul li .mes_sub { width: 100px; height: 40px; background: #f2671b; color: #ffffff; text-align: center; font-size: 12px;border: 0px; outline: none; float: left; border-radius: 5px; letter-spacing: 5px; cursor: pointer; margin-left: 30%;}

.contact_left { width:550px; height: auto; overflow: hidden; float: left; }
.contact_right { width:600px; height: auto; overflow: hidden; float: right;}
.my-map { width: 100%; height: 400px; overflow: hidden; display: block; }
.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-red { background-position: -11px -5px; }
.amap-container{height: 100%; font-size: 13px; line-height: 25px;}
.my-map h5 { font-size: 15px; line-height: 25px; margin: 5px 0px; display: block; overflow: hidden;}

.kf_bg { width: 35px; height: 130px; display: block; background: rgba(0,0,0,.4); position:fixed; z-index: 9999; right: 3px; top: 50%; margin-top: -65px; border-radius: 8px;}
.kf_bg li { width: 35px; height: 20px; position: relative; margin: 18px auto 0px auto; display: block;}
.kf_bg a { display: block; position: relative; width: 20px; height: 20px; margin:0px auto;}
.kftel_bg { width: 150px; height: auto; overflow: hidden; background: rgba(0,0,0,.4); position: absolute; z-index: 9; right:36px; padding: 15px; box-sizing: border-box; top: -10px; border-radius: 8px; transition: all .3s; display: none;}
.kftel_tit { color: #ffffff; display: block; font-size: 15px; line-height: 18px;}
.kftel_tit span { display: block; font-size: 13px; text-align: center; border: 1px solid #ffffff; border-radius: 5px; line-height:23px; margin-top: 10px;}
.kf_bg li:hover .kftel_bg { display: block;} 

/*search_start*/
.sc_result_bg { width: 94%; height: auto; overflow: hidden; display: block; padding: 60px 0px; max-width: 1200px; margin: 0px auto;}
.sc_result_p { display: block; font-size: 17px; line-height: 25px; overflow: hidden; color: #7A7A7A; border-bottom: 1px solid #dddddd; padding-bottom: 15px;}
.sc_result_p span {color: #ff0000; font-weight: bold;}
.sc_result_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.sc_result_ul { display: block; overflow: hidden;}
.sc_result_ul li { width: 100%; height: auto; overflow: hidden; display: block; padding:20px 0px; border-bottom: 1px solid #dddddd;}
.sc_result_ul li .img { width: 200px; height: auto; overflow: hidden; float: left; margin-right: 30px;}
.sc_result_ul li h5 { font-size: 17px; line-height: 22px; margin: 0px; display: block; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; 
-webkit-box-orient: vertical;}
.sc_result_ul li p { display: block; height:auto; font-size: 14px; line-height: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; 
-webkit-box-orient: vertical; margin-top: 10px; color: #555555;}
.sc_result_ul li .time { display: block; font-size: 14px; line-height: 20px; overflow: hidden; margin-top:10px; color: #555555;}