@charset "utf-8";
a{ color:#505050; text-decoration:none;}
a:hover{ color:#043150; -webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;
-o-transition:  0.2s ease-in 0s;}
img{ border:0px;margin:0px;}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
div{ height:auto;}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#363636;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:14px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none;
	letter-spacing:1px;
}
.m_top,.mb_show,.banners{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.top{width:100%; float:left; height:470px;}
.about{ background:url(../images/about_bg.jpg) top center; background-repeat:no-repeat}
.anzhuang{ background:url(../images/anzhuang_bg.jpg) top center; background-repeat:no-repeat}
.anli{ background:url(../images/anli_bg.jpg) top center; background-repeat:no-repeat}
.baoyang{ background:url(../images/weihu_bg.jpg) top center; background-repeat:no-repeat}
.baoyang{ background:url(../images/weihu_bg.jpg) top center; background-repeat:no-repeat}
.news{ background:url(../images/news_bg.jpg) top center; background-repeat:no-repeat}
.yuanli{ background:url(../images/yunxing_bg.jpg) top center; background-repeat:no-repeat}
.fangan{ background:url(../images/fangan_bg.jpg) top center; background-repeat:no-repeat}
.product{width:100%; float:left; }
.products{ background:url(../images/pro_bg.jpg) top center; background-repeat:no-repeat}
.product_x{ background:url(../images/product_bg.jpg) top center; background-repeat:no-repeat}

.top-head{width:100%;z-index:1000; float:left;}
.cont { 
    display: block; 
    position: fixed; 
    top: 25%; 
    left: 25%; 
    width: 50%; 
    height: 50%; 
    padding: 20px; 
    border: 10px solid #ddd; 
    background-color:#043150; 
    color: white;
    z-index:1; 
    overflow: auto; 
}
.cont .close{ text-align:right; padding-bottom:10px;}
.cont .close a{ text-decoration:underline; color:#fff}
.cont iframe{ width:100%; height:80%;}
.cont video{width:100%; height:80%;}
.conta { 
    display: block; 
    position: fixed; 
    top: 20%; 
    left: 25%; 
    width: 50%; 
    height: 65%; 
    padding: 20px; 
    border: 10px solid #ddd; 
    background-color:#043150; 
    color: white;
    z-index:1; 
    overflow: auto; 
}
.conta .closes{ text-align:right; padding-bottom:10px;}
.conta .closes a{ text-decoration:underline; color:#fff}


.logo{width:30%;float:left;padding-top:10px;}
.nav{width:70%;float:right;}
.nav ul{width:100%;}
.nav li{float:left;text-align:center;/* position:relative;*/}
.nav .m a{display:block; color:#fff;font-size:18px;/*overflow:hidden;*/ line-height:124px;padding:0 25px 0 25px;}
.nav .m a:hover{background:#f3c720}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; color:#000}

.nav a#sel{border-bottom:3px solid #007FCC;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}
.top_cps{width:1280px;overflow:hidden;padding-top:50px;margin:0 auto;padding-bottom:50px;}
.nav .sub{display:none;padding:0;position:absolute;top:125px;overflow:hidden;text-align:left;z-index:110;left:0;background:#fbfbfb; width:100%;}
.nav .sub a{ color:#505050; line-height:60px;}

.container{width:100%; max-width:1280px;height:auto; margin:0 auto; text-align:left;}
.top_logo{ width:100%; float:left; height:124px;}
.logo{ float:left; }
.menu{ float:right;}
.menu a{ padding-left:20px; line-height:124px; color:#fff; font-size:18px; float:left; text-align:center; padding-right:20px;}
.menu a:hover{ background:#7BB135;}
.top_title{ width:100%; padding-top:275px; float:left; color:#fff; font-size:48px; font-weight:bold;}
.top_nav{ width:100%; float:left; padding-top:28px;}
.top_nav_1{ width:303px; height:40px; background:#043150; color:#fff; font-size:14px; line-height:40px; padding-left:15px;} 
.top_cp{ width:100%; float:left; background:#fbfbfb; padding-top:45px; padding-bottom:55px;}

.banners{ width:100%; height:auto; float:left;padding-top:85px;}
.banners img{ width:100%;}
.swiper-slide{ width:100%; float:left;}

.cp1{ width:42%; float:left;}
.cp1 h1{ font-size:35px; font-weight:bold; color:#404040; padding-bottom:20px;}
.cp1 p{ font-size:16px;color:#5d5d5d; padding-bottom:15px; line-height:160%;}
.cp1 .cps{ width:100%; float:left; padding-top:20px;position:absolute;}

.cp1 .cps li{ float:left; font-size:17px; line-height:58px;margin:0px; margin-right:25px;position:relative;}
.cp1 .cps li a{padding:0px;}
.cp1 .cps li a:hover{ background:none;}
.cp1 .cps li:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;}
.cp1 .cps li:hover:before{width: 72px;background: #0e68b0;}

.cp2{ width:33%; float:left; text-align:center;}
.cp2 img{ width:325px; height:205px;}

.cp3{ width:25%; float:left;}
.cp3 h1{ font-size:35px; font-weight:bold; color:#404040; padding-bottom:20px;}

.cp3 .p_txt{ font-size:16px; line-height:180%;}
.cp_gn{ width:100%; float:left;}
.cp_gn .ul{ width:53.5%; float:left; border-left:1px solid #404040; font-size:20px; padding-left:3%; margin-bottom:25px;}
.cp_gn .ul1{ width:39.5%; float:left; border-left:1px solid #404040; font-size:20px; padding-left:3%; margin-bottom:25px;}


.cp_class{ width:100%; float:left;padding-top:12px;}
.top_more{ width:100%; float:left; margin-bottom:165px}
.top_more a{ width:164px; height:60px; border:2px solid #fff; float:left; line-height:60px; color:#fff; padding-left:20px; padding-right:20px; font-size:22px;}
.cp_l{ width:99.5%; float:left; border:3px solid #D5D7D6;}
.cp_l_n{ width:33.3%; float:left; border-right:3px solid #D5D7D6; -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}

.cp_l_n p {
    width:40%;
    line-height: 65px;
    background: rgba(1, 50, 80, .60);
    color: #fff;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	white-space: nowrap;text-overflow: ellipsis;
	font-size:30px;
	margin-left:30%;
	margin-right:30%;
	text-align:center;
	margin-bottom:5px;
}
.cp_l_n p:hover{background: #051E2F;}
.cp_l_n img{ width:100%;}

.cp_l_n1{ width:33.3%; float:left;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}

.cp_l_n1 p {
    width:40%;
    line-height: 65px;
    background: rgba(1, 50, 80, .60);
    color: #fff;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	white-space: nowrap;text-overflow: ellipsis;
	font-size:30px;
	margin-left:30%;
	margin-right:30%;
	text-align:center;
	margin-bottom:5px;
}
.cp_l_n1 p:hover{background: #051E2F;}
.cp_l_n1 img{ width:100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.top_logo{ width:100%; float:left; height:124px;}
.logo{ float:left; padding-top:37px;}
.menu{ float:right;}
.menu a{ padding-left:20px; line-height:124px; color:#fff; font-size:18px; float:left; text-align:center; padding-right:20px;}
.menu a:hover{ background:#7BB135;}

.top_nav{ width:100%; float:left; padding-top:28px;}
.top_nav_1{ width:303px; height:40px; background:#043150; color:#fff; font-size:14px; line-height:40px; padding-left:15px;} 
.top_nav_1 a{ color:#fff;}
.c_class{ width:100%; float:left; background:#EEF1F5; height:85px;}
.class_line{ width:55px; float:left; text-align:center; padding-top:38px;}
.class_n{  font-size:20px; float:left;}
.class_n a{line-height:84px; border-bottom:1px solid #EEF1F5; color:#323232;float:left;}
.class_n a:hover{border-bottom:1px solid #043150; color:#16496A;}
.class_n a.on{border-bottom:1px solid #043150; color:#16496A;}
.class_l{ float:left;line-height:84px; width:60px; text-align:center; color:#ccc;}
.pagemain{ width:100%; float:left; padding-top:40px; padding-bottom:40px;}
.pagemenu{ width:100%; float:left; background:#013250; padding-top:58px; padding-bottom:78px;color:#e2e2e2;}
.p_menu{ padding-left:20px; padding-right:75px; float:left;}
.p_menu h1{ border-bottom:1px solid #E2E2E2; color:#E2E2E2; font-size:18px; padding-bottom:20px; margin-bottom:13px; width:120px;}
.p_menu p{ line-height:215%;color:#E2E2E2;}
.pagemenu a{ color:#E2E2E2}
.weixin{color:#E2E2E2; line-height:150%; font-size:16px;text-align:center;}
.weixin img{ padding-bottom:10px;}
.pagefoot{ width:100%; float:left; background:#051E2F; color:#fff; line-height:65px;}
.pagefoot a{ color:#fff;}
.pagefoot img{ padding-top:23px;}

.a_title{ width:100%; float:left; text-align:center; font-size:16px; color:#818181; line-height:180%;}
.a_title h1{ font-size:30px; color:#333; padding-bottom:10px;}
.a_content{ width:100%; float:left; padding-top:25px; line-height:180%; font-size:20px;}
.a_content img{ max-width:100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.az_title{ width:100%; float:left; text-align:center;}
.az_con{ width:100%; float:left; font-size:20px; color:#454545; line-height:190%; padding-top:30px;}
.az_con img{ max-width:100%; height:auto;}
.anzhuang_bot{ width:100%; float:left; margin-top:120px; background:#E1E2E4; margin-bottom:40px; padding-top:50px; padding-bottom:20px;}
.bot_left{ width:55.5%; float:left; padding-right:8.5%;}
.bot_right{ width:36%; float:left;}
.l_tit{ width:100%; float:left; font-size:48px; color:#043150; font-weight:bold;}
.l_con{ width:100%; float:left; padding-top:20px;}
.l_con ul{ float:left; line-height:70px;background:url(../images/tu1.png) center left; background-repeat:no-repeat; font-size:22px; padding-left:25px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.l_con ul div{ float:left;}
.r_con{ width:100%; float:left; padding-top:35px;}
.r_con img{ width:100%;}


.al_list{ width:100%; float:left; padding-bottom:50px;}
.al_img{ width:48%; float:left; padding-right:1%;}
.al_con{ width:50%; float:left; padding-left:1%;}
.al_con h1{ font-size:26px; font-weight:bold; color:#1F1F21; padding-top:15px;}
.al_con p{ font-size:16px; color:#91908F; line-height:165%; padding-top:15px;}
.al_con p a{ width:150px; height:45px; float:left; text-align:center; background:#CCCCCC; margin-top:20px;border-radius:25px; line-height:45px;}
.al_con p a:hover{ background:#051E2F; color:#fff;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.al_txt{ width:100%; float:left; padding-top:20px;}
.al_img img{ width:100%; height:auto;}
.al_txt .a1{ width:32%; float:left;}
.al_txt .a2{ width:32%; float:left; padding-left:2%; padding-right:2%;}
.al_txt .a1 img{ width:100%; height:auto;}
.al_txt .a2 img{ width:100%; height:auto;}
.pageno{ width:100%; float:left; padding-top:35px; padding-bottom:35px; text-align:center;}

.ry_tit{ width:100%; float:left; text-align:center; padding-top:55px; padding-bottom:50px;}
.ry_tit1{ width:48%; float:left; text-align:right; padding-right:2%;}
.ry_tit2{ width:48%; float:left; text-align:left; padding-left:2%;}
.ry_left{ width:30%; float:left; background:#F6F6F6; text-align:center; padding-top:18px; padding-bottom:15px;}
.ry_right{ width:63%; float:left; padding-left:7%;}
.ry_s{ width:100%; float:left;}
.ry_img{ width:100%; float:left}
.ry_img img{ width:90%; height:440px; padding-bottom:15px;}
.ry_title{ width:90%; float:left; background:#043150; font-size:18px; color:#fff; line-height:75px; text-align:left; padding-left:10%;}
.ry_right h1{ font-size:30px; color:#292929; font-weight:bold;}
.ry_right p{ color:#5C5C5C; font-size:16px; line-height:65px;}
.ry_right .pcon{ width:100%; float:left;} 
.ry_right .pcon .ry{ width:23%; float:left; padding-right:2%; padding-bottom:20px;cursor:pointer}
.ry_right .pcon .ry img{ max-width:98%; height:205px; border:2px solid #fff; padding:2px;}
.ry_right .pcon .ry img:hover{ border:2px solid #f3c720;}

.gr_title{ width:100%; float:left;text-align:center; font-size:48px; color:#043150; font-weight:bold; background:url(../images/green_line.jpg) bottom center; background-repeat:no-repeat; padding-bottom:15px; padding-top:30px; margin-bottom:30px;}
.by_con{ width:100%; float:left; font-size:20px; color:#454545; line-height:190%; padding-bottom:20px;}
.by_con img{ max-width:100%;}
.by_list{ width:100%; float:left;}
.by_list .by1{ width:31.6%; float:left; background:#EFEFEF;}
.by_list .by2{ width:31.6%; float:left; margin-left:2.6%; margin-right:2.6%; background:#EFEFEF;}
.by_list .by1 img;.by_list .by2 img{ width:100%; height:365px;}
.by_list h1{ font-size:30px; color:#043150; font-weight:bold; text-align:center; padding-top:30px; padding-bottom:15px;}
.by_list p{ text-align:center; font-size:18px; color:#9A9A9A; padding-bottom:25px;}
 
 
.n_list{ width:100%; float:left; background:#F7F7F7; margin-bottom:25px; padding-top:25px; padding-bottom:25px;}
.n_date{ width:12.2%; float:left; text-align:right; font-family:Vrinda; font-size:20px; color:#797979; padding-top:15px;}
.n_con{ width:82.8%; float:left; padding-left:3%; padding-right:2%; font-size:16px;}
.n_con h1{ font-size:24px; padding-bottom:15px;}
.n_con p{ line-height:185%;}
.n_con p a{ color:#797979; font-size:16px; margin-top:10px; float:left;}

.news_xq{ width:100%; float:left; background:#F6F6F6;}
.fenxiang{ width:100%; float:left; text-align:right;}
.ny_title{ width:100%; float:left; text-align:center; font-size:35px; font-weight:bold; padding-bottom:30px;}
.ny_date{width:100%; float:left; text-align:center; font-size:12px; padding-bottom:25px;}
.ny_con{ width:92%; float:left; padding-left:4%; padding-right:4%; line-height:215%; padding-bottom:50px; font-size:18px;}
.ny_con img{ max-width:100%; height:auto;}
.ny_con a{ color:#043150; font-size:16px; text-decoration:underline;}
.news_ln{ width:96%; float:left;background:#F6F6F6; margin-top:45px; padding-left:2%; padding-right:2%;}
.ln_l{ width:40%; float:left; line-height:76px; background:url(../images/lase.png) left center; background-repeat:no-repeat;}
.ln_r{width:40%; float:left; line-height:76px; background:url(../images/next.png) right center; background-repeat:no-repeat; text-align:right}
.ln_m{ width:20%; float:left; text-align:center;}
.ln_l div{ padding-left:75px;}
.ln_r div{ padding-right:75px}

.yx_class{ width:100%; float:left; padding-bottom:35px; text-align:center;}
.yx_class a{ border:1px solid #454545;line-height:42px;padding:8px 20px; font-size:20px; font-weight:bold; margin-left:24px; margin-right:24px;}
.yx_class a.on{border:1px solid #7AB234; color:#7AB234;}
.yx_class a:hover{border:1px solid #7AB234; color:#7AB234;}

.yx_con{ width:100%; float:left; margin-bottom:45px; background:url(../images/yx1.jpg);padding-top:100px; padding-bottom:100px;}

.yx_cons{ width:100%; float:left; margin-bottom:45px; background:url(../images/yx2.jpg);padding-top:100px; padding-bottom:100px;}

.yx_con_1{ width:52.5%; float:left; padding-left:3%; padding-right:3%;}
.yx_con_2{ width:40%; float:left; text-align:right; padding-right:1.5%;}
.yx_con_2 img{ width:100%;}
.yx_con_1 h1{ font-size:30px; font-weight:bold; padding-bottom:35px;}
.yx_con_1 p{ font-size:18px; line-height:190%;}
.bot_tel{ width:100%; float:left; text-align:center; background:url(../images/fangan1.jpg) top center; color:#fff; padding-top:40px; padding-bottom:35px; font-size:26px; line-height:60px;}
.fa_row{ width:100%; float:left; padding-top:40px; padding-bottom:20px;}

.rollBox{width:1280px;overflow:hidden; float:left;}
.rollBox .LeftBotton{height:206px;width:65px;background:url(../images/scroll.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:206px;width:65px;background:url(../images/scroll.png) no-repeat -65px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1150px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}

.rollBox .Cont .row1{ width:370px; float:left; padding-left:7px; padding-right:6px;}
.rollBox .Cont .f_img{ width:100%; float:left;position:relative;}
.rollBox .Cont .f_img img{ max-width:100%; height:auto}
.rollBox .Cont .f_txt{ width:205px; height:76px; float:left;position:relative;top:-50px;background:url(../images/fa_2.jpg) center right; left:100px; line-height:76px; font-size:24px; color:#333; padding-left:25px;}
.rollBox .Cont .f_txt:hover{background:url(../images/fa_1.jpg) center right; color:#fff;}
.rollBox #List1,.rollBox #List2{float:left;}

.fa_why{ width:100%; float:left; background:#d6d6d6; padding-top:50px; padding-bottom:65px; margin-bottom:68px;}
.rollBoxs{width:1280px;overflow:hidden; float:left;}
.rollBoxs .LeftBotton{height:327px;width:65px;background:url(../images/scroll.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBoxs .RightBotton{height:327px;width:65px;background:url(../images/scroll.png) no-repeat -65px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBoxs .Cont{width:1150px;overflow:hidden;float:left;}
.rollBoxs .ScrCont{width:10000000px;}

.rollBoxs .Cont .row3{ width:370px; float:left; padding-left:7px; padding-right:6px;}
.rollBoxs .Cont .f_img{ width:100%; float:left;position:relative;}
.rollBoxs .Cont .f_img img{ max-width:100%; height:327px}
.rollBoxs .Cont .f_txt{ width:205px; height:116px; float:left;position:relative;top:-50px;background:url(../images/fa_2.jpg) top right; left:100px; line-height:116px; font-size:24px; color:#333; padding-left:25px;}
.rollBoxs .Cont .f_txt:hover{background:url(../images/fa_1.jpg) top right; color:#fff;}
.rollBoxs #List3,.rollBox #List4{float:left;}

.hx_title{ width:100%; float:left; text-align:center; font-size:24px; padding-top:20px; padding-bottom:50px;}
.hx_title a{ padding-left:25px; padding-right:25px; cursor:pointer;}
.hx_con{ width:100%; float:left; font-size:20px;}
.hx_con .hx_l{ width:36%; float:left; padding-right:2%;}
.hx_con .hx_r{ width:62%; float:left;}
.hx_con .hx_l img{ max-width:100%;}

.cp_s{ width:1150px; float:left;}
.why_img{ width:35.5%; float:left;}
.why_img img{ width:100%; height:330px;}
.why_txt{ width:61.5%; float:left; padding-left:3%;}
.why_txt h1{ font-size:40px; color:#333; margin-bottom:30px;}
.why_txt p{ font-size:18px; line-height:170%;}
.why_txt p a{ width:214px; height:66px; border:1px solid #868686; text-align:center; color:#787878; font-size:22px; float:left; line-height:66px; margin-top:75px;}
.pro_list{ width:100%; float:left; padding-top:95px; padding-bottom:95px;}
.pro_list .plist{ width:24.9%; float:left; margin-right:1px; background:url(../images/probg.png); padding-top:75px; padding-bottom:70px;}
.pro_list .plist h1{ text-align:center; font-size:24px; color:#333;}
.pro_list .plist p{ height:152px;padding-left:5%; padding-right:5%; padding-top:25px; line-height:160%;}
.pro_list .plist .p2{ width:100%; float:left;}
.pro_list .plist .p2 img{ width:100%; height:180px;}
.pro_al{ width:100%; float:left; background:url(../images/pro_al_bg.jpg) top center; padding-top:52px; margin-bottom:60px;}
.pro_row{ width:23%; float:left; background:#fff; margin-left:1%; margin-right:1%;;}
.p_img{ width:100%; float:left;}
.p_img img{ width:100%; height:170px;}
.pro_row h1{ width:80%; padding-left:10%; padding-right:10%;float:left; line-height:60px; font-size:24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.pro_row p{ width:80%; padding-left:10%; padding-right:10%; float:left; line-height:150%; font-size:16px; height:100px;}
.pro_row .p_more{ width:145px; height:43px;float:left; border:2px solid #c1c1c1; text-align:center; font-size:16px; line-height:47px; margin-left:10%; margin-bottom:25px;}
.pro_show_more{ width:100%; float:left; text-align:center; line-height:105px; font-size:22px;}
.pro_n{ width:100%; float:left;}
.pro_n_l{ width:50%; float:left; padding-top:10px;}
.pro_n_r{ width:50%; float:right; padding-top:40px;}
.pro_n_r h1{ width:400px; background:url(../images/blue_bg.png); float:right; color:#fff; font-size:36px; padding:30px 22px; text-align:center; line-height:55px; font-weight:100;}
.pro_n_r p{ width:400px; float:right; background:url(../images/hui_bg.png); margin-top:20px; line-height:68px; padding-left:22px; padding-right:22px; font-size:24px; color:#2B2A2A; font-weight:bold;}
.pro_n_r a{ color:#2B2A2A;}
.pro_n_r a:hover{ color:#043150}

.ncp_gn{ width:400px; float:right;background:url(../images/hui_bg1.png); margin-top:20px;padding-left:22px; padding-right:22px;color:#2B2A2A; padding-top:20px;}
.ncp_gn .ul{ width:53.5%; float:left; border-left:1px solid #404040; font-size:20px; padding-left:3%; margin-bottom:25px;}
.ncp_gn .ul1{ width:39.5%; float:left; border-left:1px solid #404040; font-size:20px; padding-left:3%; margin-bottom:25px;}

.pro_t{ width:100%; float:left;}

.anli_tit{ width:100%; float:left; text-align:center; font-size:48px; color:#5A5D62; line-height:160px;}
.anli_show{ width:100%; float:left;}
.anli_show_img{ width:100%; float:left; text-align:right;}
.anli_show_img img{ max-width:100%;}
.anli_show_video{ width:50%; float:left; text-align:left;}
.anli_show_video iframe{ width:100%; height:525px;}

.pageno span a{ padding-left:18px; padding-right:18px; padding-top:10px; padding-bottom:10px; margin-left:1px; margin-right:1px;font-family:Vrinda; font-size:20px;}
.pageno span a:hover{color:#fff;background:#043150;}
.pageno span a.on{color:#fff; background:#043150;}


.fullSlide {width:100%;position:relative;height:487px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:487px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:480px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;line-height:999px;background:#fff;}
.fullSlide .hd ul .on {background:#043150;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	top:50%;margin-top:-30px;left:5%;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}
.no{ display:none}

.fullSlides {width:100%;height:340px;z-index:5; float:left;}
.fullSlides .bd {margin:0 auto;}
.fullSlides .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlides .bd li {width:100% !important;	height:340px;overflow:hidden;text-align:center;}
.fullSlides .bd li a {display:block;height:300px;}
.fullSlides .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlides .hd ul {text-align:center;}
.fullSlides .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;line-height:999px;background:#fff;}
.fullSlides .hd ul .on {background:lightblue;}
.fullSlides .prev,.fullSlide .next {display:block;position:absolute;top:50%;margin-top:-30px;left:5%;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;display:none;}
.fullSlides .next {left:auto;right:5%;background-position:-6px -137px;}


/* side */
.side{position:fixed;width:54px;height:170px;right:0;top:330px;z-index:1000;_position:absolute; display:none;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; cursor:pointer}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; font-size:20px; line-height:54px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f3c720;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.color_black{ color:#1F1F21;}
.c0{ color:#c0c0c0;}
.c94{ color:#949494;}
.fnt40{ font-size:40px;}
.fnt48{ font-size:48px;}
.fnt22{ font-size:22px; font-weight:100; padding-top:15px; float:left; text-align:center; width:100%;}
.fnt26{ font-size:26px;}
.fnt30{ font-size:30px;}
.fnt25{ font-size:25px;}
.fnt23{ font-size:23px;}
.fnt12{ font-size:12px;}
@media(max-width:480px){
body{ font-size:14px;}
.top-head,.cp_show,.pagemenu{ display:none;}
.m_top,.mb_show,.banners{ display:block;}


.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:20px; position:fixed; z-index:1000; background:#153F57;box-shadow: 1px 1px 3px  0 #153F57 }
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ max-width:100%;}
.m_top_r{ float:right;padding-left:10px;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:22px;
  padding-right:10px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 20px 10px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 40px 20px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #333333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:80%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  line-height:40px;
  color:#adadad;
  margin-bottom:5px;
  border-bottom:1px solid #2b2b2b;
  text-align:left;
  padding-left:10%;
  font-weight:bold;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2b2b2b;
}
.lis{  width:85%; float:left;
  padding-left:15%;line-height:25px; text-align:left;}
.lis a{ color:#BDD43E;}

.c_class,.pagemain,.pagefoot,.anzhuang_bot,.pro_al{ width:96%; padding-left:2%; padding-right:2%;}
.top{width:96%; float:left; height:auto; padding-left:2%; padding-right:2%; padding-bottom:20px;}
.about{ background:url(../images/m_about_bg.jpg) top center; background-repeat:no-repeat;}
.anzhuang{ background:url(../images/m_anzhuang_bg.jpg) top center; background-repeat:no-repeat}
.anli{ background:url(../images/m_anli_bg.jpg) top center; background-repeat:no-repeat}
.baoyang{ background:url(../images/m_weihu_bg.jpg) top center; background-repeat:no-repeat}
.baoyang{ background:url(../images/m_weihu_bg.jpg) top center; background-repeat:no-repeat}
.news{ background:url(../images/m_news_bg.jpg) center top; background-repeat:no-repeat}
.yuanli{ background:url(../images/m_yunxing_bg.jpg) top center; background-repeat:no-repeat;background-size:100% auto;}
.fangan{ background:url(../images/m_fangan_bg.jpg) no-repeat 80px center; background-repeat:no-repeat}
.product{width:100%; float:left; }
.products{ background:url(../images/pro_bg.jpg) center center; background-repeat:no-repeat}
.product_x{ background:url(../images/product_bg.jpg) center center; background-repeat:no-repeat}


.top_title{ margin-top:0px;padding-top:115px; font-size:20px;}
.top_nav_1{ font-size:12px;}
.c_class{height:65px;}
.class_line{ width:20px; float:left; text-align:center; padding-top:28px;}
.class_n{  font-size:14px; float:left;}
.class_n a{line-height:64px; border-bottom:1px solid #EEF1F5; color:#323232;float:left;}
.class_n a:hover{border-bottom:1px solid #043150; color:#16496A;}
.class_n a.on{border-bottom:1px solid #043150; color:#16496A;}
.a_title{ font-size:14px;}
.a_title h1{ font-size:20px;}
.pagemain{ padding-bottom:20px; background:#fff; padding-top:20px;}
.gr_title{ font-size:20px;padding-top:10px; margin-bottom:10px;}

.class_l{ line-height:64px; width:30px;}

.by_con{ font-size:14px;}
.yx_class a{ padding:8px 5px; font-size:14px;margin-left:4px; margin-right:4px; }
.yx_con,.yx_cons{  margin-bottom:15px; padding-top:20px; padding-bottom:20px;}
.yx_con_1{ width:96%; padding-left:0%; padding-right:2%; padding-left:2%}
.yx_con_2{ width:100%; float:left; text-align:center; padding-right:0%;}
.yx_con_1 h1{ font-size:20px;padding-bottom:15px;}
.yx_con_1 p{ font-size:14px;}
.az_con{ font-size:14px; padding-top:10px;}
.anzhuang_bot{ margin-top:10px;margin-bottom:10px; padding-top:10px; padding-bottom:20px;}
.bot_left{ width:100%; padding-right:0%;}
.bot_right{ width:100%; }
.l_tit{ width:100%;font-size:18px; }
.l_con{ width:100%; float:left; padding-top:10px;}
.l_con ul{ line-height:45px;font-size:14px; padding-left:25px;}

.by_list .by1{ width:100%;}
.by_list .by2{ width:100%; margin-left:0%; margin-right:0%; }
.by_list .by1 img;.by_list .by2 img{ width:100%; height:auto}
.by_list h1{ font-size:20px;padding-top:10px; padding-bottom:15px;}
.by_list p{ font-size:14px;}

.fa_s{ width:100%; float:left;}
.row1{ width:48%; float:left; padding-left:1%; padding-right:1%;}
.f_img{ width:100%; float:left;position:relative;}
.f_img img{ max-width:100%; height:auto}
.f_txt{ width:95%; height:50px; float:left;position:relative;top:0px;background:url(../images/fa_2.jpg) top right; left:0px; line-height:50px; font-size:16px; color:#333; padding-left:5%;}

.n_list{ margin-bottom:15px; padding-top:15px; padding-bottom:15px;}
.n_date{ width:15%; font-size:14px;padding-top:15px;}
.n_con{ width:80%; float:left; padding-left:3%; padding-right:2%; font-size:14px;}
.n_con h1{ font-size:16px; padding-bottom:0px; font-weight:bold;}
.n_con p{ line-height:185%;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
}
.n_con p a{ font-size:14px;}
.pageno{ padding-top:15px; padding-bottom:15px;}
.pageno span a{ padding-left:6px; padding-right:6px; padding-top:10px; padding-bottom:10px; font-size:14px;}
.ny_title{ font-size:20px;padding-bottom:15px; padding-top:15px;}
.ny_con{ line-height:185%; padding-bottom:20px; font-size:14px;}
.ny_con a{ font-size:15px;}
.ln_l{ width:100%; line-height:36px; background:none;}
.ln_r{width:100%; line-height:36px;background:none;}
.ln_l div{ padding-left:15px;}
.ln_r div{ padding-right:15px}
.hx_con{ font-size:14px;}
.a_content{ font-size:14px;}
.a_content h1{ font-size:18px;}
.al_list{ padding-bottom:20px;}
.al_img{ width:100%; float:left;}
.al_con{ width:100%; padding-left:0%;}
.al_con h1{ font-size:18px;}
.al_con p{ font-size:14px; }
.al_con p a{ width:130px; height:35px;line-height:35px;}
.al_txt{ width:100%; float:left; padding-top:20px;}
.al_img img{ width:100%; height:auto;}
.al_txt .a1 img{ width:100%; }
.al_txt .a2 img{ width:100%; }
.anli_tit{ width:100%; float:left; text-align:center; font-size:20px; color:#5A5D62; line-height:70px; background:#fff;}

.banners{ width:100%; height:auto; float:left;padding-top:85px;}

.swiper-slide{ width:100%; float:left;}
.swiper-slide img{ width:100%;}
.pro_n_r{ width:100%; float:right; padding-top:10px;background:#013250;}
.pro_n_r h1{ width:100%;background:none; float:left;font-size:22px; padding:0px;line-height:35px; font-weight:bold;}

.ncp_gn{ width:100%; float:left;margin-top:10px;padding-left:0px; padding-right:0px;color:#2B2A2A; padding-top:10px; text-align:left;}
.ncp_gn .ul{ width:49.5%; float:left; border-left:1px solid #404040; font-size:14px; padding-left:5%; margin-bottom:10px; margin-left:2%}
.ncp_gn .ul1{ width:35.5%; float:left; border-left:1px solid #404040; font-size:14px; padding-left:5%; margin-bottom:10px; margin-left:2%}

.cont { 
    display: block; 
    position: fixed; 
    top: 25%; 
    left: 5%; 
    width: 80%; 
    height: 50%; 
    padding: 10px; 
}

.conta { 
    left: 5%; 
    width: 80%; 
    height: 65%; 
    padding: 10px; 
}

.pro_row{ width:100%; margin-left:0%; margin-right:0%;}
.p_img img{ height:auto;}
.pro_row h1{ width:90%; padding-left:5%; padding-right:5%;line-height:40px; font-size:16px; font-weight:bold;}
.pro_row p{ width:90%; padding-left:5%; padding-right:5%;line-height:150%; font-size:14px; height:auto;}
.pro_row .p_more{ width:140px; height:40px; border:1px solid #c1c1c1; text-align:center; font-size:14px; line-height:40px; margin-left:5%; margin-bottom:25px; margin-top:10px;}
.pro_show_more{ width:100%; float:left; text-align:center; line-height:60px; font-size:16px;}
.by_con table{ width:100%;}

.hx_title{ width:90%;font-size:15px;padding-bottom:30px;padding-left:5%; padding-right:5%;}
.hx_title a{ width:30.333%; float:left;padding-left:1.5%; padding-right:1.5%;}


.hx_con .hx_l{ width:100%; padding-right:0%;}
.hx_con .hx_r{ width:100%;}

.fullSlide {height:200px;}
.fullSlide .bd li {height:200px;}
.fullSlide .bd li a {height:180px;}

.fans td{ font-size:11px;}
.by_con .content,.pro_t{overflow:auto;}
.by_con .content table{ min-width:800px;}
.pro_t .tt{ min-width:470px;}

.side{position:fixed;width:54px;height:80px;right:0;top:430px;z-index:1000;_position:absolute; display:none;}
.side ul li{border-bottom:none;}
.ry_left{ display:none;}
.ry_right{ width:100%; padding-left:0%;}
.ry_right h1{ font-size:20px;}
.ry_right p{font-size:14px; line-height:180%; padding-bottom:15px;}
.ry_right .pcon .ry{ width:48%; float:left; padding-right:1%; padding-left:1%; }
.ry_right .pcon .ry img{ border:2px solid #eee;}


.side{position:fixed;width:30px;height:70px;right:0;top:330px;z-index:1000;_position:absolute; display:none;}
.side ul li{width:30px;height:30px;float:left;position:relative;border-bottom:1px solid #444; cursor:pointer}
.side ul li .sidebox{position:absolute;width:30px;height:30px;top:0;right:0;transition:all 0.3s;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; font-size:20px; line-height:30px;}
.side ul li .sidetop{width:30px;height:30px;line-height:30px;display:inline-block;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f3c720;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left; width:30px; height:30px;}

.pagefoot{ line-height:30px; padding-top:8px;}
.pagefoot img{ padding-top:5px;}
.fnt40{ font-size:16px;}
.fnt26{ font-size:14px;}
.fnt22{ font-size:16px}
.fnt30{ font-size:18px;}
.fnt25{ font-size:16px;}
}