 
@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify; letter-spacing:1px}

.main{ width:1200px; margin:0 auto;}


.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}


.topbox{ width:100%; min-width:1200px; height:40px; line-height:40px; background:#313131; overflow:hidden}
.topbox p{ color:#fff}


.logo{ width:1200px; margin:0 auto; overflow:hidden; height:140px;}
.logo img{ width:1200px; display:block; margin-top:15px; }


.nav{ width:100%; min-width:1200px;height:50px; line-height:50px; background:#f67903; overflow:hidden}
.nav ul{ overflow:hidden}
.nav ul li{width: 149px; float:left;height: 50px;margin-right: 1px;}
.nav ul li a{ display:block;color: #FFFFFF;line-height: 50px;font-size: 14px; text-align:center}
.nav ul li a:hover,.nav ul li a.on{ color:#fff; background:#d07304}
 

.part1{ width:100%; min-width:1200px; height: 380px; padding-top:30px}
.part1 .L{float: left;width: 280px;margin-left: 15px;padding-top: 75px;margin-right: 55px;}
.part1 .L .titbox{height: 50px;background:#313131;}
.part1 .L .titbox p{font-size: 24px;font-weight: bold;text-align: center;line-height: 50px; color:#fff}
.part1 .L .conbox{background: #00000040;
    padding: 28px 24px;
    line-height: 29px;
    color: #ffffff;}
.part1 .L .conbox .con{ color:#000; height: 145px;overflow: hidden;}
.part1 .C{float: left;width: 535px;margin-right: 35px;padding-top: 75px;}
.part1 .C .titbox{ background: #313131; height:35px; line-height:35px; overflow:hidden;padding-left: 13px;margin-bottom: 20px;}
.part1 .C .titbox p{ float:left;font-size: 18px;font-weight: bold;color: #fff; max-width:380px}
.part1 .C .titbox a{ float:right;padding-right: 10px;font-size: 12px;color: #fff;}
.part1 .C ul{ overflow:hidden;}
.part1 .C ul li{width: 235px;height: 170px;margin: 14px;float: left;border: 2px solid #fff;text-align: center;}
.part1 .C ul li img{ display:block;width: 235px;height: 170px;}
.part1 .R{float: right;width: 280px;background: #fff;color: #999999;}
.part1 .R .titbox{height: 50px;line-height: 50px;background:#313131;padding-left: 22px;font-size: 24px;font-weight: bold;color: #fff; overflow:hidden}
.part1 .R .titbox p{ float:left;}
.part1 .R .titbox span{ float:left;padding-left: 10px;font-size: 16px;}
.part1 .R .conbox{padding:20px;font-size: 14px;}
.part1 .R .conbox .con{ overflow:hidden; height:326px}
.part1 .R .conbox .con p{line-height: 40px;border-bottom: 1px dashed #999999; color:#000; }


 
.contitbox{ width:1200px;margin:0 auto; overflow:hidden;margin-top:10px;text-align: center; margin-bottom: 30px;}
.contitbox h3{ text-align: center;
    line-height: 63px;
    font-size: 38px;
    color: #000000;
    font-weight: bold;}
.contitbox p{ text-align:center;font-size: 14px;color: #999999;line-height: 17px;margin-bottom: 48px;}
.contitbox span{ text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
    letter-spacing: 5px;}
    
.c2{width:1200px;margin:0 auto;margin-top:20px;}
.c2tt{color:#323232;font-size:36px;text-align:center;font-weight: normal;}
.en2{color:#676767;font-size:16px;font-weight:normal;text-align:center;background:url(//cdn.myxypt.com/f48d564d/21/12/67323cf59d0263c0946aafa4ddae43d52460404c.png) no-repeat center;margin-top: 10px;}
.ser_con{width:1200px;margin:0 auto;margin-top:45px;}
.ser_con li{float:left;margin-right:101px;padding-bottom:15px;_display:inline;width:224px;}
.ser_con li:nth-child(4){margin-right: 0;}
.ser_con li a.img{margin:0 auto;text-align:center;width:70px;height:70px;}
.ser_con li a.img img{}
.ser_con li h3{margin-top:10px;}
.ser_con li h3 a{color:#323232;font-size:16px;font-weight:normal;text-align:center;display:block;line-height:40px;}
.ser_con li span{line-height: 30px;
    height: 110px;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    width: 224px;
    display: block;
    color: #5a5a5a;
    font-size: 14px;}

.ser_con li a.img{display:block;}
.ser_con li a.img:hover{border-color:#f7b71d;}
    
 .s1 { clear: both;
    height: 650px;
    width: 100%;   background: #f67903;background-size: 100% 100%;}
.w1200{width:1200px; margin:0 auto; }
.s1-box {padding-top: 55px;padding-bottom: 150px;}

.s1a {text-align: center;}
.s1a h1 {font-size: 26px;color: #fff;font-weight: bold;}
.s1a p {font-size: 12px;color: #f89c39;font-family: Arial;text-transform: uppercase;margin-top: 5px; text-align:center; }
.s1a div {width: 30px;height: 2px;background-color: #000;margin: 15px auto 0;}

.s1b {margin-top: 35px;}

.s1b-con {width: 640px; float:left;}
.s1b-con h1 {text-transform:uppercase; font-size: 20px;color: #fff;}
.s1b-con h2 {font-size: 14px;color: #fff;font-family: Arial;margin-top: 5px;}
.s1b-con div {margin-top: 20px;}
.s1b-con div p {font-size: 14px;color: #fff;font-family: 'Arial';line-height:30px;}
.s1b-con a {display: block;width: 152px;height: 42px;line-height: 42px;text-align: center;border-radius: 21px;background-color: #f89c39;color: #fff;font-size: 14px;font-family: 'Arial';margin-top: 10px;}

.s1b-con a:hover {background-color: #e77817;}

.s1b-view {float: right;    width: 520px;    height: 430px;    overflow: hidden;}

/*hengtu*/
.w1120{ width:1200px; margin:0 auto; }
.ad_in { clear:both;width:100%;background:url(../images/adbg1.gif) no-repeat center top;height:220px}
.ad_in .l {float: left;
    /*background: url(../images/ad1.gif) no-repeat #f67903;
   */ width: 451px;
    height: 220px;
    overflow: hidden;
    line-height: 9999px;}
.ad_in .r {float: right;
    width: 270px; 
    background-position: right bottom;
    padding-top: 50px;
    height: 170px;}
.ad_in .r p {font-size:14px;color:#fff;}
.ad_in .r h2 {font-size:28px;font-family:Arial;color:#fff}
.ad_in .r a.mail {color:#fff;font-size:16px}
.ad_in .r a.btn {color: #fff;
    line-height: 25px;
    display: block;
    width: 102px;
    height: 24px;
    margin-top: 20px;
    border: 1px solid #fff;
    position: relative;
    border-radius: 20px;
    transition: all 0.3s;
    text-align: center;}
.ad_in .r a.btn:before {
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    transition:all .36s ease;
    content:"\e90f";
    color:#9FBCEF;
    position:absolute;
    top:50%;
	left:40%;
    font-size:20px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ad_in .r a.btn:hover {background:#fff;border:1px solid #fff}

.part3{ clear:both; width:100%; min-width:1200px;padding: 60px 0px;  background-size:100% 100%;overflow: hidden;}

.typebox{width: 260px;    overflow:hidden;float: left; background:#333;}
.typebox .titbox{height: 120px;background: #f67903;}
.typebox .titbox p{padding-left: 52px;
    color: #fff;
    padding-top: 19px;
    line-height: 57px;
    font-size: 28px;
    font-weight: bold;
}
.typebox .titbox span{color: #fff;line-height: 15px;padding-left: 52px;font-size: 12px;text-transform: uppercase;font-weight: bold;}

.typebox ul{ overflow:hidden}
.typebox ul.hei{ max-height:510px; overflow:hidden}
.typebox ul li{}
.typebox ul li .typeone{width: 100%;    height: 55px;
    line-height: 55px;    text-indent: 4em;
    background: url(../images/icon.png) no-repeat 20px center;
    border-bottom: 1px dashed #999999;    overflow: hidden;}
.typebox ul li .typeone a{font-weight: bold;color: #fff;font-size: 14px;}
.typebox ul li .typetwo{width: 220px;text-indent: 4em;margin: auto; display:none}
.typebox ul li .typetwo a{color: #fff;height: 30px;line-height: 30px;}

.typebox .more{background: #333333;line-height: 60px;text-align: center;height: 60px; }
.typebox .more a{color: #FFFFFF;font-size: 14px;}

.part3 ul.proul{width: 920px; overflow:hidden;float: right;}
.part3 ul.proul li{ width:300px; float:left; margin:0 3px;     overflow:hidden}
.part3 ul.proul li .pro{_display:table;display:table-cell;text-align:center;width:300px; vertical-align:middle}
.part3 ul.proul li .pro img{vertical-align:middle;  max-width:300px;}
.part3 ul.proul li p{ color: #fff;    font-size: 16px;    height: 40px;    line-height: 40px;    text-align: center;    background: #32323294;}

/*新闻资讯*/
.news_index{margin: 60px auto;
   width: 1200px;  
}

.news_company{ 
    height: 213px;
}

.news_company li{ 
}

.news_company li .ww{ float: left;
    width: 209px;
    height: 213px;
    background: url(../images/company_bg.png) no-repeat center center;
    text-align: center;
}

.news_company li .ww h3{
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    padding-top: 45px;
}

.news_company li .ww h4{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 5px;
}

.news_company li .ww span{
    display: block;
    font-family: "Arial";
    font-size: 18px;
    margin-top: 35px;
     color: #fff;
     font-weight: bold;
}

.news_company li .ww h5{
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.news_company li .img{
    float: left;
    width: 390px;
    height: 213px;
}

.news_company li .time{
   float: right;
    width: 551px;
    height: 163px;
    background: #212429;
    padding: 25px;
}

.news_company li .time h3{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.news_company li .time span{
    display: block;
    color: rgba(255,255,255,.41);
    font-size: 13px;
    line-height: 25px;
}

.news_company li .time a{
    display: block;
    color: #ff8300;
    font-size: 13px;
    width: 134px;
    line-height: 34px;
    border: 1px solid #ff8300;
    border-radius: 30px;
    padding-left: 25px;
    margin-top: 20px;
    position: relative;
}

.news_company li .time a::before{
    position: absolute;
    right: 20px;
    top: 12px;
    width: 11px;
    height: 9px;
    background: url(../images/jt.png) no-repeat center center;
    content: "";
}


/*news_wap*/
.news_wap{ clear: both;
    position: relative;
    padding-bottom: 45px;
}

.news_aa{
    float: left;
    width: 600px;
}

.news_bb{
    float: right;
    width: 598px;
    border-left: 1px solid #f0f0f0;
}


.news_tst{
    height: 114px;
    position: relative;
    background: #f9f9f9;
}

.news_tst h3{
    padding-left: 100px;
    color: #ff8300;
    font-size: 20px;
    line-height: 114px;
    background: url(../images/news_ttt1.png) no-repeat 30px center;
}

.news_tst h3 span{
    font-family: "Arial";
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    padding-left: 15px;
}

.news_zhishi{ width: 600px;  box-sizing: border-box;
    position: relative;
    padding: 20px 40px 30px 30px;
    background: #fff;
}

.news_cc{ width: 545px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.news_cc li h3{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 15px;
}

.news_cc li h3 a{
    display: block;
     font-size: 16px;
    color: #333333;
    font-weight: 400;
}
.news_cc li:hover h3 a{
    color: #ff8300;
}

.news_cc li span{
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    line-height: 25px;
}

.news_cc li span a{
    color: #ff8300;
}

.news_dd{
    position: relative;
}

.news_dd li{
    line-height: 55px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 30px;
}

.news_dd li::before{
    position: absolute;
    left: 5px;
    top: 25px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #909090;
    content: "";
}

.news_dd li a{
    display: block;
    color: #333333;
    font-size: 16px;
}

.news_dd li span{
    display: block;
    font-family: "Arial";
    font-size: 14px;
    color: #aaaaaa;
    position: absolute;
    right: 0px;
    top: 0px;
}
.news_dd li:hover a,.news_dd li:hover span{
    color:#ff8300;
}



.part5{ width:1200px; margin:0 auto; padding-top:60px}
.marqueeleft{width:1200px;overflow:hidden; margin-top:20px}
.marqueeleft ul{float:left;}
.marqueeleft ul li{width: 278px;margin-right: 20px;float: left;border: 1px solid #333333;background-color: #333;}
.marqueeleft ul li .pro{width: 278px;height: 200px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.marqueeleft ul li .pro img{vertical-align:middle;max-height:200px; max-width:278px}
.marqueeleft ul li p{ text-align:center;line-height: 35px;color: #fff;font-weight: bold; padding:0 15px}


 
.fnav{width:100%; min-width:1200px;height: 45px;line-height: 45px;background: #333333; overflow:hidden; margin-top:10px}
.fnav .main{ overflow:hidden; text-align:center}
.fnav .main a{margin: 0px 25px; color:#fff;font-size: 14px;font-weight: bold;}


.footbox{width:100%; min-width:1200px;background: #000;padding: 30px 0px;}
.footbox .con{ text-align:center;color: #FFFFFF;line-height: 30px;}
.footbox .con a{color: #FFFFFF; }

.mainWarp{ width:1200px; margin:0 auto; overflow:hidden; padding-top:60px; padding-bottom:20px}

.mainleft{ float:left; overflow:hidden; width:260px;}
.mainleft .typebox{float: unset;}
.mainleft .titbox0{ background:#f67903; height:40px; line-height:40px;}
.mainleft .titbox0 p{ color:#fff; padding-left:15px; font-size:16px; font-weight:bold}

.lxwm{ overflow:hidden; margin-top:10px;}
.lxwm .con{ line-height:33px; overflow:hidden;border: 1px #e4e4e4 solid; padding:5px 10px}

.mainright{ float:right; overflow:hidden; width:920px;border: 1px #e4e4e4 solid;margin-top: 5px;padding-bottom: 5px;}

.brandnavbox{ height:40px; line-height:40px; border-bottom:3px solid #f67903; overflow:hidden}
.brandnavbox .con{ padding-left:15px}

/*优势*/
 




ul.piclistul{ overflow:hidden; padding-bottom:20px; padding-top:10px}
ul.piclistul li{width: 220px;float: left;margin-left: 8px;margin-top: 10px;}
ul.piclistul li .pro{ width:220px;  overflow:hidden}
ul.piclistul li .pro img{width:220px; transition: all 0.5s;}
ul.piclistul li .pro:hover img{transform: scale(1.1);}
ul.piclistul li p{ text-align:center; height:30px;line-height: 30px;}
ul.piclistul li p:hover{ color:#f67903}


ul.listul{ padding:10px; overflow:hidden; padding-bottom:20px}
ul.listul li{height: 40px;line-height: 40px; border-bottom: 1px #e6e6e6 dashed;background: url(../images/icon.png) no-repeat 5px center;}
ul.listul li a{ float:left; max-width:720px; padding-left:30px}
ul.listul li a:hover{ color:#f67903}
ul.listul li span{ float:right;}

.detailbox{padding:10px; overflow:hidden; padding-bottom:20px}
.detailbox .xq{}
.detailbox .xq .tit{text-align: center;line-height: 40px;font-size: 14px;font-weight: bold;margin-top: 20px;}
.detailbox .xq .date{ text-align:center; line-height:30px;}
.detailbox .xq .proimg{ margin:0 auto; display:block; max-width:700px; margin-top:10px}
.detailbox .xq .con{ line-height:33px; padding:8px; overflow:hidden}
.detailbox .xq .con p{ text-indent:2em}

.tjbox{ overflow:hidden}
.tjbox .titbox{height: 40px;line-height: 40px; overflow:hidden;border-bottom:1px solid #f67903;}
.tjbox .titbox p{font-size: 14px; padding-left:15px}
.tjbox ul{ overflow:hidden; padding:10px 0}
.tjbox ul li{width: 440px;float: left;margin-left: 12px;height: 30px;line-height: 30px;border-bottom: 1px #e4e4e4 dashed;background: url(../images/icon.png) no-repeat 5px center;}
.tjbox ul li a{ float:left; max-width:270px; padding-left:30px}
.tjbox ul li span{float:right;}
.tjbox ul li a:hover{ color:#f67903}



.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}





.table{ height: auto;width: 930px; }
.table ul {height: 32px;width: 930px;}
.table ul li:hover{ height: 30px;width: 85px;  color:#6A97C7;}
.table ul li{ float: left;height: 30px; width: 85px; border: 1px solid #E4E4E4; line-height:30px; text-align:center; white-space: nowrap;
    text-overflow: ellipsis;    overflow: hidden; }
.table ul .xxdh{ height: 30px;width: 140px; white-space: nowrap;
    text-overflow: ellipsis;    overflow: hidden;    height: 30px;    }
.table ul .xxdh:hover{ height: 30px;width: 140px; }
.table ul li a{  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #000;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 130px;}
.liebiao1{height: 30px;width: 930px;}
.liebiao1:hover{ background:#B8B7B7; width:930px;  }
.Right_bottom { margin:0 auto;
    width: 90%;
    margin-top: 10px;
}
.Right_bottom li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-bottom: 2px;
    width: 100%;
}
.bgblue {
    background-color: #F4F4F4;
}
.bggrey {
    background-color: #E4E4E4;
}
.Ename {
    background-color: #B9B9B9;
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 320px;
    color: #333;
    font-size: 12px;
}
.EnameList {
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 360px;
    color: #333;
    font-size: 12px;
}

/*Ã¥Å¾â€¹Ã¥ÂÂ·Ã¨Â¯Â¦Ã¦Æ’â€¦Ã¨Â¡Â¨Ã¦Â Â¼*/
.jn2 {  width: 100%;} 
.jn1 {  clear: both;    border: 1px solid #d3d3d3;}
.jn1 li { 
    text-align: center;
    float: left;
    width: 49.7%;
    height: 36px;
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #d3d3d3;

}

.jhs {    color: #0d55d8;}








