@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea,img,figure,figcaption {border: medium none; margin: 0; padding: 0;}
/** 设置默认字体 **/
body {
	min-width:1200px;
	background-color: #FFFFFF;
	margin:0px;
	background-image: url(../images/bj.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
html, body {
	-webkit-text-size-adjust: none;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size:16px;
	color: #666;
	line-height:22px;
}
/** 设置表单元素**/
button, input, select, textarea {font-family: Arial;vertical-align: middle; outline:none;}
/** 重置图片元素 **/
img {border: 0px;  }
/** 清除浮动 **/
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
/** 重置列表元素 **/
ul,li,ol {list-style: none;}
/** 重置超链接元素 **/
a {text-decoration: none; color: #303030; transition: 0.2s;}
a:hover {text-decoration:none; color:#222; will-change: transform;}
a:hover,a:active{outline:none;}
.blue{ color: #00B096;}
section{ width: 1200px; margin: 0 auto;}
header{
	position: relative;
	overflow:hidden;z-index:1400; margin:0px; padding:0px;
}
header h1{float: left;margin-top:14px;margin-bottom:22px;}
header .tel{ float: left; padding-top: 30px; line-height: 28px; padding-left: 20px; font-size:26px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:20px;}
header .tel img{ float: left; margin-right: 8px; padding-top:2px;}
header form{
	width: 220px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
	float: right;
	position: relative;
	margin-top:5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
header form input{ height: 26px;}
header  input{ color: #999;}
header form .ipt{ width: 190px; color: #999;}
header form .btn{ background: url(../images/icon_search.jpg) no-repeat center; width:30px;}
header .slecte{ width: 156px; padding: 3px 8px; float: right; height: 30px; border: 1px solid #ccc; background: #fff; border-radius: 5px; margin-top: 20px; line-height: 26px; position: relative;}
header .slecte ul{ width: 100%; left:0; top: 37px; background: #fff; position: absolute; border-radius: 5px; border: 1px solid #ddd; display: none;}
header .slecte ul li{ padding: 3px 0; text-align: center; border-bottom: 1px solid #eee;}
header .slecte ul li:hover{
	cursor: pointer;
	background-color: #1f1f1f;
}
header .slecte ul li:last-child{ border-bottom: none;}
header .slecte i{ width: 20px; height: 20px; display: block; position: absolute; background:url(../images/icon_arrowdown.jpg) no-repeat center; right: 0; top: 8px; right: 8px;}
.menu { background: #333333; height: 50px; position: relative; z-index: 1400; width:1200px; margin-left:auto; margin-right:auto;}
.menu li{ float: left; line-height: 50px; width: 150px; text-align: center; position: relative;}
.menu li span a{ color: #fff; font-size: 16px; display: block;}
.menu li span a:hover,.menu li span a.act,.menu li span a.now{background-color: #1f1f1f;}
.menu li .hide{ position: relative;z-index:1400;background:#eee; width: 100%; box-shadow: 0 2px 5px #aaa;  border-radius: 0 0 5px 5px; display: none;}
.menu li .hide .lis{ height: 40px; position: relative; border-bottom: 1px solid #ddd; line-height: 40px;}
.menu li .hide .lis a{ color: #333; display: block;}
.menu li .hide .lis a:hover{ background: #303030; color: #fff;	background-image: url(../images/hx.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;}
.menu li .hide .lis:hover .subhide{ display: block;}
.menu li .hide .lis .subhide{ position: absolute; width: 200px; background: #f5f5f5; right: -200px; top: 0; border-radius: 5px; box-shadow: 0 0 5px #999; display: none;}
.Ibanner{ height:905px;width: 100%; position: relative; overflow: hidden;top:-204px;z-index:10;}
.Ibanner .btn{ width: 40px; height: 80px; position: absolute; top: 45%; background: rgba(0,0,0,.2); cursor: pointer; transition: 0.5s;}
.Ibanner .btn:hover{ background: #2A63AF; opacity: 0.8;}
.Ibanner .btn.pre{ left: 10%;}
.Ibanner .btn.next{ right: 10%;}
.Ibanner .dian{ width: 100%; height: 22px; position: absolute; bottom: 10px; text-align: center; line-height: 22px; }
.Ibanner .dian span{ width: 22px; height: 22px; background: #cccccc; display: inline-block; margin: 0 5px; text-align: center; cursor: pointer; box-shadow: 0 0 3px #999;border-radius:50%;}
.Ibanner .dian span:hover,.Ibanner .dian span.act{ background: #c5392b; color: #fff;}
.Ibanner .dian em{ float: right; padding: 0 10px; font-style: normal;}
.indexBanner{ width: 1920px; margin: 0 -360px; overflow: hidden;}
.indexBanner ul{width: 999900px;overflow: hidden;}
.indexBanner ul li{ width: 1920px; text-align:center;}
.indexBanner ul li{ float: left;}
.Index_name{
	text-align: center;
	padding-bottom: 20px;
}
.Index_name h4{ font-size: 24px; color: #333; padding: 8px 0;}
.demand{
	overflow: hidden;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.demand ul{ width: 1280px;}
.demand li{ float: left; width: 380px; height: 298px; position: relative; margin-right: 28px; border: 1px solid #ddd; text-align: center; overflow: hidden; position: relative;}
.demand li .btn{ width: 26px; background: rgba(42,99,175,0.4); display: block; position: absolute; top: 40%; z-index: 5; transition: 0.3s; cursor: pointer;}
.demand li .btn.next{ right: 0;}
.demand li .btn:hover{background: rgba(42,99,175,0.7);}
.demand li .roll{ width: 9999px;}
.demand li .roll .list{ float: left;}
.demand li a{ display: block; position: relative;}
.demand li a .tit{ width: 100%; height: 60px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; line-height: 60px; color: #fff; font-size: 18px; transition: 0.2s;}
.demand li a:hover .tit{ background: rgba(42,99,175,0.9);}
.demand li a img{transition: 0.2s;}
.demand li a:hover img{ transform: scale(1.1);}
.demand li a:hover .buy{ display: block;}
.demand li a .buy{ width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../images/icon_buy.png) no-repeat center; position: absolute; z-index: 65; display: none;}
.iproducts{ padding: 0px 0 20px 0; overflow: hidden; position: relative; top:-100px;}
.iproducts ul{ width: 1200px;}
.iproducts h4{ font-size:42px;
	height:90px;
	line-height:88px;
	border-bottom:1px solid #eeeeee;
	color:#333333;
	text-transform: uppercase; margin-bottom:30px;text-align:center;}
.iproducts li{text-align:left;
	background: #fff;
	float: left;
	padding:0px;
	width:358px;
	margin-right: 60px;
	transition: 0.5s;
	border: 1px solid #d2d2d2; height:450px;
}
.iproducts li:last-child{margin-right:0px;}
.iproducts .txt{
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.iproducts li:hover{ box-shadow: 0 0 5px #999;}
.iproducts li b{ color: #333333; font-size:24px;line-height:40px;}
.iproducts li p{padding:0px;text-align:left;color: #666666;font-size:18px;line-height: 24px;}
.iproducts li p a{
	line-height: 24px;
	color: #666666;
	font-size:18px;
}
.iproducts li .img a{padding:0px; margin:0px;display: inline-block;}
.iproducts li .img a:hover{padding:0px; margin:0px;display: inline-block;}
.iproducts li .more{ text-align:center; margin-top:8px;
}
.iproducts li .more a{
	background: #ffffff;
	color: #333;
	margin-top:5px;
	display:inline-block;
	padding-top: 8px;
	padding-right: 90px;
	padding-bottom: 8px;
	padding-left: 90px;
	border: 1px solid #d2d2d2;
}
.iproducts li .more a:hover{ background: #990000;
	color: #fff;
	margin-top:5px;
	display:inline-block;
	padding-top: 8px;
	padding-right: 90px;
	padding-bottom:8px;
	padding-left: 90px;
	border: 1px solid  #990000;}
.IaboutUs{ height: 600px; background: url(../images/mr_10.jpg) no-repeat center; text-align: left; color: #fff; position: relative; top:-160px;}
.IaboutUs .tit{  padding-bottom:35px;}
.IaboutUs .info h3{ font-size:42px; padding-top:60px; line-height:60px; font-weight:bold; padding-bottom:20px;}
.IaboutUs .info{ padding-bottom: 20px;margin-left:630px; overflow:hidden;}
.IaboutUs .info .more{ padding-top:50px;}
.IaboutUs .info .more a{
	border-radius:20px;
	color:#ffffff;
	padding: 12px 20px;
	background: rgba(153,0,0,1.0);
	text-transform: uppercase;}
.IaboutUs .info .more a:hover{ padding: 12px 20px; background: rgba(155,0,0,0.8); color: #ffffff;}
.inews {position: relative;top:-130px; width:1200px;}
.inews h3{
	font-size:42px;
	height:90px;
	line-height:88px;
	border-bottom:1px solid #eeeeee;
	color:#333333;
	text-transform: uppercase; margin-bottom:30px;text-align:center;}
.inews .one{ background: #fff;overflow: hidden; position: relative; top:0px; transition: 0.3s;}
.inews .one:hover{ top: -10px; box-shadow: 0 0 5px #ccc;}
.inews .one li{ float: left; background:#f6f6f6;width:50%; height:420px;}
.inews .one li .mm{ padding:30px;}
.inews .one li .mm .more{ margin-top:60px;}
.inews .one li .mm .more a{
	background: #f6f6f6;
	color: #333;
	margin-top:5px;
	display:inline-block;
	padding-top: 8px;
	padding-right:40px;
	padding-bottom: 8px;
	padding-left: 40px;
	border: 1px solid #d2d2d2;
}
.inews .one li .mm .more a:hover{ background: #990000;
	color: #fff;
	margin-top:5px;
	display:inline-block;
	padding-top: 8px;
	padding-right:40px;
	padding-bottom:8px;
	padding-left: 40px;
	border: 1px solid  #990000;}
.inews .one h2{ font-size:36px;line-height:80px;color:#333333;}
.inews .one li a{ display: block;overflow:hidden;border:0px; }
.inews .one li a:hover img{border:0px;}
.partent{ padding: 0px 0 20px 0; overflow: hidden;}
.partent section{ overflow: hidden;}
.partent ul{ padding: 5px 0; overflow: hidden;}
.partent li{ float: left; border: 1px solid #ddd; overflow: hidden; width: 218px; margin-right: 20px; transition: 0.3s; margin-bottom:15px;}
.partent li:hover,.main .brand li:hover{ box-shadow: 0 0 6px #999;}
.foot{
	background: #333333;height:50px;
	font-size: 16px;
	line-height: 50px;text-align:center; color:#FFFFFF; width:100%;position: relative; margin-top:-60px;}
.foot .link a{ padding: 0 26px;color:#FFFFFF;line-height: 50px;}
.foot .link a:first-child{ padding-left: 0;}
footer{ background: #f6f6f6; padding: 20px 0; font-size: 16px; overflow: hidden;text-align:center;position: relative;bottom:0px;}
footer .left{ width: 1200px; float: left; }
footer .right{ width: 200px; float:right;}
footer .right img{ border: 4px solid #fff; margin-right: 8px;}
footer .right span{ padding-top: 18px; display: inline-block;}
footer p{ padding: 8px 0;}
.inerbanner{ height: 400px;}
.testbj{ background: url(../images/test_banner.jpg) no-repeat center;}
.prosbj{ background: url(../images/probj.jpg) no-repeat center;}
.website { padding: 15px 0; font-size: 16px;}
.main aside{ width: 258px; float: left;}
.main .brand{ border: 1px solid #ddd; margin-bottom: 10px;}
.main .brand ul{ padding: 0 18px;}
.main .brand li{ border: 1px solid #ddd; margin: 15px 0; transition: 0.2s;}
.main .pros{ border: 1px solid #ddd; margin-bottom: 30px;}
.main .pros ul{
	line-height: 24px;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.main .pros ul p.name{ padding: 7px 0; border-bottom: 1px solid #ddd; cursor: pointer;}
.main .pros ul p.name i{ width: 14px; height: 14px; display: inline-block; background: url(../images/icon_subicon.jpg) no-repeat center;}
.main .pros ul p.name i.down{ width: 14px; height: 14px; display: inline-block; background: url(../images/icon_subicon_down.jpg) no-repeat center;}
.main .pros ul .hide{ padding-left: 30px; display: none;}
.main .pros ul .hide a{ display: block; border-bottom: 1px solid #ddd; padding: 8px 0 8px 10px;}
.main .pros ul .lis{
	height: 40px;
	position: relative;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
}
.main .pros ul .lis a{ padding-left:28px;color: #333;background-image: url(../images/round-arrow2.png);background-position: 4px center;background-repeat: no-repeat; display:block;}
.main .pros ul .lis a:hover{
	color: #fff;
	background-color: #303030;
	background-image: url(../images/round-arrow.png);
	background-repeat: no-repeat;padding-left:28px;
	background-position: 4px center;display:block;
}
.main .pros ul .lis:hover .subhide{ display: block;}
.main .pros ul .lis .subhide{ position: absolute; width: 200px; background: #f5f5f5; right: -200px; top: 0; border-radius: 5px; box-shadow: 0 0 5px #999; display: none;}
.main .pros ul .tofix.fied{ position: fixed; top: 0; width: 100%; background: #2A63AF;}
.main .local{ height: 48px; background: #2A63AF; line-height: 48px; padding: 0 20px; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.main .public{ width: 1200px; float: right;}
.main .public .testLi{ font-size: 16px;}
.main .public .testLi li{ padding-bottom: 28px;}
.main .public .testLi img{ float: left; border: 5px solid #eee; margin-right: 30px; transition: 0.2s;}
.main .public .testLi img:hover{ box-shadow: 0 0 5px #999;}
.main .public .testLi h4{ color: #333; padding-bottom: 5px;}
.main .public .testLi h4 a{ color: #333; padding-bottom: 5px;}
.main .public .testLi h4 a:hover{ color: #2A63AF; padding-bottom: 5px;}
.main .public .testLi .info{ line-height: 28px; height:100px; overflow: hidden;}
.main .public .testLi .more a{ border: 1px solid #2A63AF; color: #2A63AF; padding: 5px 15px;}
.main .public .testLi .more a:hover{  background: #2A63AF; color: #fff;}
.page {
	padding: 15px 0;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
}

.page a {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #eee;
	margin: 0 2px;
}

.page a:hover,
.page a.act {
	background: #2A63AF;
	color: #fff;
}

.page SPAN.current {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #303030;
	color: #fff;
	margin: 0 2px;
}
.page SPAN.disabled {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #2A63AF;
	margin: 0 2px;color: #fff;
}
.catalog{ font-size: 16px;}
.catalog .listx .name{ float: left; width: 90px; line-height: 30px;}
.catalog .listx .name b{ background: url(../images/icon_c1.png) no-repeat left center; padding-left: 18px;}
.catalog .listx .name b.act{ background: url(../images/icon_c2.png) no-repeat left center; padding-left: 18px;}
.catalog .listx{ overflow: hidden; padding-bottom: 10px;}
.catalog .listx ul{ float: left; width: 1100px;overflow: hidden;}
.catalog .listx ul.show{ height: auto;}
.catalog .listx ul li{ border: 1px solid #ddd; float: left; line-height: 24px; margin: 0 8px 8px 8px ;border-radius:5px;}
.catalog .listx ul li a{ display: block; padding: 3px 15px;}
.catalog .listx ul li a:hover{background: #2A63AF; color: #fff; }
.catalog .listx ul li a.et{background: #2A63AF; color: #fff; }
.catalog .mores{ float: right; width: 70px;}
.catalog .mores span{ border: 1px solid #ddd; padding: 3px 10px; line-height: 24px; display: inline-block; background: #ddd; border-radius: 20px; transition: 0.3s;}
.catalog .mores span:hover{ background: #2A63AF; color: #fff; cursor: pointer;}
.prosList { overflow: hidden;}
.prosList ul{ width: 1250px;}
.prosList li{ width: 218px; border: 1px solid #ddd; overflow: hidden; float: left; margin: 10px 25px 20px 0; transition: 0.2s;}
.prosList li:hover{ box-shadow: 0 0 5px #999;}
.prosList li a{ display: block;}
.prosList li a .img{ height: 172px; overflow: hidden;}
.prosList li img{ transition: 0.3s;}
.prosList li a:hover img{ transform: scale(1.1);}
.prosList li .names{
	background: rgba(0,91,170,1);
	color: #fff;
	height:40px;
	line-height:40px;
	padding-right: 10px;
	padding-left: 10px;
}
.prosList li a:hover .names{ background: rgba(0,0,0,0.8);}
.Prodetail { background: #eee; padding: 15px; overflow: hidden;}
ul.cirle li{
	background-image: url(../images/orange1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.Prodetail h4{ color: #2A63AF; padding: 10px 0; font-size: 16px;}
.Prodetail .txt{ float: left; width: 480px; line-height: 24px;}
.Prodetail .txt ul li{
	background-image: url(../images/orange1.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 16px;
	overflow:auto; line-height:28px;
}
.Prodetail .txt p{ padding: 0px 0;}
.Prodetail .img{ width: 360px; float: right; text-align: center;}
.Prodetail .img .roll{ height: 284px; overflow: hidden; margin-bottom: 20px; position: relative;}
.Prodetail .img .roll .btn{ width: 26px; background: rgba(42,99,175,0.4); display: block; position: absolute; top: 40%; z-index: 5; transition: 0.3s; cursor: pointer;}
.Prodetail .img .roll .btn.next{ right: 0;}
.Prodetail .img .roll .btn:hover{background: rgba(42,99,175,0.6);}
.Prodetail .img .roll .listBox{ width: 9999px;}
.Prodetail .img .roll .listBox .list{ float: left;}
.tabs .tabname{ margin-top: 20px; height: 46px; background: #2A63AF; line-height: 46px; color: #fff; font-size: 18px; font-weight: bold;}
.tabs .tabname span{ display: block; width: 25%; text-align: center; float: left; cursor: pointer; transition: 0.3s;}
.tabs .tabname span:hover,.tabs .tabname span.act{ background: #303030; color: #fff;}
.tabs .content{ background: #eee; padding: 20px; line-height: 24px; display: none;word-break: break-all;}
.tabs .content p{ padding: 5px 0;}

.solution .tit{ line-height: 44px; font-size: 24px; padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.solution .tips{ padding: 10px 0;  margin-bottom: 10px;}
.solution .tips em{ color: #999; font-style: normal;}
.solution .content{ line-height: 26px;}
.solution .content p {
	padding: 0px;
}
.solution .updown{ border-top: 1px solid #ddd; padding: 10px 0; position: relative;}
.solution .updown p { padding: 5px 0;}
.solution .bottom {padding-top: 20px;}
.solution .bottom  p {
            font-size: 14px;
            color: rgb( 104, 104, 104 );
            line-height: 1.5;
            padding-left: 165px;
            margin-bottom: 20px;
        }
.solution .bottom .clearfix {
            margin-bottom: 15px;
        }
.solution .bottom .clearfix .w20 {
                width: 140px;
                display: inline-block;
                vertical-align: top;
                color: #686868;
                font-size: 14px;
                line-height:40px;
                text-align: right;
                padding-right: 22px;
            }
.solution .bottom .clearfix .w20 span {
                    vertical-align: middle;
                    margin-right: 5px;
                    color: red;
                }
.solution .bottom .clearfix .w80 {
                width: 680px;
                display: inline-block;
                vertical-align: top;
            }
.solution .bottom .clearfix .w80 input[type="text"] {
                    height: 40px;
                    width: 650px;
                    border: 1px solid #dcd9da;
                    font-size: 14px;
                    color: rgb( 160, 159, 159 );
                    padding-left: 25px;
                }
.solution .bottom .clearfix .w80 select {
                    height: 40px;
                    width: 650px;
                    border: 1px solid #dcd9da;
                    background: #fff url(/images/orange.png) 96% center no-repeat;
                    appearance: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    font-size: 14px;
                    color: rgb( 104, 104, 104 );
                    padding-left: 25px;
                }
.solution .bottom .clearfix .w80 select.w100 {
                        width: 650px; padding-left: 25px;
                    }
.solution .bottom .clearfix.pro .w80 select {
                width: 650px; padding-left: 25px;
                background: #fff url(../images/orange.png) 98% center no-repeat;
            }
.solution .bottom .clearfix .w80 textarea {
                width: 650px;
                height: 120px;
                border: 1px solid #dcd9da;
                font-size: 14px;
                color: rgb( 160, 159, 159 );
                padding: 10px 15px;
            }
.solution .bottom .clearfix .w80 .mid {
	font-size: 14px;
	color: rgb( 104, 104, 104 );
	line-height: 1.5;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
            }
.solution .bottom .clearfix .w80 .mid p {
                    width: 650px;
                    margin: 20px 0px 10px;
                }
.solution .bottom .clearfix .w80 .mid p a {
                        color: #ff5401;
                        font-size: 14px;
                    }
.solution .bottom .submiting {
            text-align: center; margin-bottom:20px;
        }
.solution .bottom .submiting .submit {
                background: #303030;
                margin-right: 12px;
                width: 155px;
                height: 40px;
                border: none;
                font-size: 14px;
                color: rgb( 255, 255, 255 );
            }
.solution .bottom .submiting .reset {
                background: #999898;
                margin-right: 12px;
                width: 155px;
                height: 40px;
                border: none;
                font-size: 14px;
                color: rgb( 255, 255, 255 );
            }
.guide{width:218px;position:fixed;top:270px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');display:block; margin-left:20px;}