@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px;background:#FFF; color:#666; font-family:"微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}



a { text-decoration: none; outline:none;color:#666}
a:hover { text-decoration: none;color:#ff0000}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }


.box{ width:1200px; margin:0 auto; padding:0;}

.i_h_box{ width: 80%;margin:0 auto; padding:0;}
.i_header{ height:90px;}
.i_header .logo{ height:60px; float:left; padding:5px 2% 15px 0; width:25%;}
.i_header .logo img{ max-width:100%;}
.i_header .app_logo{ float:left; height:37px; display: none;}
.i_header .app_logo img{ max-width:100%;}

.nav1{ width:60%; float:left; margin:30px 2% 0 0;}
.nav1 ul{ margin:0; padding:0; text-align:center;}
.nav1 ul .n_service{ width:12%; float:left; line-height:18px; position:relative; transition: all 0.3s ease-out 0.2s; z-index:99999;}
.nav1 ul .n_service ul{ text-align: center;}
.nav1 ul .n_service a{ color:#333; font-size:16px; display: block}
.nav1 ul .n_service a font{ display:block;}
.nav1 ul .n_service a i{ font-size: 10px; color:#999; text-transform: uppercase;}


.nav1 ul .n_service .n_com {background:rgba(255,255,255,0.95);min-height:220px; position:absolute; 
z-index:99999; opacity:0; visibility:hidden; width:350px; top:40px; left:-120px; padding:50px 30px 30px; border-bottom:5px solid #cb152d;}
.nav1 ul .n_service .n_com .n_c_pic{ width:210px; height:220px; float:left; overflow:hidden;}
.nav1 ul .n_service .n_com .n_c_pic img{ max-width:100%;}

.nav1 ul .n_service .n_com ul{ margin:0; padding:5px 0 0; width:100px; float: right; text-align: left;}
.nav1 ul .n_service .n_com ul li{ display:block; padding:0;}
.nav1 ul .n_service .n_com ul li a{ line-height:30px; color:#333; opacity:1; font-size:14px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nav1 ul .n_service:hover .n_com{ opacity:1; visibility:visible; transition:all 0.3s ease-out 0s; top:35px;}
.nav1 ul .n_service .n_com ul li:hover a{color:#015b90; text-decoration:underline;}

.tel{ float:right; width:10%; padding-top:5px; font-size:18px; color:#f30;}
.tel span{ font-size:14px; color:#666;}

.banner_box{ width:100%; height:100%; overflow:hidden; position:relative; }
.banner_box .hd{ height:18px; overflow:hidden; position:absolute; right:0; left:0; bottom:4%; z-index:1; }
.banner_box .hd ul{ overflow:hidden; width:80px; margin:0 auto; }
.banner_box .hd ul li{ display:inline-block; margin:0 6px; width:12px; height:12px; background:#fff; cursor:pointer; border-radius:100%; }
.banner_box .hd ul li.on{ background:#cb152d; color:#fff; transition:0.5s;}
.banner_box .bd{ position:relative; height:100%; z-index:0;   }
.banner_box .bd li{ zoom:1; vertical-align:middle; }
.banner_box .bd img{ width:100%; height:100%; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner_box .prev,
.banner_box .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner_box .next{ left:auto; right:3%; background-position:8px 5px; }
.banner_box .prev:hover,
.banner_box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner_box .prevStop{ display:none; }
.banner_box .nextStop{ display:none; }

.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }


.about_box{ height: auto; overflow: hidden; padding:65px 0; border-top: 6px solid #015b90; background:url(../images/a_bg.jpg) center top no-repeat;}


.about_lt{ width: 555px; float: left;}

.about_lt .about_desc{ height: auto; overflow: hidden; padding: 25px 0 20px; line-height: 30px; 
	background: url(../images/a_lt_bg.jpg) center top no-repeat; font-size: 14px;}

.about_lt .about_icon{ height: auto; overflow: hidden;}
.about_lt .about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_lt .about_icon ul li{ width:130px; height: auto; overflow: hidden; float: left; margin-right:70px;}
.about_lt .about_icon ul li a{ display: block; color: #999;}

.about_lt .about_icon ul li a .pic{ transition: 0.5s; width:130px; height:130px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}
.about_lt .about_icon ul li a font{ display:block; padding-top: 15px;}
.about_lt .about_icon ul li a font i{ font-size: 24px; padding-right:4px; color:#666;}
.about_lt .about_icon ul li:nth-of-type(3){ margin-right:0;}


.about_lt .about_icon ul li a:hover .pic{background-position: center bottom; transition: 0.5s;}
.about_lt .about_icon ul li a:hover{ color:#cb152d;}
.about_lt .about_icon ul li a:hover font i{ color:#cb152d;}


.about_rt{ width: 502px; float: right;}

.about_rt .a_rt_pic{ width:100%; height:405px; overflow:hidden; position:relative; }

.about_rt .a_rt_pic .bd{ position:relative; height:100%; z-index:0;   }
.about_rt .a_rt_pic .bd li{ zoom:1; vertical-align:middle;}
.about_rt .a_rt_pic .bd li a{ color:#666;}
.about_rt .a_rt_pic .bd img{ min-width:450px;max-width: 100%; height:350px; display:block;}
.about_rt .a_rt_pic .bd li font{ display:block; margin-top: 10px; height:45px; line-height:45px; background:url(../images/v_icon.png) center left no-repeat; padding-left:22px; font-size: 14px;}

.about_rt .a_rt_pic .prev,
.about_rt .a_rt_pic .next{ position:absolute; right:0; bottom:0; display:block; width:50px; height:38px; background:url(../images/a_rt_arrow.png) right center no-repeat;}
.about_rt .a_rt_pic .next{right:54px; background-position:left center; }



.app_rt_pic{ position:relative; margin:6% auto 0; display: none;}
.app_rt_pic .hd { position: absolute; top:48%; width: 100%; height: 10px; }
.app_rt_pic .hd ul { width: 100%; text-align: center; display:none;}
.app_rt_pic .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_rt_pic .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_rt_pic .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_rt_pic .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_rt_pic .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; }
.app_rt_pic .bd ul li a{ color:#666; font-size:14px;}
.app_rt_pic .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden;}
.app_rt_pic .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.app_rt_pic .bd ul li .pic a:hover img{ border-color:#999;  }
.app_rt_pic .bd ul li .title{ line-height:30px; height:30px; width:100%; padding: 10px 0 0;}

.app_rt_pic .prev,
.app_rt_pic .next{ position:absolute; left:50px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.app_rt_pic .next{ left:auto; right:50px; background-position:8px 5px; }





.i_t_box{ height: auto; overflow: hidden;}

.i_title{ height: auto; overflow: hidden; width: 160px;}
.i_title font{ display: block; font-size: 30px; color: #333; background: url(../images/t_icon.png) 135px center no-repeat;}
.i_title i{ display: block; color: #999; font-size: 20px; text-transform: uppercase;}

.i_more{ width: 120px; height: 34px; line-height: 34px; margin-top:10px; overflow: hidden; border: 1px solid #bababa;}
.i_more a{ transition:0.5s; display: block; color: #666; font-size: 12px; background: url(../images/more_icon.png) 78px top no-repeat; padding-left: 22px;}

.i_more:hover{ border: 1px solid #cb152d; background: #cb152d;}
.i_more:hover a{ transition:0.5s; color:#fff;background: url(../images/more_icon.png) 78px bottom no-repeat;}



/*product*/
.product{ width:100%; height:650px; padding:50px 0; background:url(../images/bg_product.jpg) no-repeat center top;}

.product_inner{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.product_type{ width:240px; float:left;}

.product_type h3{ background:#1985d0; height:50px; padding:20px; color:#fff; font-size:32px;}
.product_type ul{ background:#fff; height:295px; font-size:16px;}
.product_type ul li{ border-top:solid 1px #ddd; line-height:24px; padding:12px 20px; cursor:pointer;}
.product_type ul li:hover{background:#1985d0; border-top:solid 1px #ddd;}
.product_type ul li:hover a{ color:#fff;}

.product_img{ width:900px; float:right;}

.product_list02{ margin-right:-30px; zoom:1; overflow:hidden;}
.product_list02 li{ float:left; width:200px; margin-right:30px; margin-bottom:10px;}
.product_list02 li img{ width:200px; height:120px; border:solid 1px #eee;}
.product_list02 li span{ background:#fff; height:26px; line-height:26px; display:block; text-align:center;}

.lianxi{ background:url(../images/bg_product2.jpg) center bottom no-repeat; width:240px; height:246px;}
.lianxi p{ padding:12px 20px; color:#fff; font-size:24px;}
.lianxi p span{ display:block; font-size:16px;}


.product_box{ height: auto; overflow: hidden; padding:65px 0; background:url(../images/p_bg.jpg) center repeat-y;}

.i_product_title{ height: auto; overflow: hidden;}
.i_product_title font{ display: block; font-size: 30px; color: #333; background: url(../images/t_icon.png) 172px center no-repeat;}
.i_product_title i{ display: block; color: #999; font-size: 20px; text-transform: uppercase;}

.i_product_list{ margin-left:50px;}
.i_product_list a{ transition:0.5s; color: #666; display:inline-block; padding:0 25px; background:#fff; height: 34px;line-height: 34px;margin-top: 10px;overflow: hidden;border: 1px solid #bababa;}
.i_product_list a:hover{ color:#fff; border: 1px solid #cb152d; background: #cb152d;}

.product_box .p_b_pic { overflow:hidden; height:auto; padding:20px 0 20px 20px; margin-top:25px; background-color: #fff; box-shadow: 0 0 20px #f1f1f1;}

.product_box .p_b_pic ul{ margin:0 auto; height:auto; overflow: hidden; padding:28px 18px; text-align: center;}
.product_box .p_b_pic ul li{ width: 265px; float: left; height:auto; overflow: hidden; margin:0 12px;}
.product_box .p_b_pic ul li a{ display:block; color:#666; font-size: 16px;}
.product_box .p_b_pic ul li a .pic{ width: 265px; height:250px; overflow: hidden; background: #e2e2e2; position: relative;}
.product_box .p_b_pic ul li a .pic .img{ width:238px; height: 180px; overflow: hidden; margin:35px auto;}
.product_box .p_b_pic ul li a .pic .img img{ max-width: 100%; display: block;}
.product_box .p_b_pic ul li a font{ display: block; margin-top: 18px; height: 45px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}


.product_box .p_b_pic ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.product_box .p_b_pic ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.product_box .p_b_pic ul li a:hover font{ color:#015b90;}


.news_box{ height: auto; overflow: hidden; padding:65px 0; background:#ffffff url(../images/n_bg.jpg) center bottom no-repeat;}

.news_box .n_lt{ width:560px; height: auto; overflow: hidden; float: left;}

.n_nav{ width: 170px; margin-top: 30px; line-height: 16px; height:16px;}
.n_nav a{ display:block; float: left; padding:0 14px; color: #666; font-size: 14px; border-right: 1px solid #999;}
.n_nav a:last-child{border-right:none;}
.n_nav a:hover{ color:#cb152d}

.news_box .n_lt ul{ margin:40px auto 0; padding:0;}
.news_box .n_lt ul li{ margin-bottom:30px; height: auto; overflow: hidden;}
.news_box .n_lt ul li a{ display:block; color: #666; transition: 0.5s;}
.news_box .n_lt ul li a .date{ line-height: 20px; width: 80px; height:50px; padding: 15px 0; overflow: hidden; background:#015b90; text-align: center; color: #FFF;}
.news_box .n_lt ul li a .date i{ display:block; font-size: 28px; line-height: 30px;}

.news_box .n_lt ul li a .desc{ width: 456px; line-height: 22px;}
.news_box .n_lt ul li a .desc font{ display:block; font-size: 16px; color: #333; line-height: 30px; padding-bottom:5px;}


.news_box .n_lt ul li a:hover .date{ background: #cb152d; transition: 0.5s;}
.news_box .n_lt ul li a:hover .desc font{ color: #cb152d; font-weight: bold;}


.case_rt{ width:560px; float: right;}
.case_rt .c_t{ margin-bottom: 30px;}
.case_rt .c_rt_pic{ width:100%; height:100%; overflow:hidden; position:relative;}

.case_rt .c_rt_pic .bd{ position:relative; height:100%; z-index:0;   }
.case_rt .c_rt_pic .bd li{ zoom:1; vertical-align:middle;position:relative;}
.case_rt .c_rt_pic .bd li a{ color:#fff;}
.case_rt .c_rt_pic .bd img{ min-width:450px;max-width:100%; height:350px; display:block;}
.case_rt .c_rt_pic .bd li font{ width:510px; position:absolute; background-color: rgba(0,0,0,0.4); left:0; z-index: 9999; bottom:0; display:block; height:55px; line-height:55px; background-repeat: no-repeat; background-position: 30px center;background-image:url(../images/c_icon.png); padding-left:50px; font-size: 14px;}

.case_rt .c_rt_pic .prev,
.case_rt .c_rt_pic .next{ position:absolute; right:30px; bottom:10px; display:block; width:50px; height:30px; background:url(../images/a_rt_arrow.png) right center no-repeat;}
.case_rt .c_rt_pic .next{right:84px; background-position:left center; }



.app_rt_case{ position:relative; margin:2% auto 0; display: none;}
.app_rt_case .hd { position: absolute; top:42%; width: 100%; height: 10px; }
.app_rt_case .hd ul { width: 100%; text-align: center; display:none;}
.app_rt_case .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_rt_case .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_rt_case .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_rt_case .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_rt_case .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; }
.app_rt_case .bd ul li a{ color:#666; font-size:14px;}
.app_rt_case .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden;}
.app_rt_case .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.app_rt_case .bd ul li .pic a:hover img{ border-color:#999;  }
.app_rt_case .bd ul li .title{ line-height:30px; height:30px; width:100%; padding: 10px 0 0;}

.app_rt_case .prev,
.app_rt_case .next{ position:absolute; left:30px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.app_rt_case .next{ left:auto; right:30px; background-position:8px 5px; }

.footInfo{ padding:30px 0; clear:both; background:#e5e5e5;}
.footInfo dl{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.footInfo dl dt{ float:left;}
.footInfo dl dd{ float:left; margin-left:15px;}
.footInfo dl dd img{ height: 45px;max-width: 140px}


.honor_box{ height: auto; overflow: hidden; padding:65px 0 0;}
.honor_box .h_desc{ line-height: 26px; font-size: 14px; padding-top: 20px;}

.h_pic_b{ height: auto; overflow: hidden; margin-top: 40px; padding:50px 0; background: url(../images/h_bg.jpg) center top no-repeat;}

.p_pic{ height:auto; padding:30px 0; position:relative;}
.h_pic{ height:auto; overflow:hidden; padding:30px 0; position:relative; }
.h_pic .hd{ overflow:hidden; height:auto;}
.hd .prev,.hd .next{ position:absolute; left:5%; top:50%; margin-top:-25px; display:block; width:50px; height:30px; transition:0.4s; overflow: hidden; }
.hd .prev{background:url(../images/a_rt_arrow.png) left center no-repeat;}
.hd .next{ left:auto; right:5%;background:url(../images/a_rt_arrow.png) right center no-repeat;}


.h_pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.h_pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.h_pic .hd ul li.on{ background-position:0 0; }
.h_pic .bd{ padding:0; }
.h_pic .bd ul{ overflow:hidden; zoom:1; }
.h_pic .bd ul li{ margin:0 22px; float:left; display:inline; overflow:hidden; text-align:center;}
.h_pic .bd ul li a{ color:#fff; font-size:14px;}
.h_pic .bd ul li .pic{ width:180px; height:254px; overflow:hidden; border: 10px solid #FFF;position:relative;}
.h_pic .bd ul li .pic img{ max-width:100%; transition:0.5s;height: 254px; }
.h_pic .bd ul li .pic a:hover img{ transform:scale(1.1,1.1); }
.h_pic .bd ul li .title{ line-height:52px; height:52px; width:100%; transition:0.5s; color:#fff;}

.h_pic .bd ul li:hover .title{ bottom:0; transition:0.5s;}

.h_pic .bd ul li .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.h_pic .bd ul li:hover .pic .pic_s{ bottom:0; transition:0.5s;}




.app_h_pic{ height: auto; overflow: hidden; display: none;}
.app_h_pic ul{ margin: 0; padding: 0; text-align: center;}
.app_h_pic ul li{ margin:0 1%; width: 31%; float:left; overflow:hidden;}
.app_h_pic ul li a{ color:#666; font-size:12px;}
.app_h_pic ul li .pic{ width:100%; height:auto; overflow:hidden; border:none;}
.app_h_pic ul li .pic img{ max-width:100%; transition:0.5s; }
.app_h_pic ul li .pic a:hover img{ transform:scale(1.1,1.1); }
.app_h_pic ul li .title{ line-height:35px; height:35px; width:100%; transition:0.5s;}

.footer_top{ height: auto; overflow: hidden; font-size: 14px; padding:50px 0 40px; background: #eeeeee; border-top: 6px solid #cb152d;}
.f_title{ height:auto; overflow: hidden; margin-bottom:25px; background: url(../images/f_icon.png) 82px center no-repeat; font-size: 16px;}
.f_contact{ width:520px; float: left;height: auto; overflow: hidden;}
.f_tel{ background: url(../images/f_tel.jpg) left center no-repeat; height: 20px; line-height: 20px; padding-left:34px; margin-bottom: 10px;}
.f_p{ padding:5px 0; line-height: 22px;}


.f_gz{ width:340px; float: left; margin-left: 130px;height: auto; overflow: hidden;}
.f_gz ul{ margin:0; padding: 0; text-align: center;}
.f_gz ul li{ width: 200px; height: auto; overflow: hidden; float: left; margin-right: 20px;}
.f_gz ul li a{ color:#999;}
.f_gz ul li a font{ display:block; line-height: 40px;}


.friends_box{ height: auto; overflow: hidden; padding:65px 0 0;}
.friends_list{ width:1200px; margin:0 auto; padding:30px 0;}
.friends_list ul{ width:100%; margin-right:-18px;}
.friends_list ul li{ width:160px; height:80px; padding:10px; border:solid 1px #ddd; text-align:center; float:left; margin:0 18px 20px 0;}
.friends_list ul li img{ width:160px; height:80px;}



.footer{ height: auto; overflow: hidden; font-size: 14px; padding:20px 0; background: #eeeeee; border-top: 1px solid #cfcfcf;}

.footer .fl{ width:800px;}
.footer .fl a{ color: #666; padding-left: 15px;}


.footer .fr{ width:210px;}
.footer .fr a{ display: block; width: 17px; height: 18px; float: left;color: #666; margin: 0 3px;padding:0px;}


.footer .fr a:hover{opacity: 1;transition: 0.5s;}





.app_botm{ overflow:hidden; background:#cb152d; position:fixed; bottom:0; left:0; right:0; height:45px; z-index:999999; display: none;}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.yb_conct{ display: none;}





/**内页**/


.com_ban{ overflow:hidden; height:300px; background-repeat:no-repeat; background-position:center top; position:relative;}
.com_ban .ban_bg{ position:absolute; width:100%; height:300px; background:rgba(0,0,0,0.8); z-index:9;}
.com_ban font{ display:block; text-align:center; font-size:38px; color:#FFF; padding-bottom:14px; position:absolute; top:40%; left:0; right:0; z-index:10; width:1000px; margin:0 auto;}

.common{ overflow:hidden; margin:40px auto; padding:30px; background:#FFF; width:1160px; box-shadow:1px 0px 25px rgba(0,0,0,0.05);}





.com_left{ width:240px; float:left;}
.com_left .c_lt_title{ height:70px; background:#015b90;color:#FFF; font-size:30px; padding:25px 0 0 40px;}
.com_left .c_lt_title font{ font-size:14px; color:rgba(255,255,255,1); display:block; font-style: italic;}
.com_left .com_list{ overflow:hidden;}
.com_left .com_list ul{ margin:0; padding:0; border:1px solid #ededed; border-top:none;}
.com_left .com_list ul li{ border-bottom:1px solid #ededed; line-height:20px;}
.com_left .com_list ul li a{ color:#666;transition:0.5s; font-size: 14px; display:block; padding:14px 40px;}
.com_left .com_list ul li:last-child{ border-bottom:none;}
.com_left .com_list ul li:hover a,.com_left .com_list ul li.selected{ background:#ededed;transition:0.5s; }

.com_left .c_lt_title1{ height: 170px; overflow: hidden}
.com_left .com_contact{ overflow:hidden; margin-top:20px;}
.com_left .com_contact .c_c_desc{  overflow:hidden; border:1px solid #ededed; border-top:none;padding:18px 20px;}
.com_left .com_contact .c_c_desc ul{ margin:0; padding:0;}
.com_left .com_contact .c_c_desc ul li{ line-height:20px; padding:5px 0;}
.com_left .com_contact .c_c_desc ul li a{ color:#666; font-size: 14px;}


.com_right{ width:880px; float:right;}

.com_nav{ overflow:hidden; padding:0 0 15px; border-bottom:1px solid #F2F2F2; margin-bottom:10px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:32px; line-height:32px;}
.com_nav ul li a{ padding:0 2px; color:#888; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/jiantou.png) no-repeat; padding-left:40px;}
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}

.com_desc{ overflow:hidden; padding:10px 0; line-height:30px; font-size: 13px;}
.com_desc h2{ margin:20px 0; text-align:center;}
.com_desc h5{ margin:20px 0; text-align:center; font-weight:normal;}
.view{ margin-bottom:50px;}
.map{ width:880px; height:440px;}


/**内页产品**/
.com_product{ overflow:hidden; height:auto; }

.com_product ul{ margin:0 10px; height:auto; overflow: hidden; text-align: center;}
.com_product ul li{ width: 265px; float: left; height:auto; overflow: hidden;margin: 15px 28px 0 0;}
.com_product ul li a{ display:block; color:#666; font-size: 16px;}
.com_product ul li a .pic{ width: 265px; height:250px; overflow: hidden; background: #eee; position: relative;}
.com_product ul li a .pic .img{ width:238px; height: 180px; overflow: hidden; margin:35px auto;}
.com_product ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_product ul li a font{ display: block; margin-top: 18px; height: 40px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}
.com_product ul li a:hover font{ color:#015b90;}
.com_product ul li a:hover .pic .img img{ transform:scale(1.1,1.1)}
.com_product ul li:nth-child(3n){ margin-right: 0}
.com_product ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.com_product ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.com_product ul li a:hover font{ color:#015b90;}


.com_honor{ overflow:hidden; height:auto; }

.com_honor ul{ margin:0 10px; height:auto; overflow: hidden; text-align: center;}
.com_honor ul li{ width: 265px; float: left; height:auto; overflow: hidden;margin: 15px 28px 0 0;}
.com_honor ul li a{ display:block; color:#666; font-size: 16px;}
.com_honor ul li a .pic{ width: 265px; height:344px; overflow: hidden; background: #eee; position: relative;}
.com_honor ul li a .pic .img{ width:238px; height: 316px; overflow: hidden; margin:14px auto;}
.com_honor ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_honor ul li a font{ display: block; margin-top: 18px; height: 40px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}
.com_honor ul li a:hover font{ color:#015b90;}
.com_honor ul li a:hover .pic .img img{ transform:scale(1.1,1.1)}
.com_honor ul li:nth-child(3n){ margin-right: 0}
.com_honor ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.com_honor ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.com_honor ul li a:hover font{ color:#015b90;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom:114px;right:-127px;cursor:pointer;transition:all .3s ease; display: block}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.pages { line-height:32px; text-align:center;font-size:14px;color:#444; margin-bottom:10px; position:relative; float: left;}
.pages a, .pages span,.both{ padding:6px 12px; border:1px solid #ddd; color:#444; line-height:45px;}
.pages span{ background:#3fb5c0; color:#fff;border:1px solid #3fb5c0;}

.pages input{ height:34px;border:1px solid #DDD; margin-top: -3px; width:50px; right:123px; text-align:center;}
.pages input[type=button]{ height:34px; width:55px; background:#999; font-size:14px; color:#fff; line-height:34px; margin: -3px 0 0 6px; border:0; font-family:"微软雅黑";}
.both{ float: left; margin-left: 8px; font-size: 14px; line-height: 20px;}

p{
margin:0px
}
h2 {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ff0000; LINE-HEIGHT: 26px;FONT-FAMILY: "Microsoft Yahei";
}


.ny_news_content{ width:880px; height:auto; overflow:hidden; float:right; }
.ny_news_content ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
.ny_news_content ul li{ width:100%; height:auto; margin-bottom:25px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:25px;}
.ny_news_content ul li img{ width:218px; height:146px; padding:3px; border:1px solid #DFDFDF; float:left;}
.news_txt2{ width:630px; height:150px; float:right;}
.news_txt2 a{ color:#23487F; font-size:16px; margin:15px 0 15px; float:left;}
.news_txt2 i{ width:85px; height:20px; float:left; text-align:center; line-height:20px; background:#EBEDEA; color:#EF1C22; font-style:normal; float:left;}
.news_txt2 p{ width:100%; color:#666666; float:left; line-height:25px; margin-top:20px;height:50px;overflow:hidden;}

.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}


.container2{ width:880px;}
.menu{
	float:left;
	height:34px;
}

.menu ul{
	list-style:none;
	height:34px;
	float:left;
	background: url(../images/tab_bg.jpg) repeat-x;
	width:880px;
}

.menu li{
	background:url(../images/header_tabs1.jpg) no-repeat;
	display:block;
	float:left;
	width:120px;
	height:29px;
	cursor:pointer;
}

.menu li.current{
	background:url(../images/header_tabs21.jpg) no-repeat;
	color: #ffffff;
}

.menu span{
	color:#000000;
	display:block;
	line-height:29px;
	text-align:center;
	
	
}
.current span{
	color:#ffffff;
	
}
.content{
	
	width:880px; 
}

.content2{
	float:right;
	width:880px;
}
.content ul{
	width:880px;
	list-style:none;
}

.content li{
	float:left;
	width:880px;
	display:block;
	color: #828282;
}


.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  overflow: hiden;
  -webkit-transition: .64s ease-in-out;
  transition: .64s ease-in-out;
}
.popup-inner {
  position: relative;
  bottom: -100vw;
  right: -100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*max-width: 800px;
  max-height: 600px;
  width: 60%;
  height: 80%;*/
  background-color: #fff;
  -webkit-transform: rotate(32deg);
          transform: rotate(32deg);
  -webkit-transition: .64s ease-in-out;
  transition: .64s ease-in-out;
}
.popup_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
/*  width: 60%;
  height: 100%;
  padding: 4rem;*/
}

.popup_text .honor_img {
	
}
.popup_text .honor_title {
  background:#000;
  font-size: 1.0rem;
  color: #fff;
  line-height: 2.5;
  text-align:center;
}
.popup:target {
  visibility: visible;
  opacity: 1;
}
.popup:target .popup-inner {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.popup_close {
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 3rem;
  height: 3rem;
  font-size: .875rem;
  font-weight: 300;
  border-radius: 100%;
  background-color: #0A0A0A;
  z-index: 4;
  color: #fff;
  line-height: 3rem;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}