﻿/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

/*common end*/

.head{}
.head01bg{ height:40px; line-height:40px; background:#393939; color:#999;}
.head01{}
.head01 .lt{ float:left;}
.head01 .rt{ float:right;}
.head01 .rt span{ color:#fff;}
.head01 .rt a{ color:#999;}
.head01 .rt a:hover{ color:#ed1b2a;}

.head02bg{ height:90px; box-shadow: 0 0 10px #666;}
.head02{}
.head02 .logo{ float:left; width:500px; height:90px; position:relative;}
.head02 .logo img{ max-width:500px; max-height:90px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}

.head02 .rt{ float:right; padding-top:20px;}
/*menu*/
.menu{height:40px;line-height:40px; }
.menu ul li{ float:left; position:relative; z-index:5;}
.menu ul li dl{ background:#fff; width:150%; position:absolute; left:0px; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:30px; }
.menu ul li dl dd a{ font-size:14px; color:#666; display:inline; padding:0; text-align:left; padding:0 0 0 20px;}
.menu ul li dl dd a:hover{ color:#ed1b2a;}
.menu a{ font-size:16px;color:#333; text-decoration:none; display:block;text-align:center; padding:0 20px;}
.menu a:hover{color:#ed1b2a;}
a.menu_hover{ color:#ed1b2a;}


.bannerbg{}
/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:600px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:600px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}


/*.tit1{ text-align:center;}
.tit1 h2{ font-size:36px; line-height:2em; font-weight:normal;}

.con01bg{ padding:50px 0;}
.con01{}
.con01 .main{ overflow:hidden; margin-top:30px;}
.con01 .main ul{ width:1250px;}
.con01 .main ul li{ float:left; width:285px; margin:0 20px 0 0; text-align:center;}
.con01 .main ul li a{ display:block; padding:8px; border:1px solid #e5e5e5;}
.con01 .main ul li .img{ height:175px;}
.con01 .main ul li .img img{ width:265px; height:175px;}
.con01 .main ul li span{ display:block; font-size:18px; line-height:40px; height:40px; overflow:hidden; background:#c9caca;}
.con01 .main ul li:hover span{ background:#ed1b2a; color:#fff; transition:all .3s ease;}


.con02bg{ padding:50px 0; background:#f2f2f2;}
.con02{}
.con02 .main{ margin-top:30px;}
.scroll_03{ position:relative;}
.scroll_03 .hd .prev{ display:block;  width:40px; height:40px; overflow:hidden;cursor:pointer; background:url(../images/case-prev_03.jpg) center no-repeat; position:absolute; z-index:4; left:-40px; top:36%;} 
.scroll_03 .hd .prev:hover{ background:url(../images/case-prev2_03.jpg)}
.scroll_03 .hd .next{ display:block;  width:40px; height:40px; overflow:hidden;cursor:pointer; background:url(../images/case-next_03.jpg) center no-repeat; position:absolute; z-index:4; right:-40px; top:36%;} 
.scroll_03 .hd .next:hover{ background:url(../images/case-next2_03.jpg) center no-repeat;}
.scroll_03 .bd li{ float:left; width:290px; overflow:hidden; margin:0 5px; text-align:center;}
.scroll_03 .bd li .img{height:220px; background:url(../images/pro-bg-grey_03.jpg) center no-repeat; background-size:cover;}
.scroll_03 .bd li .img table tr td{ height:220px;}
.scroll_03 .bd li .img img{ max-width:290px; max-height:220px;}
.scroll_03 .bd li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}


.con03bg{ margin-top:50px;}
.con03{ border:5px solid #ccc;}
.con03 .tit1{ margin-top:-36px;}
.con03 .tit1 h2{ display:inline; background:#fff; padding:0 10px;}
.con03 .main{ margin-top:30px; padding:0 10px 10px 10px;}
.con03 .main .top{}
.con03 .main .top .img{ float:left; width:580px;}
.con03 .main .top .img img{ width:580px;}
.con03 .main .top .txt{ float:right; width:600px; font-size:14px; line-height:1.5em;}
.con03 .main .btm{ overflow:hidden; margin-top:20px;}
.con03 .main .btm ul{ width:1250px;}
.con03 .main .btm ul li{ float:left; width:285px; margin:0 20px 0 0; background:#f2f2f2; height:190px;}
.con03 .main .btm ul li img{ width:285px; height:190px;}


.con04bg{ margin-top:50px;}
.con04{}
.con04 .main{ margin-top:30px; overflow:hidden;}
.con04 .main ul{ width:1250px;}
.con04 .main ul li{ float:left; width:380px; margin:0 20px 0 0; border-top:2px solid #333; text-align:center;}
.con04 .main ul li h2{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}
.con04 .main ul li h2 a{}
.con04 .main ul li .img{ height:250px;}
.con04 .main ul li .img img{ width:380px; height:250px;}


.tit2{}
.tit2 h2{ font-weight:normal; font-size:18px; color:#fff; line-height:2em;}*/









.con01bg{ height:50px; line-height:50px; background:url(../images/tit1.png) repeat-x;}
.con01{ font-size:14px;}
.con01 dl dt{ float:left; width:94px; text-align:center;}
.con01 dl dt strong{ display:block; background:url(../images/tit2.png) center no-repeat; color:#fff;}
.con01 dl dd{ float:right; width:1050px;}
.con01 dl dd a{}

.tit1{ text-align:center; border-bottom:2px solid #ccc; height:43px;}
.tit1 h2{ font-weight:normal; font-size:24px; line-height:40px;}
.tit1 h2 span{ display:inline-block; border-bottom:5px solid #000; padding:0 10px;}

.con02bg{ padding:50px 0;}
.con02{}
.con02 .main{ margin-top:30px; height:500px;}
.con02 .main ul{    width: 76%;
    margin: 0 auto;
    display: block;}
.con02 .main ul li{ float:left; text-align:center;}
.con02 .main ul li h2{ font-weight:normal; font-size:24px; line-height:48px;float: left;}
.con02 .main ul li h2 strong{ font-family:Impact; font-size:48px;}
.con02 .main ul li .img{ height:180px; width:450px; position:relative;float: left;}
.con02 .main ul li .img img{ max-height:180px; max-width:450px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02 .main ul .li1{ width:450px;/* padding:0 150px 0 0; */}
.con02 .main ul .li1 h2 strong{ color:#fa9505;}
.con02 .main ul .li2{ width:450px; /*padding:0 0 0 150px;*/}
.con02 .main ul .li2 h2 strong{ color:#ae0086;}
.con02 .main ul .li3{ width:450px; padding:80px 0 0 0; }
.con02 .main ul .li3 h2 strong{ color:#8cc418;}
.con02 .main ul .li4{ width:450px; padding:80px 0 0  ;}
.con02 .main ul .li4 h2 strong{ color:#009d88}


.con03bg{ margin-top:50px;}
.con03{ text-align:center;}
.con03 img{ max-width:100%;}

.tit2{ text-align:center;}
.tit2 h2{}
.tit2 h2 img{ max-width:100%;}

.con04bg{ padding:50px 0;}
.con04{}
.con04 .main{}
.con04 .main dl{}
.con04 .main dl dd{ margin:30px 0 0 0;}
.con04 .main dl dd table{ border-spacing:0;}
.con04 .main dl dd table td{}
.con04 .main dl dd .img{ width:500px;}
.con04 .main dl dd .img img{ width:500px;}
.con04 .main dl dd .txt{ width:650px;}
.con04 .main dl dd .txt .list{ margin-top:10px;}
.con04 .main dl dd .txt .list ul li{ list-style:inside; font-size:16px; color:#999; line-height:1.5em; margin:5px 0;}
.tit5{ background:url(../images/c4_3.png) left center no-repeat; padding-left:15px;}
.tit5 h2{ font-size:24px; color:#0174cf; }
.tit5 h2 span{ color:#999; font-size:16px;}
.tit5 h3{ font-size:20px; }
.tit5 h3 b{ color:#f60;}
.con04 .main dl .dd1 .txt{ width:650px; padding:0 0 0 50px;}
.con04 .main dl .dd2 .txt{ width:650px; padding:0 50px 0 0 ;}

.tit6{ text-align:center;}
.tit6 h2{ font-size:24px; color:#0174cf; line-height:38px;}
.tit6 h2 span{ display:inline-block; border-bottom:2px solid #ccc;}
.tit6 h2 b{ color:#f60;}
.tit6 h3{ font-size:0; line-height:none; margin-top:-2px;}
.tit6 h3 span{ display:inline-block; width:50px; height:4px; background:#0174cf;}

.con05bg{ margin-top:50px;}
.con05{}
.con05 .main{ overflow:hidden; margin-top:30px;}
.con05 .main ul{ width:1250px;}
.con05 .main ul li{ float:left; width:380px; margin:0 30px 0 0; text-align:center;}
.con05 .main ul li .img{ height:260px;}
.con05 .main ul li .img img{ width:380px; height:260px;}
.con05 .main ul li h2{ height:40px; line-height:40px; font-weight:normal; font-size:16px; background:#f4f4f6; overflow:hidden;}


.tit7{ text-align:center; border-bottom:2px solid #ccc; height:73px;}
.tit7 h2{ font-weight:normal; font-size:36px; line-height:40px;}
.tit7 h3{ font-weight:normal; font-size:24px; line-height:30px;}
.tit7 h3 span{ display:inline-block; border-bottom:5px solid #000; padding:0 10px;}

.tit8{}
.tit8 h2{ height:28px; line-height:28px; background:url(../images/tit7.gif) left center no-repeat; font-size:16px;}
.tit8 h2 strong{ display:inline-block; width:99px; text-align:center; color:#fff;}

.con06bg{ margin-top:50px;}
.con06{}
.con06 .main{ margin-top:30px;}
.con06_lt{ float:left; width:278px; border:1px solid #ccc;}
.con06_lt .list{ padding:10px 10px; font-size:14px; line-height:1.5em; height:200px; overflow:hidden;}
.con06_lt .list img{ width:100%;}

.con06_ct{ float:left; width:598px; border:1px solid #ccc; margin-left:20px;}
.con06_ct .list{ padding:10px 10px;}
.con06_ct .list ul li{ height:39px; line-height:39px; border-bottom:1px solid #eee;}
.con06_ct .list ul li strong{ float:left; font-weight:normal; font-size:14px; width:500px; height:39px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.con06_ct .list ul li strong a{}
.con06_ct .list ul li span{ float:right; color:#999;}

.con06_rt{ float:right; width:278px; border:1px solid #ccc;}
.con06_rt .list{ padding:10px 10px; min-height:200px;}
.con06_rt .list ul li{ font-size:14px; line-height:1.5em; margin:.5em 0;}
.con06_rt .list ul li img{ vertical-align:middle;}


.con07bg{ margin-top:50px;}
.con07{ text-align:center;}
.con07 img{ width:100%;}
















 
.foot{ background:#282828 url(../images/footer-top_02.jpg) center top repeat-x; margin-top:50px; color:#999;}
.foot01bg{ padding:30px 0;}
.foot01{}
.foot01 .lt{ float:left; width:450px;}
.foot01 .lt .list{ margin-top:10px;}
.foot01 .lt .list ul li{ font-size:14px; line-height:1.5em; margin-top:.5em;}
.foot01 .ct{ float:left; width:450px; margin-left:295px;}
.foot01 .ct .list{ margin-top:10px;}
.foot01 .ct .list table{ border-spacing:0;}
.foot01 .ct .list table td{ padding:5px 0;}
.foot01 .ct .list .in01{ border:none; width:260px; padding:0 10px; height:40px; line-height:40px; background:#313131;}
.foot01 .ct .list .in02{ border:none; width:120px; height:40px; line-height:40px; background:#ed1b2a; color:#fff; cursor:pointer; font-size:16px;}
.foot01 .ct .list textarea{ border:none; width:260px; padding:0 10px; line-height:20px; background:#313131;}
.foot01 .rt{ float:right; width:177px;}
.foot01 .rt .list{ margin-top:10px; text-align:center;}
.foot01 .rt .list .img{}
.foot01 .rt .list .img img{ max-width:120px;}

.foot02bg{ border-top:1px solid #404040; padding:10px 0;}
.foot02{}
.foot02 ul li{ line-height:1.5em;}
.foot02 ul li a{}






/*Add------------------------------------------------------------------------------*/

.insidebg{}
.inside{ }
.in_nav{}
.tit3{ text-align:center;}
.tit3 ul li{ display:inline-block; margin:0 -2px; line-height:39px; border:1px solid #999; border-radius:3px;}
.tit3 ul li a{ display:block; padding:0 20px; font-size:16px; background:#c9caca;}
.tit3 ul li:hover a{ background:#ed1b2a; color:#fff;}
.tit3 ul li.active a{ background:#ed1b2a; color:#fff;}
.inside_con{ }

.productbg{ margin-top:30px;}
.product{}
.pro_lt{ float:left; width:220px;}
.pro_lt .side_a{}
.pro_lt .side_a h2{ height:60px; line-height:60px; background:#8d8d8d; color:#fff; font-size:26px; text-align:center;}
.tree{ border:3px solid #8d8d8d; background:#fff; padding:2px 16px;}
.tree_box{overflow: hidden; margin:3px 0px;}
.tree_box h3{height: 32px;line-height: 32px; position:relative;/*background: #0184ca;*/}
.tree_box h3 span{ position:absolute; top:0px; left:-2px; width:32px; height:32px; background:url(../images/jiahao.png) center no-repeat;}
.tree_box h3 a{ padding-left:26px; font-weight:normal; color:#000;}
.tree_box h3,.tree_one h4,.tree_two li{cursor: pointer;}
.tree_one,.tree_two{display: none;overflow: hidden;}
.tree_one h4{  margin-top:3px;height: 30px;line-height: 30px;background:url("../images/pro_bottom.jpg") no-repeat 0 bottom;}
.tree_one h4 a{ padding-left:15px; display:block;  font-weight:normal;background:url("../images/pro_ico02.jpg") no-repeat left center; margin-left:8px;}

.pro_lt .side_b{ border:1px solid #797979;}
.pro_lt .side_b>h2{ height:40px; line-height:40px; background:#8d8d8d; color:#fff; text-align:center;}
.pro_lt .side_b dl{ padding:10px;}
.pro_lt .side_b dl dt{ padding-left:50px; background:url(../images/dianhua.gif) left center no-repeat;}
.pro_lt .side_b dl dt h2{ font-weight:normal; font-size:12px;}
.pro_lt .side_b dl dt h2 b{ display:block; font-size:18px;}
.pro_lt .side_b dl dd{ line-height:1.5em; margin-top:.5em;}

.pro_rt{ float:right; width:950px;}
.weizhi{ height:40px; line-height:40px; border-bottom:2px solid #8d8d8d; background:#ececec;}
.weizhi h2{ padding:0 10px; font-weight:normal; font-size:14px;}
.weizhi h2 strong{ font-size:16px; float:left;}
.weizhi h2 span{ float:right;}


.contact{ margin-top:30px;}
.contact_lt{ float:left; width:492px;}
.tit4{}
.tit4 h2{ font-weight:normal; font-size:30px; line-height:1.5em;}
.tit4 h3{ font-weight:normal; font-size:16px; color:#999; line-height:1.5em;    text-transform: uppercase;}
.contact_lt .list{ margin-top:10px;}
.contact_lt .list ul li{ height:49px; line-height:49px; border-bottom:1px solid #ccc; padding-left:50px; font-size:13px;}
.contact_rt{ float:right; width:685px;}


