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

*{ margin:0px; padding:0px; }
body{ font-family:"微软雅黑";overflow-x:hidden}
ul,li{ list-style:none;}
img{ border:0px; }
a{ text-decoration:none; color:#727171;}
.clr{ clear:both;}

.head_bg{    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 99;
    box-shadow: 0 1px 3px #aaa;
}

.head_bg2{    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 99;
    box-shadow: 0 1px 3px #aaa;
}

.index_about_pic{ width:42%; height:auto; overflow:hidden; float:left;}
.index_about_content{ width:55%; height:auto; overflow:hidden; float:right;}
.index_about_content h3{ font-size:26px; color:#fa0a15; font-weight:700;}
.top_80{ margin-top:4%; margin-bottom:4%;}
.top_30{ margin-top:30px; margin-bottom:30px;}
.bottom_50{ margin-bottom:50px;}
.a_text{ width:100%; height:auto; overflow:hidden; line-height:35px; color:#313131; font-size:16px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-wrap: break-word;
    word-break: break-all;}
.more{ float:left;color:#313131; margin-top:40px; }
.more a{padding:8px 40px 8px 40px;  display:block;color:#313131;font-size:16px;letter-spacing: 4px;border:#a3a3a3 solid 1px;  border-radius:3px; }
.more a:hover{ background:#fa0a14; color:#fff;border:#fa0a14 solid 1px;  border-radius:3px;transition: all .3s ease-in-out; }
.gg_box{ width:100%; height:auto; overflow:hidden;}
.gg_box img{ max-width:100%;}

.m_top{ width:100%; margin:0 auto; padding:12px 0 12px 0; height:auto; overflow:hidden; margin-bottom:10px !important;}
.m_top h1{ float:left; font-size:22px; color:#314687; font-weight:bold;    margin: 0 0 0 0; }
.m_top span a{ padding:2px 14px 2px 14px; float:right; border:#b4b4b4 solid 1px; display:block; border-radius:100px; color:#919191; }
.m_top span a:hover{ border:#3f89c9 solid 1px; border-radius:100px; color:#3f89c9;transition: all .3s ease-in-out;}

.carousel-example{}
.carousel.flexible .items {
	display: none;
}
.n_left{ width:48%; height:auto; overflow:hidden; float:right;}
.news_left{ width:100%; height:265px; overflow:hidden; position:relative;}
.news_left ul{ padding:0px;}
.news_left li{ width:100%; height:132px; overflow:hidden; margin-bottom:20px; position:relative; border-bottom:#b8b7b7 dotted 1px;}
.news_left li:hover .n_title{ color:#314687;transition: all .4s ease-in-out;}
.n_pic{ width:147px; height:auto; overflow:hidden; float:left; position:absolute; left:0px;}
.n_pic img{width:147px; height:110px;}
.n_right3{ width:auto; padding-left:167px;}
.n_right{ width:50%; float:left;height: auto;
    overflow: hidden;
    margin-bottom: 15px;}
.n_title{ font-size:16px; font-weight:bold; color:#333; margin-top:10px !important; margin-bottom:12px !important;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.n_content{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#888; font-size:14px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.n_time2{ font-size:12px; color:#999; display:block; margin-top:10px;line-height: 20px;}
 
.news_right{ width:48%; height:auto; overflow:hidden; float:right; position:relative;}
.news_right ul{ padding:0px;}
.news_right li{ width:100%; height:50px; line-height:50px;  background:#f5f5f5; position:relative; margin-bottom:18px; color:#666666; font-size:15px;}
.news_right li a{ width:100%; height:50px; display:block;}
.news_right li:hover{ background:#fa0a14; color:#fff;transition: all .3s ease-in-out;}
.news_right li:hover .n_text{  color:#fff;transition: all .3s ease-in-out;}
.n_text{ width:70%; float:left; display:block; font-weight:700;color:#666666; font-size:15px; margin-left:8px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis; }
.n_text:hover{ color:#fff;}
.n_time{ width:60px;  display:block; text-align:center; position:absolute; right:0px; top:0px; font-size:14px; font-weight:normal;}

.items:hover .cp_title{color:#fa0a14; border-bottom:#fa0a14  solid 4px;}
.cp_title{ width:100%; padding:15px 0 15px 0; text-align:center; color:#000; font-size:16px; border-bottom:#999  solid 4px;}


.footer{ width:100%; height:auto; padding-top:20px; padding-bottom:20px;}
.copy_text{ width:100%; height:auto; overflow:hidden; text-align:center;  color:#666666; font-size:14px;}

.container{ position:relative;}
.logo{ width:20%; float:left;}
.logo img{ max-width:100%; margin-top:10px; margin-bottom:10px;}

.logo2{ width:20%; float:left;}
.logo2 img{ max-width:100%; margin-top:10px; margin-bottom:10px;}

.menu_bg{ float:right; width:70%;}
.nav{position: absolute;height: 46px;}
.nav ul{ padding-left:0px; margin:0px;}
.nav li{position: relative;float: left;}
.nav li a{line-height: 86px; width:118px;float:left;height:86px; text-align:center;color:#333333;font-size:15px; display:block;}
.nav li a:hover {color:#314687; background:#eee;}
.nav li .nav-w { width:200px;z-index:21;position:absolute;display:none;float:left;clear:both;overflow:hidden;top:86px;background:#f5f5f5 ;}
.nav li:hover a{ color:#314687;background:#eee;}
.nav li .section-nav1{  height:auto; overflow: hidden;}
.nav li .section-nav1 ul {position:static;margin:0px;width:200px;overflow:hidden;}
.nav li .section-nav1 ul li {width:200px; height:45px; line-height:45px;position:static;background:none;float:left; text-align:center; border-bottom:#fff solid 1px;}
.nav li .section-nav1 ul li a {width:200px;height:45px; line-height:45px; letter-spacing: 2px;text-align:left; padding-left:30px;display:block;background:none; font-family:"微软雅黑";float:none;color:#333;font-size:14px;overflow:hidden;cursor:pointer;}
.nav li .section-nav1 ul li a:hover {background:#eee;color: #314687;}
.nav li .menu_links{color:#314687; font-weight:bold; }
#showLeft{ display: none;position:absolute; right:0; z-index:99999; top:28%; background:none; border:none;outline: none;}
#showLeft img{ width:30px;}




.top_menu_bg{ width:100%; height:auto; overflow:hidden;  background:#f5f5f5;}
.top_menu_left{ float:left; width:50%;}
.top_menu_right{ width:40%; text-align:right; float:right; line-height:48px; color:#707070; font-size:14px;}
.top_menu_right a{ color:#707070; }
.scroller ul{ padding-left:0px;}
.wrapper01 {position:relative;height: 48px;width:auto;overflow: hidden;}
.wrapper01 .scroller {position:absolute; }
.wrapper01 .scroller li {text-align:center; font-size:14px; color:#5f5f5f; float:left; margin-top:8px; }
.wrapper01 .scroller li a{ color:#323131; padding:6px 20px 6px 20px;  font-size:14px; display:block;  margin-right:4px;border-radius:3px; }
.wrapper01 .scroller li .cur2{background:#fa0a14 !important; border-radius:5px; color:#fff;}
.cpjs_box{ width:100%; height:auto; overflow:hidden; padding-top:35px; padding-bottom:35px; border-bottom:#d8d8d8 solid 1px;}
.cpjs_left{ width:41.3%; height:auto; overflow:hidden; float:left;}
.cpjs_left img{ width:100%;}
.cpjs_right{ width:56%; height:auto; overflow:hidden; float:right;}
.cpjs_right h1{ width:100%; font-size:22px; margin-bottom:0px; color:#333333;}
.cpjs_text{ width:100%; height: auto; overflow:hidden; font-size:14px; color:#6b6969; line-height:30px;}



.news_box{ width:100%; height:auto; overflow:hidden; padding-top:35px; padding-bottom:35px; border-bottom:#d8d8d8 solid 1px;}
.news_left2{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.news_left2 ul{ padding:0px; margin-bottom:0px;}
.news_left2 li{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.news_left2 li:hover .n_right2 h1{ color:#fa0a14;transition: all .4s ease-in-out;}
.n_pic2{ width:20.7777%; height:auto; overflow:hidden; float:left;}
.n_pic2 img{ width:100%;}
.n_right2{ width:77%; float:right;}
.n_right2 h1{ color:#333333; font-size:20px; font-weight:700; margin-top:2%; margin-bottom:15px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.n_content2{ width:100%; height:auto; overflow:hidden; color:#888; font-size:14px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.news_more{ width:80px; height:25px; line-height:25px; border:#CCC solid 1px; text-align:center; font-size:12px; color:#666; margin-top:15px;}
.n_show_title{ width:100%; font-size:26px; font-weight:700; text-align:center; margin-top:15px;}
.n_show_text{ font-size:14px; color:#333; line-height:30px;}
.n_show_text img{ max-width: 100%; }
.n_show_time{ font-size:12px; color:#666; text-align:center; margin-bottom:15px;}

.b_box2{ width:auto; height: auto; overflow:hidden; margin-top:10px;}
.b_box2 ul{ padding-left:0px; margin-bottom:0px;}
.b_box2 li{ width:49%; height: auto; overflow:hidden;float:left; text-align:center;}
.b_box_list2{ width:100%; height:auto; overflow:hidden; }
.pro_title4{ width:98%; height:35px;  line-height:35px; padding-left:2%; background:#f5f5f5 ; color:#333;  text-align:left; font-size:14px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.pro_title5{ width:98%; height:35px; line-height:35px; padding-right:2%; background:#f5f5f5 ; color:#333; text-align:right; font-size:14px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.cptp-content{max-width: 1200px; height:auto; overflow:hidden;margin-top:30px;}
.sampleimage{width: 100%;height: auto;}
.cptp-content ul{ width:103%; padding-left:0px; }
.cptp-content li{ width:31%; height:auto; overflow:hidden; float:left; margin-right:2%; margin-bottom:2%; position:relative;}
.cptp_img{ width:100%; height:auto; overflow:hidden;}
.cptp-content li .cptp_img img{ width:100%; height:auto; overflow:hidden; display:block;-ms-interpolation-mode:bicubic;vertical-align:bottom;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.cptp-content li .ny_hor_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.cptp-content li:hover .cptp_title{color:red; border-bottom:red  solid 4px;}
.cptp_title{ width:100%; padding:15px 0 15px 0; text-align:center; color:#000; border-bottom:#999  solid 4px; font-size:16px;}
	
#zoomiocontainer{ /* container containing enlarged image (native sized image) */
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	visibility: hidden;
}

#zoomiocontainer img{ /* image inside zoom container */
	width: auto !important;
	height: auto !important;
	position: absolute !important;
	display: block !important;
}

#zoomiocontainer.mobileclass{ 
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.content_text{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:14px; color:#333333; margin-top:30px;}
.re_box{ width:100%; height:auto; overflow:hidden; background:#f8f8f8; border:#eee solid 1px; padding:20px; margin-bottom:15px;}
.re_box span{ width:24%; float:left;line-height:25px; color:#7d7c7c;   }
.re_title{ font-size:22px; font-weight:700; margin-bottom:10px; display:block; color:#000 !important;}
.re_text{ width:100%; height:auto; line-height:25px; margin-top:10px; overflow:hidden; color:#484848;}
.gg_box2{ width:100%; height:auto; overflow:hidden;display:none; margin-top:30px; }
.gg_box2 img{ max-width:100%;}


.pro_bg{ width:100%; height: auto; overflow:hidden; background:#f6f6f6;}
.m_yw{ font-size:16px; color:#666; float:left; margin-top:6px; margin-left:8px;}
.am-slider-default{ background:none !important; border:none !important;box-shadow:none !important;}
.pro_list{ width:100%; height:auto; overflow:hidden;}
.pro_list ul{ width:102%; height: auto; padding-left:0.5% !important;  }
.pro_list li{ width:23.5%; height:auto; overflow:hidden; float:left; background:#fff; padding:1.5%; margin-right:1.2%; margin-bottom:1.5%; position:relative;    box-shadow: 0 0 7px rgba(0,0,0,.15);}
.ny_pro_list{ padding-top:5px;}
.ny_pro_list li{ width:31.5%;}
ol, ul{ padding-left:0px !important; margin-bottom:0px !important; }
h1, h2, h3, h4, h5, h6{ margin:0px !important;}
.pro_img{ width:100%; height:auto; overflow:hidden; border:#f6f6f6 solid 1px;}
.pro_img img{ width:100%;}
.pro_t_x{ width:100%; height:130px;}
.pro_t_x h1{ width:100%; height:48px; line-height:48px; color:#4e4f50; font-size:15px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.pro_text{ width:100%; height:40px; line-height:20px; color:#999999; font-size:14px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.pro_more{ width:82px; height:26px; background:#3f89c9; color:#fff; font-size:14px; display:block; text-align:center; line-height:26px; margin-top:12px;}
.pro_list li:hover .p_bg{opacity: 1;transition: all .4s ease-out;}
.p_bg{ width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px;background-color: rgba(0,104,169,0.8);
    opacity: 0;}
.p_bgtitle{ width:80px;  position:absolute; left:50%; margin-left:-40px; bottom:-80px; }
.p_bgtitle img{ width:80px;}
.pro_list li:hover .p_bgtitle{ bottom:40%;transition: all .4s ease-out;}
.m_bor{ width:40px; background:#314687; height:1px; float: left; margin-top:17px; margin-left:5px;}


.ab_img{ width:43.6%; height:265px; float:left;}
.ab_img img{ width:100%;}
.ab_bg{ width:54%; height:265px; float:left; background:#f6f6f6; padding:3%;}
.ab_title{ font-size:16px; font-weight:bold; color:#314687; margin-top:12px !important;}
.ab_bor{ width:70px; height:3px; background:#314687; margin-top:13px;}
.ab_text{ width:100%; height:auto; overflow:hidden; line-height:24px; color:#666666; font-size:14px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    word-wrap: break-word;
    word-break: break-all;}
.ab_more{ width:90px; height:24px; border:#bebebe solid 1px; border-radius:100px; margin-top:20px; text-align: center; line-height:24px; color:#999; display:block;}
.cases_bg{ width:100%; height:auto; overflow:hidden; background:url(../images/cases_bg.jpg);}

.am-slider-default .am-direction-nav a{ display:none !important;}
.ca_title{ width:100%; height:50px; line-height:50px; padding: 0 1%; background:#fff; text-align:center; font-size:16px; color:#2c2f3b;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.n_banner2{ width:100%; height:300px;box-shadow: 0 1px 3px #aaa;background-position: 50% !important;}
.m_55{ width:100%; height:86px;}
.home_tb{ width:40px; height:55px; display:none; position:absolute; left:0; background:url(../images/ic_block.png) left no-repeat; background-size:10px; }
.home_tb img{ width:10px !important;}
.home_tb a{ width:40px; height:55px; display:block;}
.head_title{ width:100%; height:55px; line-height:55px; display:none; text-align:center; color:#333; font-size:16px;}


.box_bg{ width:100%; height:auto; overflow:hidden;background:#f7f7f7;padding-bottom:35px; padding-top:25px;}
.box_cen{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.ny_left{ width:20%; height:auto; overflow:hidden; float:left;}
.ny_left_top{ width:100%; height:150px;  background:#3f89c9; position:relative;}
.ny_left_top2{ width:100%; height:150px;  margin-top:15px; background:#314687 }
.ny_left_top i{ width:87px; height:91px; position:absolute; top:29px; left:31px; background:url(../images/n_icon.png) no-repeat; }
.t_title_1{ font-size:18px; color:#fff; font-weight:bold; margin-left:72px; display:block; padding-top:59px;}
.t_title_2{ font-size:12px; color:#e0e0e0; margin-left:70px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;display: block;}
.ny_tel_box{width:100%; height:auto; overflow:hidden; border:#e8e8e8 solid 1px; text-align:center; padding-top:15px; padding-bottom:15px; background:#fff; margin-top:-4px;}
.ny_tel_box span{ color:#4b4b4b; font-size:12px;}
.ny_tel_box h2{ color:#F0922A; font-size:24px; font-weight:bold; font-family:"微软雅黑";}
.ny_te_zx{ width:90px; height:30px; line-height:30px; background:#3fa6e0; border-radius:3px; margin:0 auto; color:#fff; margin-top:5px;}
.ny_te_zx a{width:90px; height:30px; display:block; color:#fff;}

.ny_right{ width:78.5%; height:auto; overflow:hidden; float:right; border:#e8e8e8 solid 1px;}
.ny_roght_top{ width:100%; height:56px; line-height:56px; border-bottom:#e8e8e8 solid 1px; background:#fff;}
.ny_roght_top span{ color:#F0922A; margin-left:20px; float:left; font-size:16px; font-weight:bold;}
.ny_gps{ width:auto; float:right; margin-right:20px; color:#999999;}
.ny_gps a{color:#999999;}
.ny_gps t{color:#F0922A;}
.ny_content{ width:100%; height:auto; min-height:400px; overflow:hidden; margin:0 auto;  color:#666; line-height:35px; background:#fff; padding:20px;}
.font-18{ font-size:22px; color:#c42715; font-weight:bold;}


.n_banner{ width:100%; height:70px;/*box-shadow: 0 1px 3px #aaa;*/ background:#f6f6f6;}

.ny_menu{ width:100%; height:auto; overflow:hidden; border:#e8e8e8 solid 1px; border-bottom:none;background:#fff;}
.ny_menu li{ width:100%; height:50px; line-height:50px; color:#252525; border-bottom:#e8e8e8 solid 1px;}
.ny_menu li a{ width:100%; height:50px; display:block; color:#252525; padding-left:20px; background:url(../images/left_h1.png) 92% no-repeat;}
.ny_menu li a:hover{background:url(../images/left_h.png) 92% no-repeat; color:#3f89c9;}
.ny_menu li .ny_menu_links{background:url(../images/left_h.png) 92% no-repeat; color:#3f89c9;}
.con_l{ width:100%; height:25px; }
.con_l_title{ font-size:16px; font-weight:bold; color:#333;}
.con_l_yw{ margin-left:10px;}
.con_bo{ width:62px; height:2px; background:#3f89c9; float:left;}
.con_xx{ width:100px; border-bottom:#dedede solid 1px; border-top:#f6f5f5 solid 1px; float:left;}
.con_gps{ font-size:12px; color:#666; margin-top:5px; color:#333;}
.con_le{ width:auto; height:auto; overflow:hidden; float:left;margin-top:10px;}
.con_menu{ width:auto; height:30px; line-height:30px; float:right; margin-top:18px;}
.con_menu li{ float:left; height:30px; line-height:30px; display:block;}
.con_menu li a{ padding:0 20px; border:#CCC solid 1px; float:left; margin-left:5px; }
.con_menu li a:hover{border:#3f89c9 solid 1px; background:#3f89c9; color:#fff;}
.con_menu li .m_links{border:#3f89c9 solid 1px; background:#3f89c9; color:#fff;}
.n_news_h{ height:auto !important; overflow:hidden;}
.menu_head{height:47px;line-height:47px;font-size:15px;color:#fff;cursor:pointer;position:relative;margin:0;}
.menu_head a{ padding-left:15%;}
.menu_list .current{}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px; background:#e0e0e0;}
.menu_body a{display:block;height:45px;line-height:45px;padding-left:21%;color:#666;text-decoration:none;border-bottom:1px solid #fff; font-size:13px;background:url(../images/left_h1.png) 32px no-repeat;}
.menu_body a:hover{text-decoration:none;}
.menu_head a p{ border-bottom:none;}



.ny_zblb1{ width:100%; height:auto; overflow:hidden;}
.ny_zblb1 li{line-height:60px;font-size:15px;color:#656667;width:100%;margin:0 auto;}
.ny_zblb1 li a{display:block;font-size:15px;text-decoration:none;color:#656667;background:url(../images/f_icon12.png) 99% no-repeat; background-size:15px;}
.ny_zblb1 li a.cur{color:#3f89c9;background:url(../images/f_icon13.png) 99% no-repeat;text-decoration:none; background-size:15px;}

.ny_zblb1 li ul{display:none;color:#333;}
.ny_zblb1 li ul li{float:none;height: auto;color:#333; overflow:hidden;line-height:26px;margin-top:0px;font-size:12px;}
.ny_zblb1 li ul li a{padding-left:30px;display:block;background:url(../images/f_icon14.png) no-repeat left;}
.ny_zblb1 li ul a:hover{color:#00ff00;}
.pro_cen{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.pro_icon{ width:4px; height:20px; float:left; margin-right:10px; margin-top:20px; background:#3f89c9;}
.f_icon15{ width:24px; height:24px; float:left; margin-left:36px;}
.pro_f_text{ width:96%; float:left; height:auto; overflow:hidden; margin-left:2%; font-size:14px; padding-bottom:15px; padding-right:2%;}

.s_1{ background:#fafafa;}
.s_2{ background:#fff; border:#f5f5f5 solid 1px;}
.ny_cases{ width:100%; height:auto; overflow:hidden;}
.ny_cases ul{ width:105%;}
.ny_cases li{ width:30.4%; height:auto; overflow:hidden; float:left; margin-right:2%; position:relative;}
.ny_cases li:hover .i_top,.ny_cases li:hover .i_right_bottom,.ny_cases li:hover .i_bottom{ width:95%;transition: all ease-in 0.4s; display:block;opacity:1; }
.ny_cases li:hover .i_left,.ny_cases li:hover .i_right_bottom { height:95%;transition: all ease-in 0.4s; display:block;opacity:1; }
.ny_cases li .ca_title{ font-size:14px; color:#666;}
.ny_cases li img{width:100%;}
.n_cimg{ position:relative;}
.i_left{ width:0px; height:1px; position:absolute; left:10px; bottom:10px;border-left:#fff solid 2px; background:#fff;transition: all ease-in 0.4s;opacity:0;  }
.i_bottom{ width:0px; height:2px; position:absolute; left:10px; bottom:10px; background:#fff;transition: all ease-in 0.4s;opacity:0; }
.i_top{ width:0px; height:2px; position:absolute; right:10px; top:10px; background:#fff;transition: all ease-in 0.4s;opacity:0; }
.i_right_bottom{ width:0px; height:1px; position:absolute; right:10px; top:10px; border-right:#fff solid 2px;transition: all ease-in 0.4s;opacity:0; }
.cont-inp {
    width: 100%;
}
.cont{  height: 45px; line-height:45px; width:47%; float:left; margin-bottom:30px;
    border-bottom: 1px solid #d2d2d2; margin-right:20px;}
.cont .d1 {

    float: left;
    width: 80px;
    height: 45px;
    line-height: 45px;
    color: #666;
    font-size: 14px;
}
.cont .d2 {
    margin-left: 80px;
}
.inp-form {
    display: block;
    width: 96%;
    height: 45px;
    line-height: 45px;outline: 0;
    border: none;border-bottom: 1px solid #d2d2d2;
}
.btn-form{margin: 50px auto 0;
    display: block;
    width: 150px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    color: #3f89c9;
    font-size: 14px;
    border: 1px solid #3f89c9;
    border-radius: 3px;
    background-color: #fff;}
.btn-form:hover{ background:#314687; color:#fff;   border: 1px solid #314687; cursor:pointer;transition: all ease-in 0.3s;
    border-radius: 3px;}	
.box-mess{ 
    width: 100%;
    background-color: #fff;
 /*box-shadow: 0 0 20px rgba(0,0,0,.15);
    border-radius: 5px;*/
}
.tips{position: relative;
    padding: 20px 0 20px 34px; margin-bottom:30px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    background: url(../images/icon_3.png) left center no-repeat; background-size:25px;}
	.ani{ width:120px; height:40px; line-height:40px;}
@media screen and (min-width: 320px) and (max-width: 768px) 
{
.index_about_pic{ width:100%; margin:0 auto; float:none;}
.index_about_pic img{ width:100%;}
.index_about_content{ width:100%; float:none;margin:0 auto; }
.container{ width:92%; }
.m_top{ width:100%;margin-bottom: 0px !important;}
.index_about_content h3{ font-size:22px; margin-top:15px; margin-bottom:0px;}
.more{ margin-top:20px;}
.more a{padding:4px 25px 4px 25px;}
.news_left,.news_right,.news_left2,.news_right2{ width:100%;}
.logo{ width:28%; float:left;}
.logo2{ display:none;}
.yy_box,.menu_bg,.top_menu_right{ display:none;}
#showLeft{ display:block;}
.cptp-content li{ width:48%;}
.n_pic2{ width:40%;}
.n_right2{ width:55%;}
.re_box span{ width:50%;}
.links_bg{ display:none;}
.pro_list li{ width:47.5% !important; box-shadow: 0 0 7px rgba(0,0,0,.09); margin-right:2%; margin-bottom:2%;}
.pro_text{ font-size:13px;}
.n_right,.n_left{ width:100%; float:none;}
.head_bg{ height:55px;}
.footer{ background:#f5f5f5;}
.home_tb,.head_title{ display:block;}
.ny_left{ display:none;}
.ny_right{ width:100%;}
.ny_roght_top{ display:none;}
.box_bg{ padding-bottom:15px !important;}
.m_55{ width:100%; height:55px;}
.ny_content{ padding:0px;}
.box_bg{ background:#fff;}
.ny_right{ border:none;}
.n_news_h{ height:auto !important; overflow:hidden;}
}

@media screen and (min-width: 320px) and (max-width: 414px)
{
.footer{ padding-top:0px;}
.copy_text{ width:100%; font-size:12px;}
.m_top h1{ font-size:20px;}
.m_top span a{    padding: 2px 14px 2px 14px; }
.container2{ margin-top:0px;}
.cpjs_left{ width:100%;}
.top_menu_left,.cpjs_right{ width:100%;}
.cpjs_right h1{ margin-top:15px;}
.wrapper01 {position:relative;height: 44px;width:auto;overflow: hidden;}
.wrapper01 .scroller li {text-align:center; font-size:14px; color:#5f5f5f; float:left; margin-top:8px; }
.wrapper01 .scroller li a{ color:#323131; padding:4px 15px 4px 15px;  font-size:14px; display:block;  margin-right:4px;border-radius:3px; }
.news_more{ display:none;}
.cptp-content li{ width:48%;}
.n_pic2{ width:40%;}
.n_right2{ width:55%;}
.re_box span,.re_text{ font-size:13px;}
.re_title{ font-size:18px !important;}
.n_show_title{ font-size:18px;}
.bottom_50{ margin-bottom:20px;}
.gg_box2{ display: block;}
.gg_box{ display:none;}
.top_30{ margin-top:15px;}
.m_yw{ font-size:14px; margin-top:5px; margin-left:8px;}
.m_top span a{ padding:1px 10px 1px 10px; float:right; border:#b4b4b4 solid 1px; display:block; font-size:12px; border-radius:100px; color:#919191; }
.pro_more{ width:82px; height:22px; background:#3f89c9; color:#fff; font-size:14px; display:block; text-align:center; line-height:22px; margin-top:12px;}
.p_bgtitle{ width:50px;  position:absolute; left:50%; margin-left:-25px; bottom:-50px; }
.p_bgtitle img{ width:50px;}
.n_right{ width:100%;}
.m_bor{ margin-top:14px;}
.ab_img{ display:none;}
.ab_bg{ width:100%;}
.n_pic{ width:120px; height:auto; overflow:hidden; float:left; position:absolute; left:0px;}
.n_pic img{width:120px; height:89px;}
.n_right3{ width:auto; padding-left:137px;}
.news_left li{ height:112px; overflow:hidden; margin-bottom:20px; position:relative; border-bottom:#706f6f dotted 1px;}
.news_left{ height:228px;}
.n_title{  margin-top:2px !important; margin-bottom:8px !important;}
.ca_title {

    height: 40px;
    line-height: 40px;
    background: #fff;
}
.n_banner2{ height:140px;}
.n_banner{ display:none;}
.ny_cases li{ width:48%; height:auto; overflow:hidden; float:left; margin-right:2%;}
.cont{ width:100%;}
.cont2{ width:98%;}
.tips{ line-height:25px; font-size:14px; padding-top:0px; background: url(../images/icon_3.png) left 5px no-repeat; background-size:25px;}
}

@media screen and (min-width: 600px) and (max-width:767px) 
{
.logo{ width:14% !important; float:left;}
.cont{ width:100%;}
}
@media screen and (min-width: 768px) and (max-width: 1000px) 
{
.cont{ width:100%;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) 
{
.yy_box,.menu_bg{ display:none;}
#showLeft{ display:block; }
}

@media screen and (min-width: 1200px) and (max-width: 1920px) 
{
.cbp-spmenu{ display:none;}


}




/*分页样式*/
.xiaocms-page{;text-align: center;margin-left: 20px;margin-bottom: 20px; margin-top: 40px;}
.xiaocms-page span{/* border: 1px solid #2EA74D; */border: 1px solid #314687;margin: 0 2px;
font-size: 14px;padding: 5px 15px;background:#314687;/*background: #2CA64C;*/color:#fff;
text-decoration:none;/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red);*/      /*background: -ms-linear-gradient(top, #fff, #0000ff);*/      /*background: -moz-linear-gradient(top,#b8c4cb,#f6f6f8);*/      /*background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));*/      /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff));*/      /*background: -webkit-linear-gradient(right, #85e49c, #1eab43);*/      /*background: -o-linear-gradient(top, #fff, #0000ff);*/}
.xiaocms-page a{margin:0 2px;border: 1px solid #E8E8E8;padding: 5px 15px;color: #656565;line-height:30px;
font-size: 14px;background-color: #F5F5F5;/* border-radius:15px */}
.xiaocms-page a:hover{/* border: 1px solid #2EA74D; *//*background: #2CA64C;*/
background:#314687;color:#fff;text-decoration:none;border: 1px solid #314687;/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red);      background: -ms-linear-gradient(top, #fff, #0000ff);      background: -moz-linear-gradient(top,#b8c4cb,#f6f6f8);      background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff));      background: -webkit-linear-gradient(right, #85e49c, #1eab43);      background: -o-linear-gradient(top, #fff, #0000ff);*/}