﻿@charset "utf-8";
body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:#333;text-decoration:none;outline:medium none;font-family:Arial,Helvetica,sans-serif;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#da4343}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*{margin:0;padding:0}
ul{list-style-type:none}
ul,li,h5,dt,dd,img{margin:0;padding:0}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0 auto;padding:0;font-family:Arial,Helvetica,sans-serif}
body,td,th{font-family:Arial,Helvetica,sans-serif;font-size:12px}
input{font-family:Arial,Helvetica,sans-serif}
#top{background-color:#fff;display:block;padding:15px 0}
#top img{max-width:100%}#top_share{text-align:right;margin-top:0}
#top_share .top_lang{margin-bottom:5px}
#top_share .top_lang img{margin-right:5px}
#top_share .share{width:40px;height:40px;display:inline-block;margin-left:5px;margin-top:6px;background:url(../images/share.png) no-repeat}
#top_share .share1{background-position:0 -105px}
#top_share .share2{background-position:-358px 0}
#top_share .share3{background-position:-204px -53px}
#top_share .share4{background-position:-408px 0}
#top_share .share5{background-position:-102px 0}
#top_share .share6{background:url(../images/albb.png) no-repeat 50%}
#top_menu{background-color:#015198; position:absolute; z-index:9999; width:100%;opacity:0.8;}
#menu_lang{display:none}
#nav_show .navbar{background-color:Transparent;border:0;font-size:16px;margin:0}
#nav_show .navbar .nav>li>a{color:#ddd;padding:0 80px 4px;line-height:52px;border-top:4px solid Transparent;text-transform:uppercase}
#nav_show .navbar .nav>li.active>a,#nav_show .navbar .nav>li:hover>a{color:#ddd;background-color:transparent}
#nav_show .navbar .nav li .dropdown-menu{background-color:#00aeef;border:1px solid #00aeef}
#nav_show .navbar .nav li .dropdown-menu a{color:#fff}
#nav_show .navbar .nav li .dropdown-menu a:hover{color:#00aeef}
#example-navbar-collapse{padding:0}
#nav_show .search{position:relative;margin-top:20px}
#nav_show .search #top_tel{background:url(../images/icon_tel_1.png) no-repeat left center;font-size:14px;line-height:20px;color:#fff;padding-left:20px;display:inline-block;float:right}
#nav_show .search #search_btn{width:20px;height:20px;background:url(../images/icon_search.png) no-repeat;display:inline-block;float:right;margin-left:30px;cursor:pointer}
#nav_show .search #sform{float:right;width:200px;position:absolute;bottom:-45px;right:0;z-index:10;color:#fff;display:none}
#nav_show .search #stext{width:160px;height:40px;border:0;padding-left:5px;background-color:rgba(0,0,0,0.8)}
#nav_show .search #sbut{width:40px;height:40px;background:rgba(0,0,0,0.8) url(../images/icon_search_h.png) no-repeat center;border:0;float:left}
#menu{display:none}
@media screen and (min-width:768px) and (max-width:991px)
{
	#nav_show .navbar-collapse{float:right}
	}
@media screen and (min-width:1px) and (max-width:767px)
{
#header{position:static}
#menu_show{border-color:#00aeef}
#menu_show .icon-bar{background-color:#00aeef}
#menu{width:100%;margin:0;padding:0 0 15px}
#menu .nav{margin:0;padding:7px 0;background-color:#00aeef;border-radius:10px}
#menu .nav li{float:none;padding:0 15px}
#menu .nav li a{color:#fff;font-size:14px}
#menu .nav li a:hover{background-color:#fff;color:#231916}
#menu .nav li .dropdown-menu a{color:#fff;font-size:13px}
#menu .nav li .dropdown-menu a:hover{color:#00aeef}
#top img{display:block}
#menu_lang{margin-top:15px;display:block}
#menu_lang a{margin-right:10px}
#menu_lang img{margin-right:5px}
}
.sitewidget-bd{float:right;font-size:22px;line-height:60px;min-width:180px; color:#cf412b;}
.sitewidget-bd i{background:url("../images/icon_tel_1.png") no-repeat scroll;float:left;height:24px;margin-top:22px;width:24px}
.sitewidget-sou{cursor:pointer;float:right;margin-left:20px;position:relative}
.sitewidget-sou img{margin-top:20px}
.ssou{background:#000 none repeat scroll 0 0;display:none;height:36px;left:0;opacity:.5;position:absolute;top:57px;width:269px;z-index:99}
.key{background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;color:#e8e8e8;float:left;height:36px;line-height:36px;outline:medium none;padding-left:10px;width:224px}
.sub{background:rgba(0,0,0,0) url("../images/icon_search_h.png") no-repeat scroll center center;border:0 none;cursor:pointer;float:left;height:36px;width:36px}
#bframe{display:block;overflow:hidden; z-index:999;}
#bar .carousel-control span.prev img{margin-top:130%;width:40px;height:auto}
#bar .carousel-control span.next img{margin-top:130%;width:40px;height:auto}
@media screen and (min-width:1230px)
{
#bar .carousel-caption{top:30%}
#bar .carousel-caption a{color:#fff;font-size:40px}
.ztop{font-size:14px; color:#666; height:42px; line-height:42px; border-top:#015198 2px solid; border-bottom:#ddd 1px solid;}
#ztopr{text-align:right;}
#left_contact{font-size:14px; line-height:2;}
#contact_show p{font-size:18px; line-height:2;}
#news_tit p{font-size:14px;}
#news_detail{font-size:16px; line-height:2;}
.icon-youxiang:before{content:url(../images/icon_tel_1.png)}
}
@media screen and (min-width:1024px) and (max-width:1230px)
{
#bar .carousel-caption{top:38%}
#bar .carousel-caption a{color:#fff;font-size:35px}
}
@media screen and (min-width:768px) and (max-width:1024px)
{
#bar .carousel-caption{top:35%}
#bar .carousel-caption a{color:#fff;font-size:25px}
}
@media screen and (min-width:1px) and (max-width:768px)
{
#bar .carousel-caption{top:35%}
#bar .carousel-caption a{color:#fff;font-size:14px;font-size:20px}
}
.carousel-indicators{z-index:2;height:40px;padding-top:13px}
.carousel-indicators li{display:inline-block;width:16px;height:16px;margin-right:10px;line-height:40px;*display:inline;zoom:1;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;border:0}
.carousel-indicators li.active{display:inline-block;width:16px;height:16px;margin-right:10px;line-height:40px;*display:inline;zoom:1;overflow:hidden;background:url(../images/dot.png) left 0 no-repeat;cursor:pointer}
#bar .carousel-caption a:hover{text-decoration:none}
#frame1{padding:50px 0 0}
#frame1 .title{width:80%;text-align:center;padding-bottom:20px}
#frame1 .title h2{color:#2c3e51;font-size:40px;line-height:40px;text-transform:uppercase;font-family:'Trebuchet MS';padding-bottom:10px}
#frame1 .title .line{height:3px}
#frame1 .title p{margin-top:20px;font-size:14px;color:#888}
#frame1 .list{margin-top:20px;text-align:center}
#frame1 .list .item .txt h5{color:#0487d7;font-size:18px;line-height:30px;}
#frame1 .list .item .txt p{font-size:14px;color:#888;line-height:18px;width:90%;margin-top:5px}
#frame1 .list .item a:hover img{-webkit-animation:swinging 1s ease-in-out 0s infinite;-moz-animation:swinging 1s ease-in-out 0s infinite;animation:swinging 1s ease-in-out 0s infinite;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
@-webkit-keyframes swinging
{
0%{-webkit-transform:rotate(0)}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes swinging
{
0%{-moz-transform:rotate(0)}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0)}
}
@keyframes swinging
{
0%{transform:rotate(0)}
20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
@media screen and (min-width:768px) and (max-width:991px)
{
#frame1{padding:30px 0}
#frame1 .title h2{font-size:36px;line-height:48px}
#frame1 .list .item .txt h5{padding-top:15px;font-size:16px;line-height:24px}
}
@media screen and (min-width:1px) and (max-width:767px)
{
#frame1{padding:20px 0 0}
#frame1 .title{width:90%}
#frame1 .title h2{font-size:24px;line-height:36px}
#frame1 .list{margin-top:10px}
#frame1 .list .item{margin-bottom:15px}
#frame1 .list .item .txt h5{padding-top:10px;font-size:16px;line-height:24px}
#frame1 .list .item .txt p{display:none}
}
#frame2{padding:0; background-image:url(../images/gsb1.jpg);padding-bottom:20px;}
#frame2 .title{width:80%;text-align:center;}
#frame2 .title h2{color:#fff;font-size:40px;text-transform:uppercase;font-family:"Trebuchet MS";}
#frame2 .title .line{height:3px}
#frame2 .title p{font-size:14px;color:#fff}
#frame2 .secontext{margin-top:30px}
#frame2 .secontext img{max-width:100%}
#frame2 .secontext h5{font-size:30px;line-height:45px;font-weight:bold}
#frame2 .secontext p{font-size:16px;line-height:28px;color:#fff}
#frame2 .secontext .a-more{height:46px;line-height:46px;padding:0 32px;font-size:14px;background-color:#00aeef;color:#fff;display:inline-block;text-transform:uppercase}
#frame2 .secontext .a-more:hover{background-color:#222533}


#frame22{padding:0; background-image:url(../images/nb1.jpg); margin-top:20px; padding-bottom:20px;}
#frame22 .title{width:80%;text-align:center;}
#frame22 .title h2{color:#2c3e51;font-size:40px;text-transform:uppercase;font-family:"Trebuchet MS";}
#frame22 .title .line{height:3px}
#frame22 .title p{font-size:14px;color:#fff}
#frame22 .secontext{margin-top:30px}
#frame22 .secontext img{max-width:100%}
#frame22 .secontext h5{font-size:30px;line-height:45px;font-weight:bold}
#frame22 .secontext p{font-size:16px;line-height:28px;color:#333}
#frame22 .secontext .a-more{height:46px;line-height:46px;padding:0 32px;font-size:14px;background-color:#00aeef;color:#fff;display:inline-block;margin-top:40px;text-transform:uppercase}
#frame2 .secontext .a-more:hover{background-color:#222533}


@media screen and (min-width:768px) and (max-width:991px)
{
#frame2{padding:20px 0}
#frame2 .title h2{font-size:36px;line-height:48px}
}
@media screen and (min-width:1px) and (max-width:767px)
{
#frame2{padding:20px 0 0}#frame2 .title{width:90%}
#frame2 .title h2{font-size:24px;line-height:36px}
#frame2 .secontext{margin-top:10px}
#frame2 .secontext .txt-right{margin-top:15px}
#frame2 .secontext p{font-size:13px;line-height:18px}
#frame2 .secontext .a-more{margin-top:15px}
}
#frame3{padding:20px 0}
#frame3 .title{width:80%;text-align:center;}
#frame3 .title h2{color:#2c3e51;font-size:40px;line-height:40px;text-transform:uppercase;font-family:"Trebuchet MS";padding-bottom:10px}
#frame3 .title .line{height:3px}
#frame3 .title p{font-size:14px;color:#888}
#frame3 .list .item{position:relative;padding:8px}
#frame3 .list .item .img{border:1px solid #dedede;padding:3px}
#frame3 .list .item img{max-width:100%}
#frame3 .list .item .caption{background-color:rgba(27,48,44,0.8);color:white;font-weight:300;position:absolute;left:8px;right:8px;top:8px;bottom:8px;text-align:center;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#frame3 .list .item:hover .caption{opacity:1}
#frame3 .list .item .caption h5{margin-top:64px;font-size:16px}
#frame3 .list .item .caption p{margin-top:10px;font-size:14px}
@media screen and (min-width:768px) and (max-width:991px)
{
#frame3{padding:20px 0}
#frame3 .title h2{font-size:36px;line-height:48px}
}
@media screen and (min-width:1px) and (max-width:767px)
{
#frame3{padding:20px 0 10px}
#frame3 .title{width:90%}
#frame3 .title h2{font-size:24px;line-height:36px}
#frame3 .list .item .caption h5{margin-top:20px;font-size:14px}
#frame3 .list .item .caption p{display:none}
}
#frame4{padding:50px 0;background-color:#00aeef}
#frame4 .title{width:80%;text-align:center;padding-bottom:20px;margin-bottom:30px}
#frame4 .title h2{color:#fff;font-size:48px;line-height:80px;text-transform:uppercase;font-family:"Trebuchet MS";padding-bottom:10px}
#frame4 .title .line{background:url(../images/line_1.png) no-repeat center;height:3px}
#frame4 .title p{font-size:14px;color:#fff}
#frame4 .caption{background-color:#34495e;color:#fff}
#frame4 .caption img{max-width:100%}
#frame4 .caption h4{padding:15px;font-size:16px}
#frame4 .caption p{padding:0 15px 20px;font-size:12px;color:#999;line-height:18px}
#frame4 .list{margin-top:20px}
#frame4 .list li{float:left;width:49%;margin-bottom:10px}
#frame4 .list li:nth-child(2n+1){margin-right:2%}
#frame4 .list .date{width:62px;height:67px;padding:5px 0;border:1px solid #ccc;float:left;color:#2c3e51;background-color:#fff;text-align:center}
#frame4 .list .date .month{font-size:14px;display:block}
#frame4 .list .date .day{font-size:24px;display:block}
#frame4 .list .news{margin-left:80px}
#frame4 .list .news .tit{width:100%;color:#fff;font-size:14px;line-height:24px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/icon_right.png)no-repeat left center/10px;padding-left:10px}
#frame4 .list .news a:hover{text-decoration:underline;color:#fff}
#frame4 .list .news p{font-size:14px;line-height:21px;height:42px;overflow:hidden;color:#eee}
@media screen and (min-width:768px) and (max-width:991px)
{
#frame4{padding:20px 0}
#frame4 .title h2{font-size:36px;line-height:48px}
}
@media screen and (min-width:1px) and (max-width:767px)
{
#frame4{padding:20px 0 20px}
#frame4 .title{width:90%;margin-bottom:0}
#frame4 .title h2{font-size:24px;line-height:36px}
#frame4 .caption img{width:100%}
#frame4 .list li{width:100%}
}
#frame5{padding:50px 0;background-color:#1a1c27; color:#fff;}
#frame5 .title{width:80%;text-align:center;padding-bottom:20px;margin-bottom:30px}
#frame5 .title h2{color:#fff;font-size:48px;line-height:80px;text-transform:uppercase;font-family:"Trebuchet MS";padding-bottom:10px}
#frame5 .title .line{height:3px}
#frame5 .title p{margin-top:20px;font-size:14px;color:#fff}
#frame5 #form{width:80%;padding:0 15px}
#form .txt-input{width:100%;border:1px solid #ccc;background-color:#1a1c27;color:#fff;padding:4px 5px;line-height:20px;margin-bottom:15px}
#form .txt-textarea{width:100%;border:1px solid #ccc;background-color:#1a1c27;color:#fff;padding:4px 5px;line-height:20px;resize:none;margin-bottom:15px}
#form .btn{padding:0 30px;height:32px;margin-right:30px}
#form #btnSubmit{background-color:#00aeef;border-color:#00aeef}
#form #btnSubmit:hover{background-color:#0cd3f3;border-color:#0cd3f3}
@media screen and (min-width:768px) and (max-width:991px)
{
#frame5{padding:20px 0}
#frame5 .title h2{font-size:36px;line-height:48px}
}
@media screen and (min-width:1px) and (max-width:767px)
{
#frame5{padding:20px 0 20px}
#frame5 .title{width:90%;margin-bottom:0}
#frame5 .title h2{font-size:24px;line-height:36px}
#frame5 #form{width:90%}
#form .btn:nth-child(1){margin-right:20px}
#form .btn:nth-child(2){margin-right:0}
}
#footer{background-color:#222533;padding-bottom:20px;border-top:1px solid #2d3042}
#footer .copyright{text-align:center;color:#a2a6ba;padding:15px 0 0;font-size:16px;line-height:24px}
#footer .copyright a{margin:0 5px;color:#a2a6ba}
#footer .copyright a:hover{color:#fff}
#footer .share{text-align:center;margin-top:15px}
#footer .share a{display:inline-block;width:24px;height:24px;padding:4px;margin:2px;font-size:18px;line-height:18px}
#footer .share .share1{color:#3a5897}
#footer .share .share2{color:#d14836;font-size:16px}
#footer .share .share3{color:#007eb1}
#footer .share .share4{color:#00aced}
#footer .share .share5{color:#cd332d}
#footer .share a:hover{opacity:.8}
#footer #BY{color:transparent}
#bar img{width:100%;height:auto}
#main{padding-bottom:50px}
@media screen and (min-width:1px) and (max-width:768px)
{
#ntframe{padding:0}#main{margin:0}
}
#location{margin-top:25px}
#location h2{font-size:25px;color:#222533}
#location p{font-size:14px;line-height:35px}
#location em{display:block;height:1px;background:#eaeaea}
@media screen and (min-width:1px) and (max-width:768px)
{
#location{text-align:left}
#location h2.pull-left{float:none!important;display:block}
#location p{display:block}
.ztop{display:none;}
}
#content{margin-top:15px;overflow:hidden}
#content img{max-width:100%}
#content_remark{margin-bottom:10px}
@media screen and (min-width:1px) and (max-width:768px)
{
#content h2{font-size:16px;font-weight:bold}
}
#left_nav{margin-top:25px}
.lbt{display:block;padding:15px 0;background:#015198}
.lbt h3{font-size:23px;color:#fff;padding-left:5%}
.lbt h3 span{margin-right:10px}
.lmb ul li{display:block;border-bottom:1px solid #fff}
.lmb ul li a{display:block;padding:3% 0 3% 5%;font-size:14px;text-transform:capitalize;color:#fff;background:#222533}
.lmb ul li a.hover{color:#00aeef;background:#222533}
.lmb ul li a:hover{color:#00aeef;background:#222533}
.lmb ul li ul li{display:block}
.lmb ul li ul li a{display:block;padding:2% 0 2% 5%;font-size:12px;font-family:aller_lightregular,Arial,Helvetica,sans-serif;color:#666;display:block;background:#fff}
.lmb ul li ul li a.hover{color:#fff;background:#c00}
.lmb ul li ul li a:hover{color:#fff;background:#c00}
.lmb ul li ul li ul li{display:block}
.lmb ul li ul li ul li a{display:block;padding:2% 0 2% 22%;font-size:12px;font-family:aller_lightregular,Arial,Helvetica,sans-serif;text-transform:capitalize;color:#666;display:block;background:#fff}
.lmb ul li ul li ul li a.hover{color:#fff;background:#c00 url(../images/1_03_1.png) no-repeat 15% center}
.lmb ul li ul li ul li a:hover{color:#fff;background:#c00 url(../images/1_03_1.png) no-repeat 15% center}
#left_contact img{width:100%;height:auto}
#left_con_show{font-size:13px;color:#fff;line-height:30px;margin-top:10px}
#left_con_show a{font-size:13px;color:#fff;line-height:30px}
.capcp .cate_hot_img{height:210px;overflow:hidden;text-align:center}
.capcp .cate_hot_img img{width:auto;height:100%}
@media screen and (min-width:1px) and (max-width:768px)
{
.capcp .cate_hot_img{height:auto;overflow:hidden;text-align:center}
.capcp .cate_hot_img img{width:100%;height:auto}
}
.capcp .cate_hot_info h3{font-size:16px;text-align:center;margin-top:10px;height:40px;line-height:20px;overflow:hidden}
.capcp .cate_hot_info em{border-bottom:solid 1px #eaeaea;height:1px;display:block;margin-top:5px;margin-bottom:5px}
.capcp .cate_hot_info p{font-size:14px;line-height:20px;margin-bottom:5px;height:100px;overflow:hidden}
.ppcp{margin-bottom:35px}.ppcp .thumbnail{margin:0}
.ppcp .pptp{height:140px;padding:0;overflow:hidden;text-align:center;border:solid 1px #eaeaea}
.ppcp .pptp img{width:auto;height:100%}
@media screen and (min-width:1px) and (max-width:768px)
{
.ppcp .pptp{height:auto;overflow:hidden;text-align:center}
.ppcp .pptp img{width:100%;height:auto}
}
.ppcp .ppwz h4{font-size:16px;color:#333;margin-bottom:15px;line-height:25px;max-height:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ppcp .ppwz p{margin-top:15px;color:#666;font-size:14px;line-height:20px;height:60px;font-family:Arial;text-transform:capitalize;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
@media screen and (min-width:1px) and (max-width:768px)
{
.ppcp .ppwz h4{font-size:12px;line-height:20px}
}
.procp .pro_hot_img{overflow:hidden;text-align:center}
.procp .pro_hot_img img{width:100%;height:auto}
@media screen and (min-width:1px) and (max-width:768px)
{
.procp .pro_hot_img{height:auto;overflow:hidden;text-align:center}
.procp .pro_hot_img img{width:100%;height:auto}
}
.procp .thumbnail{-webkit-transition:1s;transition:1s}
.procp .thumbnail:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.procp .pro_hot_info h3{font-size:14px;text-align:center;margin-top:10px;height:35px;line-height:35px;overflow:hidden}
.procp .pro_hot_info em{border-bottom:solid 1px #eaeaea;height:1px;display:block;margin-top:5px;margin-bottom:5px}
.procp .pro_hot_info p{font-size:14px;line-height:20px;margin-bottom:5px;height:100px;overflow:hidden}
@media screen and (min-width:1px) and (max-width:768px)
{
#location{padding:0}
#content{padding:0}
#pro_feed_show{padding:0 15px}
}
.rtp{width:100%;height:auto}
.rtp a{float:left;width:100%;height:auto;box-shadow:20px 20px 20px -20px #999}
.rtp a img{float:left;width:100%;height:auto;border:solid 1px #c8c8c8}
#rtp_small_img{float:left;width:100%}
#rtp_small_img a{float:left;width:23%;margin:2% 2% 0 0}
#rtp_small_img a img{float:left;width:98%;height:auto;border:solid 1px #c8c8c8}
.rms h1{color:#00aeef;font-size:23px}
.rms p{font-size:16px;line-height:30px;margin-top:25px}
.user_info{border:solid 1px #eaeaea;padding:0;margin-top:10px}
.user_info h5{font-weight:bold;font-size:16px;line-height:25px;margin-bottom:10px}
@media screen and (min-width:1px) and (max-width:768px)
{
.user_info .user_cent{margin:10px}
}
.user_info img{width:100%;height:auto}
.user_info{font-size:14px;line-height:20px}
.user_info .btn{margin-top:10px;font-size:14px;line-height:20px;color:#fff}
.user_info .btn span{font-size:18px}
.info_show{background:#fff}
.info_show .info_img img{width:100%}
.info_show h3{padding:15px}
.info_show .info_remark{font-size:14px;line-height:25px;padding:15px}
.info_Content{margin-top:20px}
.info_Content #tit h4{background:#222533;color:#fff;padding-left:15px;line-height:35px}
.info_Content .thumbnail{margin-top:20px;border:0;background:#fff;border-radius:0;padding:0}
.info_Content .thumbnail .RealCent{padding:15px}
.info_Content .thumbnail .RealCent p{margin-top:10px;height:40px;overflow:hidden;font-size:12px;line-height:20px}
.info_Content .thumbnail .RealCent span{display:block;border:solid 1px #eaeaea;text-align:center;margin-top:10px;height:35px;font-size:14px;text-transform:uppercase;line-height:35px}.info_Content .thumbnail .RealCent span:hover{background:#00aeef;color:#fff}
.info_Content img{width:100%}.pro_online{margin-top:10px}
.pro_online .btn{max-width:200px;overflow:hidden;margin-top:15px;background:#00aeef;border:solid 1px #00aeef;text-overflow:ellipsis}
.pro_capcp .cate_hot_img{overflow:hidden;text-align:center}
.pro_capcp .cate_hot_img img{width:auto}
@media screen and (min-width:1px) and (max-width:768px)
{
.pro_capcp .cate_hot_img{height:auto;overflow:hidden;text-align:center}
.pro_capcp .cate_hot_img img{width:100%;height:auto}
}
.pro_capcp .hot_info h3{font-size:14px;text-align:center;margin-top:10px;height:25px;line-height:25px;overflow:hidden}
.pro_capcp .hot_info em{border-bottom:solid 1px #eaeaea;height:1px;display:block;margin-top:5px;margin-bottom:5px}
.pro_capcp .hot_info p{font-size:12px;line-height:20px;margin-bottom:5px;height:60px;overflow:hidden}
#pro_detail{margin-top:25px}
@media screen and (min-width:1px) and (max-width:768px)
{
#pro_detail #detail strong{font-size:16px;font-weight:bold}
}
#detail,#inquiry,#contact,#RelatedProduct{margin-top:15px}
#inquiry p{font-size:15px;color:#00aeef}
#pro_feed_show{margin-top:15px}
#pro_feed_show label{font-size:14px}
.taglist{font-size:14px}
.taglist a:hover{text-decoration:underline;color:#fff}
.taglist_show strong{display:block;font-size:18px;color:#333;border-bottom:dashed 1px #222533;line-height:35px}
.taglist_show strong b{font-size:18px;color:#222533}
.taglist_show .row{margin-top:15px;text-align:center}
.taglist_show .row h4{font-size:12px;line-height:25px;height:25px;overflow:hidden}
.taglist_show .row .ptp_img img{width:100%}
#newslist img{width:100%;border:1px solid #dedede;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#newslist span{color:#999}
#newslist .media-body{max-width:100%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#newslist .media-body h4{font-size:16px;font-weight:bold}
#newslist .media-body span{font-size:12px;height:30px;line-height:30px}
#newslist .media-body p{font-size:12px;line-height:20px;width:100%}
#newslist .pull-left{max-height:140px;overflow:hidden}
#news_tit{padding-bottom:15px;border-bottom:solid 1px #eaeaea}
#news_tit h1{font-size:23px}
#news_tit p{margin-top:10px}
#news_detail,#RelatedNews{margin-top:15px}
#news_detail iframe{width:100%;height:500px}
@media screen and (min-width:1px) and (max-width:768px)
{
#news_detail iframe{width:100%;max-height:200px}
}
#RelatedNews li{font-size:14px;line-height:25px}
#contact_show{font-size:14px;color:#333;line-height:30px}
#contact_show h3{margin:10px auto;color:#231916}
#contact_show span.icon{color:#231916;margin-right:5px;font-size:16px}
.cpcp .cptp{height:160px;overflow:hidden;text-align:center}
.cpcp .ceptp{height:280px;overflow:hidden;text-align:center}
.cpcp .cptp img{width:auto;height:100%}
@media screen and (min-width:1px) and (max-width:768px)
{
.cpcp .cptp{height:auto;overflow:hidden;text-align:center}
.cpcp .cptp img{width:100%;height:auto}
}
.cpwz{height:25px;margin:10px auto 0 auto;line-height:25px;overflow:hidden}
.cpwz h5{font-size:14px;color:#666}
.vpcp .vptp{height:210px;overflow:hidden;text-align:center}
.vpcp .vptp img{width:auto;height:100%}
@media screen and (min-width:1px) and (max-width:768px)
{
.vpcp .vptp{height:auto;overflow:hidden;text-align:center}
.vpcp .vptp img{width:100%;height:auto}
}
.vpcp .vpwz h3{font-size:14px;text-align:center;margin-top:10px;margin-bottom:5px;height:25px;line-height:25px;overflow:hidden}
.play_bt{width:40px;height:40px;position:absolute;left:40%;top:30%;display:block;background-image:url(../images/vido.jpg);background-position:center 0;background-repeat:no-repeat;z-index:2}
#content .btn{background:#00aeef;border:solid 1px #00aeef;color:#fff}
#content .btn:hover{background:#fff;border:solid 1px #00aeef;color:#00aeef}
#mapContent{padding-bottom:50px}
#mapContent h2{font-size:20px;font-weight:bold;line-height:45px}
.cate1 li a.a1{font-size:16px;font-weight:bold;line-height:40px}
.cate1{margin-left:25px}
.cate2 li a.a2{font-size:14px;line-height:25px}
#mapContent ul li a.a3{margin-left:25px;text-indent:0;font-size:14px;line-height:30px}
#mapContent a:hover{color:#00aeef}
#frame404{background:#00aeef;border-top:solid 1px #fff}
#frame404 p{font-size:14px;color:#fff;line-height:2em}
#frame404 img{max-width:100%;height:auto}
#float{position:fixed;right:0;bottom:220px;z-index:10}
#float a{display:block;width:41px;height:45px;font-size:40px;line-height:40px;cursor:pointer;color:#fff;background-color:#ccc;padding:5px; margin-bottom:5px;}
#float a:hover{background-color:#333}#float .wecode{display:none;position:absolute;right:45px;bottom:-10px;padding:3px;border:1px solid #ccc;background-color:#fff}
#float .wecode img{width:150px;height:150px}
/*分页list*/
.fylist{ text-align:center; margin:20px 0px;}
.fylist .page-on{ background-color:#015198; color:#FFF}
.fylist a{ width:41px; height:41px; line-height:41px; background-color:#edecec; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:18px; display:inline-block;border-radius:3px; text-align:center;margin:0 4px;}
.dit{color:#fff; font-size:18px; line-height:2;}
#xz h5{font-size:20px; text-align:center;}
#xz{text-align:center;}

#form .txt-input{width:100%;border:1px solid #ccc;padding:4px 5px;line-height:20px;margin-bottom:15px}
#form .txt-textarea{width:100%;border:1px solid #ccc;padding:4px 5px;line-height:60px;resize:none;margin-bottom:5px}
#form .btn{padding:0 30px;height:32px;margin-right:30px}
#form #btnSubmit{background-color:#00aeef;border-color:#00aeef}
#form #btnSubmit:hover{background-color:#0cd3f3;border-color:#0cd3f3}