body{ overflow-x: hidden;min-width: 1194px; overflow-x: auto;}
a{ color: #333;}
a:hover{ color:#ff7200; text-decoration: none !important;}
/* header */


.top{ width: 100%; height: 40px; background:#000;}
.top .top_nei{ width: 1200px; height: 40px; border-right: 1px solid #515151;}
.top .top_nei .logo{ float: left; position: absolute; width: 204px; height:65px;background: #ff7200; z-index: 999; text-align: center; padding-top:27px; }
.top .top_nei .logo a{display:inline-block;width: 204px; height:65px;background: #ff7200; z-index: 999; text-align: center; }
.top .top_nei .top_text{ float: right;}
.top .top_nei .top_text ul li{ float: left; font-size: 12px; color: #b7b7b7; line-height: 40px; border-left: 1px solid #515151; padding:0 20px;}
.top .top_nei .top_text ul li img{ display: inline-block; vertical-align: middle; padding-right:10px;}
.top .top_nei .top_text ul li p{ display: inline-block;}


.animenu{ background: #262626; height: 52px;}
.animenu .nav{ width: 1200px; height: 52px;}
.animenu__toggle {
    display: none;
    cursor: pointer;
    background-color: #111;
    border: 0;
    padding: 10px;
    height: 40px;
    width: 40px;
}
.animenu__toggle:hover {
    background-color: #ff7200;
}

.animenu__toggle__bar {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
    -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
    transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.animenu__toggle__bar + .animenu__toggle__bar {
    margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
    margin: 0;
    position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
    opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animenu {
    display: block;
}
.animenu .nav > ul {
    padding: 0;
    list-style: none;
    width:633px;
    float: right;
    height: 52px;
}
.animenu li, .animenu a {
    display: inline-block;
}
.animenu a {
    color: #aaaaaa;
    text-decoration: none;
}

.animenu__nav > li {
    position: relative;
    float: right;
    width: 154px;
    border-left: 1px solid #515151;
    text-align: center;
}
.animenu__nav > li.hover,.animenu__nav > li.list a{ color: #fff;}
.animenu__nav > li > a {
    height: 52px;
    color: #969696;
    cursor: pointer;
    line-height: 52px;
    text-transform: uppercase;
    font-size: 14px;

}
.animenu__nav > li > a i{ padding-left:5px;}

.animenu__nav > li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
.animenu__nav > li:hover > a {
    color: #fff;
}

.animenu__nav__child {
    min-width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    margin: 20px 0 0 0;
    background-color: #4a4a4a;
    transition: margin .15s, opacity .15s;
}
.animenu__nav__child > li {
    width: 100%;
    border-bottom: 1px solid #6c6c6c;
}
.animenu__nav__child > li a{ color: #969696 !important; }
.animenu__nav__child > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
    border: 0;
}
.animenu__nav__child a {
    padding: 15px 0;
    width: 100%;
    border-color: #373737;
    font-size: 12px;
    text-align: center;
}
.animenu__nav__child a:hover {
    background-color: #ff7200;
    border-color: #ff7200;
    color: #fff !important;
}


.animenu .nav .sousuo{ width: 228px; float: right; background: #515151; height: 52px; line-height: 52px; border-left: 1px solid #808080; border-right:1px solid #808080;}
.animenu .nav .sousuo .sou{ text-indent: 1em; width:172px;height:52px; float: left;line-height: 52px; border: 0px;background: #515151; color: #a7a7a7;}
.animenu .nav .sousuo .suo{ float: left; width:56px; height: 52px; background: url("../images/suo.png") no-repeat; border: 0px; cursor: pointer;}


/*banner*/
.slideBox{ width:100%; height:560px;  overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden; width:100%; position:absolute; left:0; bottom:6px; z-index:1; text-align:center; }
.slideBox .hd ul{ overflow:hidden; zoom:1; padding:0 15px; border-radius:15px; display:inline-block; height:18px; padding-top:2px;}
.slideBox .hd ul li{  width:13px; height:13px;  text-align:center; background:#fff; cursor:pointer; display:inline-block; border-radius:8px; margin:0 4px;}
.slideBox .hd ul li.on{ background:#ff7200; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; border:medium none;left:50%;margin:0 auto 0 -960px;overflow:hidden;padding:0;position:relative;visibility:visible;width:1920px;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:560px;}
.slideBox .bd li a{ display:block; width:20px; margin:0 auto; width:1920px;}
.slideBox .bd img{width:1920px; height:560px; display:block; margin:0 auto; }

/*pro*/
.pro{ width:1220px;  overflow:hidden; position:relative; padding: 16px 0 33px 0;   }
.pro h2{ font-size: 28px; font-weight: bold; color: #555555; line-height: 77px; width: 1200px; display: block; margin: 0 auto;}
.pro .hd{ overflow:hidden;  height:37px; padding:0 10px;  text-align: center; }
.pro .hd .prev,.pro .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.pro .hd .next{ background-position:0 -50px;  }
.pro .hd .prevStop{ background-position:-60px 0; }
.pro .hd .nextStop{ background-position:-60px -50px; }
.pro .hd ul{ overflow:hidden; zoom:1; margin-top:21px; }
.pro .hd ul li{ display:inline-block; width:15px; height:15px;  overflow:hidden; margin: 0 5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -15px no-repeat; }
.pro .hd ul li.on{ background-position:0 0; }
.pro .bd ul{ overflow:hidden; zoom:1; }
.pro .bd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.pro .bd ul li .pic{ text-align:center; }
.pro .bd ul li .pic img{ width:280px; height:280px; display:block; border:1px solid #d4d4d4; }
.pro .bd ul li .title{ line-height:24px;   }

.pro ul li .img a .hover{ width:258px; height:258px; position: absolute; background:rgba(255,90,0,.78);;margin-top: -270px; margin-left: 12px;
    /* older safari/Chrome browsers */
    -webkit-opacity:0;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity:0;
    /* IE9 + etc...modern browsers */
    opacity:0;
    /* IE 4-9 */
    filter:alpha(opacity=0);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.pro ul li .img a .hover span{ width: 220px; font-size: 26px; font-weight: bold; color: #fff; text-align: center; margin:70px auto 28px auto; display: block;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
.pro ul li .img a .hover b{ width: 141px; height: 34px; border: 2px solid #fff; text-align: center; line-height: 34px; font-size: 16px; font-weight: inherit; display: block; color: #fff; margin: 0 auto;}
.pro ul li .img a:hover .text{
    /* older safari/Chrome browsers */
    -webkit-opacity:0;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity:0;
    /* IE9 + etc...modern browsers */
    opacity:0;
    /* IE 4-9 */
    filter:alpha(opacity=0);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.pro ul li .img a:hover .hover{-webkit-transition:all 400ms cubic-bezier(0.025, 0.025, 0.17, 1);transition:all 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
    /* older safari/Chrome browsers */
    -webkit-opacity:1;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity:1;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity:1;
    /* IE9 + etc...modern browsers */
    opacity:1;
    /* IE 4-9 */
    filter:alpha(opacity=100);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.contact{ width: 100%; height: 488px; background: url("../images/contact.jpg") center center no-repeat;}
.contact .contact_nei{ width: 1200px; height: 390px;padding-top:47px;}
.contact .contact_nei .text{width: 525px; float: left;}
.contact .contact_nei .text b{ font-weight: inherit; color: #bcbcbc;}
.contact .contact_nei h2{ font-size:24px; font-weight: bold; color: #fff; display: block; width:180px; height: 40px; background: #ff7200; text-align: center; line-height:40px; margin-bottom: 20px;}
.contact .contact_nei p{ line-height: 44px; color: #fff; display:block;}
.contact .contact_nei a{ display: block; width: 254px; height:38px; text-align: center; line-height: 38px; color:#fff; text-align: center; border: 2px solid #fff; font-size: 14px; margin-top: 22px;}
.contact .contact_nei a:hover{ background: #fff; color: #060607;}


.footer{ width: 100%; height:70px;background: #2e2e2e; line-height: 70px; font-size: 12px; color: #c3c3c3;}
.footer .footer_nei{ width: 1200px; height: 70px; line-height: 70px;}
.footer .footer_nei a.n_logo{ float: left; padding-top: 23px; height: 46px;}
.footer .footer_nei ul{ float: left; margin-left:40px;}
.footer .footer_nei ul li{ padding: 0 5px; float: left; color: #c3c3c3;}
.footer .footer_nei ul li a{color: #c3c3c3;}
.footer .footer_nei ul li a:hover{ color: #fff; }
.footer .footer_nei p{ float: right; font-size: 14px; color: #fff;}



/* 内页 */
.lanmu{ width: 100%; height: 46px; line-height: 46px; border-bottom: 1px solid #cccccc;}
.lanmu .lanmu_nei{ width: 1200px;}

.center{ width:1200px; height: auto; overflow: hidden; margin-bottom:40px;}
.center h1.names{ font-size: 30px; color: #1f1f1f; text-align: center; display: block; }
.center h1.names span{ display: inline-block;margin: 30px auto 20px auto; border-bottom: 1px solid #ccc; padding: 0 40px; height: 65px; line-height: 65px; }

.center .nei{padding: 10px; font-size: 14px; color: #333; line-height: 30px;}
.center .nei .nleft{ float: left; width: 580px; height: auto; overflow: hidden; margin-right: 20px;}
.center .nei .nright{ float: right; width:580px;}

.center .left{ float: left; width: 250px; height: auto; overflow: hidden; margin-top: 40px;}
.center .left ul h1{ height: 50px; line-height: 54px; background: #fb6e19; color: #fff;   font-size: 16px; padding-left: 25px; width: 225px; margin-bottom:5px; font-weight: bold;}
.center .left ul li a i{color: #506b90; padding-right: 5px;}

.center .right{ float: right; width: 930px; margin-top: 40px;}
.center .right ul.pros li a{ display: inline-block; float:left;margin: 0 0 15px 32px;}
.center .right ul.pros li a span{ display: block; text-align: center; font-size: 13px; height:35px; line-height:35px;}
.center .right ul.pros li a img{ width: 273px; height: 273px; border: 1px solid #dde2e6;}
.fanhui{ float: right; margin-top: 5px;}
.fanhui i{ padding-right: 5px;}

.center .right .right_nei{ width: 930px; height: auto; overflow: hidden; margin-bottom: 20px;}

.center .right .right_nei img{ display:block; margin:10px auto; }


/*分页*/
div.pager
{
    text-align:center;
	margin:0 auto;
}
div.pager span
{
	margin-left:8px;
	margin-right:8px;
}
div.pager a
{
	margin-left:8px;
	margin-right:8px;
	text-decoration:none;
}

/*新闻*/
ul.news
{
	clear:both;
	margin:10px 0px 0px 0px;
	padding:0px;
}
ul.news li
{ height:30px; padding:0 10px; margin-left:5px; margin-right:5px; border-bottom:dashed 1px #ccc; line-height:30px; color:#666;
}

ul.news1
{
	clear:both;
	margin:0px;
	padding:0px;
}
ul.news1 li
{ background:url(../images/index_38.jpg) no-repeat left center; height:28px; width:190px; padding-left:20px; padding-top:2px; width:522px;color:#666;
}
ul.news1 li a
{
	text-decoration:none;
	color:#000;
}

.newstitle{text-align:center; font-size:14px; font-weight:bold; color:#333333;}
.newssubtitle{ text-align:center}
.newssubtitle span{margin-left:20px;}