@charset "utf-8";

/* CSS Document */

/**

Time : 2017-2

Author : jj

**/

*{box-sizing:border-box;}

.bn-box {

    width: 100%;

    overflow-x: hidden;

    position: relative;

    z-index: 0;

}

.banner {

    width: 1920px;

    height: 589px;

    position: relative;

    overflow: hidden;

    margin-left: 50%;

    left: -960px;

    top: 0;

}

.banner img{

    width: 100%;

}

/*数字按钮样式*/

.banner .num {

    overflow: hidden;

    height: 25px;

    position: absolute;

    bottom: 32px;

    zoom: 1;

    z-index: 3;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner .num li {

    width: 15px;

    height: 15px;

    line-height: 25px;

    text-align: center;

    font-weight: 400;

    font-family: "微软雅黑", Arial;

    color: #FFFFFF;

    background: #fff;

    margin-right: 10px;

    border-radius: 50%;

    cursor: pointer;

    float: left;

    font-size: 0;

}

.banner .num li.on {

    background: rgba(255,255,255,0.7);

} /*当前项*/

/*上一个  下一个*/

.banner .prev, .banner .next {

    display: none;

    width: 40px;

    height: 100px;

    background: url(../images/btn.png) no-repeat;

    position: absolute;

    top: 200px;

}

.banner .prev {

    left: 50%;

    margin-left: -635px;

}

.banner .next {

    right: 50%;

    margin-right: -635px;

    background-position: right

}

/*banner end*/

.search { position:absolute; top:22px;width: 100%;

}

.search .m{ background:rgba(0,0,0,0.26);}

.search_left {

    line-height: 50px;

    float: left;

    color: #fff; position:relative; padding-left:30px;

}



.search_left a {

    color: #eee;

    margin: 0 6px;

}

.search_right {

    float: right;width:330px; height:35px;

    margin-top: 10px;

    position: relative; right:30px;

}

.searchbar {

    width: 100%; box-sizing:border-box;

    line-height: 29px; height: 29px;

    outline: none;

    padding-left: 20px;

    float: left;

    border: 0;

}

.searchbtn {

    width: 37px; top:0; right:0;

    height: 29px; position:absolute;

    outline: none; font-size:15px;

    cursor: pointer;

    border: 0; color:#fff;

    background:url(../images/search.jpg) center no-repeat;

}

/*glow*/

.glow{ margin-top:-48px; position:relative; z-index:6;}

.glow_t{ background:url(../images/liangdian_top.png) top center no-repeat; width:100%; height:72px;}

.glow_b{ background:url(../images/liangdian.jpg) top center no-repeat; width:100%; height:622px;}

/*glow end*/





/*product*/

.pro{ margin-top:40px;}

.pro_l{ width:220px; }

.pro_tt{ background:url(../images/pro_tt.jpg) center repeat-x; height:72px; box-sizing:border-box; padding-top:10px;}

.pro_tt a{ font-size:18px; line-height:30px; font-weight:600; text-align:center; color:#fff; padding-left:25px;}

.pro_tt p{ color:#fff; font-size:12px; font-family:"微软雅黑 light"; padding-left:25px;font-weight: 100;}

.pro_l ul{ border:2px solid #c41f0c; padding-bottom:20px; min-height:290px;}

.pro_l ul li{ line-height:43px; height:43px; box-sizing:border-box; background:url(../images/pro_fg.jpg) bottom center no-repeat;}

.pro_l ul li a{ color:#333; padding-left:30px;}

.pro_l ul li a:before{ content:url(../images/jiantou.jpg); margin-right:10px;}

.pro_l ul li a:hover{ color:#ea3c00;}

.pro_hot{ margin-bottom:20px;}

.pro_tel{ width:220px; height:229px; background:url(../images/pro_l.jpg) center no-repeat; box-sizing:border-box; padding-top:50px; padding-left:22px;}

.pro_tel span{ font-size:14px; color:#fff;}

.pro_tel p{ font-size:24px; color:#fff; margin-bottom:20px; margin-top:5px;}

.pro_tel a{ width:96px; height:26px; font-size:14px; color:#fff; display:block; text-align:center; line-height:26px; border-radius:10px; border:1px solid #fff;}

.pro_r{ width:944px;}

.pro_r .hd{ margin-bottom:20px; height:36px; margin-left:12px; border-bottom:2px solid #c92210;}

.pro_r .hd ul{}

.pro_r .hd ul li{ width:109px; height:36px; float:left;  color:#d42819; cursor:pointer; line-height:36px; text-align:center; font-size:16px; font-weight:100; }

.pro_r .hd ul li.on{background:url(../images/pro_btn.jpg) center repeat-x; color:#fff;}

.pro_r .bd ul{}

.pro_r .bd ul li{ width:219px; margin-left:12px; float:left; text-align:center; box-sizing:border-box; padding-top:7px; margin-bottom:5px;}

.pro_r .bd ul li:hover{ }

.pro_r .bd ul li:hover a{ color:#333;}

.pro_r .bd ul li .img{width:219px; height:242px; box-sizing:border-box; border:1px solid #ccc; padding:4px;}

.pro_r .bd ul li .img img{ width:100%; height:100%;}

.pro_r .bd ul li h5{ line-height:40px; font-weight:100; font-size:15px;}

.more_r{ height:19px; float:right;}

.more_r a{ color:#888; font-size:13px; font-weight:100; line-height:40px; display:inline-block; text-align:center; font-weight:100;}

.pro_r .bd{height: 593px;overflow: hidden;}

/*product end*/

.tt{ text-align:center; margin:50px 0 30px;}

.tt a{ font-size:24px; color:#e05223; text-align:center; font-weight:600;  line-height:40px;}

.tt p{

    font-size: 16px;

    color: #666; font-weight:100; 

}

/*case*/

.case{ width:100%; background:url(../images/case_bg.jpg) center no-repeat; height:710px; box-sizing:border-box; padding-top:20px; margin-top:30px;}

.case .tt { background:url(../images/tt_bg.png) center no-repeat;}

.case ul li { position: relative;  width: 285px;  height: 218px; overflow: hidden; margin-bottom: 15px;}

.case1 { width: 574px; height: 451px; overflow: hidden; position: relative;  margin: 0 18px;box-sizing:border-box; border:3px solid #fff;}

.case1>a {  display: block; width:574px; height:451px; overflow: hidden;}

.case1 img{ width:574px; height:451px; transition:all ease 300ms;}

.case1 h5 { height: 46px;  background-color: rgba(0,0,0,.6); position: absolute; bottom: 0; width: 100%;}

.case1 h5 a{ color:#ddd; line-height:46px;}

.case .img{ display:block; width:285px; height:218px; overflow:hidden; transition:all ease 500ms; box-sizing:border-box; border:3px solid #fff; }

.case .img img{  width:285px; height:218px; transition:all ease 500ms; }

.case2{height:475px;}

.case2 h5 { background-color: rgba(0,0,0,.6); position: absolute;  bottom: 0px; left: 0; width: 100%;height:37px;}

.case2 h5 a{ display:block; line-height:37px;}

.case ul li:hover>h5{bottom:0;}

.case2 h5 a{ color:#ddd;}

.case .img img:hover{transform:scale(1.1,1.1);}

.case1 img:hover{ transform:scale(1.1,1.1);}

/*case end*/

/*client*/

.client{ width:100%; padding-top:1px;border-bottom:1px solid #fff;  padding-bottom:30px;}

.client ul{ width:1300px; margin-top:30px;}

.client ul li{ width:570px; height:147px; overflow:hidden; float:left;margin-bottom:22px; margin-right:22px;} 

.client_img { float: left;  width: 200px;  height: 140px; overflow: hidden; float:left;   }

.client_img img {width: 100%; height: 100%;transition: all ease 500ms;}

.client_img:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.client_text { text-align: center; float: left; width: 325px; height: 94px; padding: 20px;}

.client_text h5 { font-weight: 600; margin-top: 15px; font-size: 15px;  margin-bottom: 10px;}

.client_text h5 a{ color:#333; text-align:left;}

.client_text p { text-align: left;  color: #666; line-height: 24px; height: 48px;  overflow: hidden;  margin-bottom: 10px; font-size: 13px;}

.client_text span{ width:26px; display:block; height:1px; background:#e4e4e4; margin:16px auto; transition:all ease 500ms; }

.client_text h5 a:hover{ color:#c92d18;}

.more_r{ float:right;}

.more_bg a{ color:#999; font-size:12px;}

/*client end*/



/*ys*/

.ys{ height:960px; background:url(../images/ys_bg.jpg) center no-repeat;}

.ys .m{ position:relative;}

.ys_tt{ text-align:center; padding-top:75px;}

.ys_tt a{ font-size:36px;}

.ys_tt a b{ color:#e05223;}

.ys_tt a p{ font-size:18px; color:#a22a06;font-weight: 600; line-height:40px; margin-top: -13px;}

.ys_bn span{ font-size:15px; font-family:"微软雅黑 light"; line-height:30px; display:block; margin-top:5px;}

.ys_bn p{ font-size:24px; color:#e05223; font-style:italic;}

.ys_bn a{font-family:"微软雅黑 light"; font-size:15px; padding:3px 10px; border-radius:6px; background:#e05223; color:#fff; display:inline-block; margin-top:5px;}

.ys ul li{width:304px; position:absolute;}

.ys ul li h5{ font-weight:600; font-size:18px; color:#fff; margin-bottom:7px;}

.ys ul li p{ font-size:14px; color:#fedca4; font-weight:100; font-family:"微软雅黑 light"; line-height:30px;}

.ys1{ left:137px; top:280px;}

.ys2{ left:137px; top:428px;}

.ys3{ left:816px; top:605px;}

.ys4{ left:816px; top:790px;}

/*ys end*/





/*banner1*/

.banner1 {

	height: 158px;

	background: url(../images/banner1.jpg) no-repeat 50%;

	margin: 0 auto; overflow:hidden; margin-top:37px;

}

.banner1 span{ font-size:14px; color:#fff; margin-left:886px; display:block; margin-top:30px;}

.banner1 p{ font-size:24px; color:#fff; margin-bottom:10px; margin-top:3px; margin-left:886px;}

.banner1 a{ width:96px; height:26px; font-size:14px; color:#fff; display:block; text-align:center; line-height:26px; border-radius:10px; background:#d9831e; margin-left:886px;}

/*banner1 end*/



/*about*/

.about{}

.about .tt { background:url(../images/tt_bg.png) center no-repeat;}

h3.about_tt>a{ font-size:18px; color:#333; float:left; background:#f9f9f9;}

h3.about_tt>a p{ font-size:16px; color:#a2a2a2; display:inline-block; font-weight:100; text-transform:uppercase; font-family:"微软雅黑 light"}



.jianjie{ margin-top:30px; margin-bottom:20px;width:100%;}

.about_cont{ padding-bottom:30px;}

.more_rr {

    float: right; 

    width: 53px;

    height: 19px; text-align:center; line-height:19px; background:#f9f9f9;

}

.more_rr a{ font-weight:100; color:#999 ; font-size:13px; font-family:"微软雅黑 light";

     display:block;}

.about_img{ width:590px; height:305px; padding:4px; border:1px solid #ccc;}

.about_img a{ display:block; width:100%; height:100%;}

.about_img img{ width:100%; height:100%;}

.about_text {

    width: 532px;

    text-align: left;

    float: left;

    margin-left: 40px;

    padding-top: 10px;

    height: 228px; box-sizing:border-box;

}

.about_text h5 a{ font-size:20px; display:block; text-align:left; line-height:50px;  margin-top:10px; font-weight:600; }

.about_text p{ font-size:15px; color:#666; line-height:26px; height:182px; overflow:hidden;}

.more{ margin-top:20px; color:#F00; display:block;}

/*about end*/

.qyxc{ position:relative; }

.qyxc .hd {

    text-align: center; margin-top: -50px;

    float: right;

}

.qyxc .hd .prev{ background:url(../images/btn3.jpg) left center no-repeat; width:31px; height:31px; overflow:hidden; display:block; margin-right:12px; }

.qyxc .hd .next{ background:url(../images/btn3.jpg) right center no-repeat; width:31px; height:31px; overflow:hidden; display:block;}

.qyxc .bd { width: 1180px;height: 180px;overflow: hidden;}

.qyxc .prev, .qyxc .next {

    padding-top: 0; float:left;

}

.qyxc .tt2{ width:100%; height:78px; background:url(../images/qyxc_tt.jpg) bottom left no-repeat;} 

.qyxc .tt2>a {

    margin-left: 56px;

}

.qyxc ul {}

.qyxc ul li{ float:left; width:218px; position:relative; margin:10px;}

.qyxc ul li img{ width:218px; height:157px; transition:all ease 300ms; }

.qyxc ul li h6{ display:block; width:100%; height:100%;line-height:183px; background:rgba(0,0,0,0.6); color:#fff; position:absolute; top:0; text-align:center; font-weight:100; font-size:16px; display:none;}

.qyxc ul li:hover img{ transform:scale(0.95,0.95);}

.qyxc ul li:hover h6{ display:block;}

/*about end*/

/*txt*/

.txt{margin-top:48px; background:url(../images/news_bg.jpg) top center no-repeat; padding-top:60px;margin-bottom:30px;}

.partner{width:320px;border:1px solid #bbb; border-top:2px solid #C30;}

.partnerT{height:34px;background:url(../images/partner_tbg.png) left top no-repeat;line-height:34px;}

.prob .bd{

	height:313px;

	overflow:hidden;

}

.txt_more{font-size:14px;text-transform:uppercase;font-weight:normal;margin-right:14px; }

.txt_more:link,.txt_more:visited{color:#868585; }

.partner_t{font-size:16px;font-weight:bold;margin-left:20px;}

.partner_t:link,.partner_t:visited{color:#c02b25;}

.partner ul{margin-top:24px;margin-right:-20px;}

.partner ul li{float:left;margin-right:20px;margin-bottom:10px;}

.partner ul li a img{width:159px;height:79px;overflow:hidden;border:1px solid #d5d5d5;}

.prob .bd ul {width: 320px;overflow: hidden;position: relative; margin-top:20px;}

.prob .bd ul li {position: relative;line-height: 20px;overflow:hidden;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;}

.prob .bd ul li .wen{ width:320px; height:20px; overflow:hidden;margin-bottom:8px;}

.prob .bd ul li .wen span{ width:19px; height:19px; display:inline-block; float:left; background:url(../images/Q.jpg) no-repeat;}

.prob .bd ul li .wen a{ width:295px; height:20px; line-height:20px; display:inline-block; float:right;font-size:14px;font-weight:bold; color:#333;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;margin-left:5px;}

.prob .bd ul li .da{ width:320px;height:45px; overflow:hidden;}

.prob .bd ul li .da span{ width:19px; height:19px;  display:block; background:url(../images/A.jpg) no-repeat ;float:left;  }

.prob .bd ul li .da p{ width:295px;line-height:22px; float:right;color:#666;font-size:13px;margin-left:5px;}

.prob .hd{height:34px;background:url(../images/news_tt.jpg) bottom left no-repeat; position:relative; padding-right:10px; line-height: initial;  }

.prob .hd ul{ z-index:5; position:absolute; height:34px; width: 90%;}

.prob .hd li{ float:left;  width:80px;height:34px; cursor:pointer; text-align:left; margin-right:5px; }

.prob .hd li h3{font-weight:normal;}

.prob .hd li h3 a{font-size:16px;color:#333;font-weight:bold;}

.prob .hd li.on{ }

.prob .hd li.on a{color:#c02b25;}

.news{width:434px;margin-left:20px;padding-right:15px}

.newsIn_in .hd{ height:34px;background:url(../images/news_tt.jpg) bottom no-repeat; position:relative; padding-right:10px;  }

.newsIn_in .hd ul{ z-index:5; position:absolute; height:34px; width:90%;}

.newsIn_in .hd li{ float:left;  width:80px;height:34px; cursor:pointer; text-align:left; margin-right:5px; }

.newsIn_in .hd li h3{font-weight:normal;}

.newsIn_in .hd li h3 a{font-size:16px;color:#333;font-weight:bold;}

.newsIn_in .hd li.on{ }

.newsIn_in .hd li.on a{color:#c02b25;}

.newsIn_in .bd{padding-top:20px;height: 298px;overflow: hidden;}

.newsIn_in .bd p a{ color:#c00;  }

.newsIn_in .bd ul {padding-top:10px;width:753px;}

.newsIn_in .bd ul li {

    width: 410px;

    float: left;

    margin-right: 25px;

    background: url(../images/pro_more.png) left 22px no-repeat;

    text-indent: 10px;

    font-size: 13px;

    border-bottom: 1px dashed #dadada; padding-left: 16px;

    line-height: 45px;

}

.newsIn_in .bd ul a{ display:block; width:310px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.newsIn_in .bd ul li span{ color:#999; font-size:12px;}

.newsIn_in .bd ul li a font{width:280px;height:25px;display:inline-block;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;float:left; }

.newsIn_in .bd ul a:link{ color:#666;  }

.newsIn_in .bd ul a:hover{ color:#c02b25;  }

.newsF{}

.newsF_pic img{width:121px; height:82px;overflow:hidden;}

.newsTxtIn{width:272px;margin-left:10px;float:right;}

.newsTxtIn a.newst{font-size:14px;font-weight:bold;color:#333;display:inline-block;height:20px;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

.newsTxtIn p{font-size:13px;color:#666; height:48px; line-height:24px; overflow: hidden;}

.newsIn_in .bd p.date{background:url(../images/time_bg.jpg) left center no-repeat;color:#999;width:100px;height:15px;line-height:15px;text-indent:20px;margin-top:10px;}

.newsIn_in 

.prob.fl {

    margin-left: 27px;

	height: 350px;

    overflow: hidden;

}

.partner .partnerT{ margin-top:20px;}

.partner .partnerT span{ font-weight:100; color:#777; margin-left:10px;}

.msg {

    width: 320px;

    margin-top: 10px;

    padding: 0 14px;

}

.msg h4 {

    font-size: 18px;

    color: #ff8e09;

    margin-top: 0;

    line-height: 30px; margin-bottom: 14px;

}

.msg h4 span{

    color:#666;

    font-size: 15px;

    font-weight: normal; text-transform:uppercase;

}

.msg input{

    line-height: 38px;

    width: 100%;

    padding:0;

    border:1px solid #c3c3c3;

    text-indent: .7em; background: none; margin-bottom:16px;

}

.msg .f-ipt{

    width: 48%; 

}

.msg textarea{

    width: 100%;

    height:75px;

    resize: none;

    padding:5px 0;

    text-indent: .7em; background: none;

}

.msg .btn{

    width: 46%;

    text-indent: 0;

    outline: none;

    cursor: pointer; border:0;

}

.msg .btn-t {

    background:#c8c8c8;

    color: #fff;

    margin-top: 20px;

}

.msg .btn-c{

    background: #c02b25;

    color:#fff;margin-top: 20px;

}



/*links*/



.links {

   padding-bottom:10px; padding-top:10px; background:#fdfdfd;

}

.link_tt{ font-size:20px; color:#e05223; line-height:50px;  height: 50px; float:left; font-weight:600;}

.links a {

    display: inline-block;

    padding: 0px 17px;

    color: #666;

    line-height: 50px;

}

.links a:hover {

	color: #591518;

}

.link_box{ }

/*links end*/