@charset "utf-8";
html{background:#fff;overflow:auto;}
body{min-width:1200px; font-size:14px; line-height: 26px; font-family: "Acumin Pro Condensed Medium"; background: url("../Image/colorline.jpg") repeat-x top; color:#666; -webkit-font-smoothing: antialiased; }
li{ list-style-type:none;transition:all 0.4s linear 0s;}
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;transition:all 0.4s linear 0s;}
a:hover{ text-decoration:none;color:#ff4f20;}
a:focus{-moz-outline-style:none; border:0px;blr:expression(this.onFocus=this.blur());}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img {border:0}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
table{border-collapse:collapse; border-spacing:0;}
.clear20{height:20px;overflow:hidden;clear:both;}
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.mt10{ margin-top:10px;}

.navlist {
    width: 1200px;
    height: 50px;
    display: block;
	margin:0 auto;

}

.nav_out {
    width: 1200px;
	margin:0 auto
}

.tem_head nav {
    width: 1200px;
    position: absolute;
    height: 50px;
    line-height: 50px;
}

.tem_head nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tem_head nav ul li {
    position: relative;
    float: left;
    width: 148px;
}

.tem_head nav ul li span {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.8
}


.tem_head nav a {
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    height: 50px;
}

.tem_head nav .b01 {
    color: #232323;
}

.tem_head nav a:hover {
    color: #fff;
	background: #FFA200;

}

.tem_head nav a.navdown {
    color: #0b3f95;
}

.tem_head nav a.navdown:hover {
    color: #0b3f95;
}

.tem_head nav ul li dl {
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 99;
    display: none;
    background: rgba(0, 0, 0, 0.6);
	width:198px;
}

.tem_head nav ul li dl dd {
    float: left;
    padding: 10px 0;
    min-width: 198px;
}

.tem_head nav ul li dl dd a {
    margin: 0 10px;
    padding: 0;
    padding: 8px 5px;
    text-align: center;
    line-height: 1.5;
    height: 23px;
    font-size: 14px;
    color: #fff;
}

.tem_head nav ul li dl dd a:hover {
    color: #fff;

}

.tem_head nav ul li:hover>dl {
    display: block;
}

.tem_head nav ul li dl dt {
    float: right;
    overflow: hidden;
    padding: 20px 20px 20px 0;
    width: 380px;
    height: 200px;
    font-size: 0;
}


.tem_head nav ul li dl dt img {
    width: 380px;
    height: 200px;
}


.tem_head nav ul li dl dd i {
    position: absolute;
    top: -15px;
    left: 50px;
    z-index: 100;
    width: 100%;
    color: #f3f4f5;
    font-size: 22px;
}



.tem_head nav ul li dl.tem_pronoaw {
    width: auto;
}

.tem_head nav ul li dl.tem_pronoaw dd {
    width: auto;
}

.tem_head nav ul li dl.tem_pronoaw dd div {
    float: left;
    padding: 0 20px;
    min-width: 100px;
}

.tem_head nav ul li dl.tem_pronoaw dd div h3 {
    margin-bottom: 5px;
    border-bottom: 1px solid #888;
    font-weight: normal;
}

.tem_head nav ul li dl.tem_pronoaw dd div p a {
    margin: 0;
}




sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
select,button{font-family: "Acumin Pro Condensed Medium"; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; padding: 0; margin: 0;}
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ zoom:1;}
.container { width:1200px; position:relative; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
/*top*/

#top{ width: 100%; height: 90px; padding-top: 15px; overflow: hidden;}
.phone{ background: url("../Image/phone_title.png") no-repeat top center; font-size: 26px; color: #ec293b; font-weight: bold; padding-top: 30px;}
#nav{ background: #0078BB; height: 50px;}
.nav li{ width: 129px; float: left;}
.line{ width: 1px; height: 8px; float: left; background: #FFF; margin-top: 20px;}
.nav li a{ width: 129px; height: 48px; display: block; float: left; font-size: 14px; color: #FFF; text-align: center; line-height: 48px;}
.nav li a:hover{ background: #FFA200;}
.banner{ width:100%; white-space:nowrap; margin:0 auto; overflow:hidden;  position:relative; z-index:1; }
.slideBox{ overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:70px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; border-radius: 50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; opacity:0.2;}
.slideBox .hd ul li.on{ background:#FFA200; color:#0294df;opacity:1;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ display:block; width: 100%;margin-left: auto; margin-right: auto; }


.w_1200{width:1200px;margin:auto;}
.in_keyword{width:700px;float:left;font-size:13px;line-height:30px;color:#999;margin-left:30px;}
.in_keyword a{font-size:13px;color:#666;}
.in_search{width:320px;float:right;margin-right:30px;}
.in_search form input{border-left:1px solid #96ccbc;border-top:1px solid #96ccbc;border-bottom:1px solid #96ccbc;border-right:0;width:180px;float:left;height:30px;line-height:30px;padding:0 10px;font-size:14px;}
.in_search form button{border:1px solid #96ccbc;background:#666;color:#fff;line-height:32px;height:32px;float:left;padding:0 30px;font-size:14px;}


/*index*/
#cont1{ width: 100%; height: auto; overflow: hidden; padding-top: 40px;}
.prolist_title1{ text-align: center; background: url("../Image/product_title1.png") no-repeat center top; padding-top: 10px;}
.prolist_title1 h3{ font-size: 24px; color: #333333;}
.prolist_title1 h4{ font-size: 12px; color: #666666;  text-transform: uppercase; line-height: 24px;  }
.prolist_title1 h5{ font-size: 12px; color: #999999;letter-spacing:3px; line-height: 14px;  }


.inprolist_con{ width: 100%; overflow: hidden; padding-top: 25px;}
.inprolist_con ul{ width: 1200px; margin:0 auto}
.inprolist_con ul li{ width: 280px; height: 48px; float: left; margin-right: 15px; margin-bottom:15px; border: 1px solid #C8C8C8;}
.inprolist_con ul li img{ width: 42px; height: 46px; display: block; float: left; margin: 5px 10px 0 10px; }
.inprolist_con ul li a{ font-size: 15px; color: #666666; line-height: 48px;}
.inprolist_con ul li:hover{ border: 1px solid #FFA200;}
.inprolist_con ul li a:hover{ color: #FFA200;}



.procon{ width:1280px; margin:0 auto;}
.inprolist{width:273px; background:#0070BC; line-height:70px; font-size:24px; text-align:center; color:#fff; margin-bottom:20px}
.prolist_con{ width: 280px; overflow: hidden; padding-top: 25px; float:left; margin-right:20px}
.prolist_con ul{ width: 280px; margin:0 auto}
.prolist_con ul li{ width: 270px; height: 28px; float: left; margin-right: 15px; margin-bottom:5px; border: 1px solid #C8C8C8;}
.prolist_con ul li img{ width: 22px; height: 26px; display: block; float: left; margin: 2px 2px 0 2px; }
.prolist_con ul li a{ font-size: 15px; color: #666666; line-height: 28px;}
.prolist_con ul li:hover{ border: 1px solid #FFA200;}
.prolist_con ul li a:hover{ color: #FFA200;}
.product{ width: 100%; height: auto; overflow: hidden; padding-top: 40px;}

.film_focus{width:1200px;overflow:hidden;position:relative;margin:2px auto; height:650px;}
.film_focus .film_focus_imgs_wrap{ width:1200px;  overflow:hidden;}
.film_focus ul.film_focus_imgs{height:auto;position:absolute;right:0;overflow:hidden;width:1200px;}
.film_focus ul.film_focus_imgs li{overflow:hidden; width:1200px;height:auto; bottom:0; margin:5px 0;}
.film_focus ul.film_focus_imgs li img{height:268px;width:389px; border:1px #CCCCCC dotted}
.film_focus ul.film_focus_nav{width:195px;position:absolute;left:0;top:120px;z-index:100;}
.film_focus ul.film_focus_nav li{width:172px;height:100px;left:0px;padding:0px 10px;word-break:break-all;color:#000;font-size:22px;overflow:hidden;line-height:100px; background:#e3e3e3; border-left:solid 1px #d7d7d7; border-right:solid 2px #ddd; border-bottom:solid 1px #d7d7d7; text-align:center;}
.film_focus ul.film_focus_nav li.cur{width:172px;left:0px;padding:0px 10px;word-break:break-all;color:#fff;overflow:hidden;line-height:105px; background: #0066CC; cursor:pointer; border-left:solid 1px #0066CC; border-right:solid 2px #0066CC;border-bottom:solid 1px #0066CC;}
.film_focus ul.film_focus_nav li b{display:none;height:105px;width:170px;float:left;}
.film_focus ul.film_focus_nav li span img{ float:left; margin:35px 10px 0 10px;}
.film_focus ul.film_focus_nav li b p img{ float:left; margin:35px 10px 0 10px;}
.film_focus ul.film_focus_nav li.cur b{ font-weight:100;}

.film_focus ul.film_focus_nav li span.zhanl img{ float:left; margin:42px 10px 0 10px;}
.film_focus ul.film_focus_nav li b p{ line-height:105px; font-size:22px; color:#fff;}
.film_focus ul.film_focus_nav li b.zhanl p img{ float:left; margin:42px 10px 0 10px;}
.film_focus ul.film_focus_nav li p{ line-height:105px; color:#000; font-size:22px;}
.film_focus ul.film_focus_nav li span.huod img{ float:left; margin:25px 10px 0 10px;}
.film_focus ul.film_focus_nav li b.huod p img{ float:left; margin:25px 10px 0 10px;}
.film_focus ul.film_focus_nav li.cur b{display:block;vertical-align: middle;display: table-cell;height:105px;width:170px;float:left;}
.film_focus ul.film_focus_nav li.cur span{display:none;}
.film_focus ul.film_focus_nav li b p{ font-size:22px;}
.film_focus_imgs li dl dd{float:left;width:389px; height:298px; margin:0px 0 10px 10px; }
.film_focus_imgs li dl dd a{ width:389px; height:228px; display:block;}
.film_focus_imgs li dl dd a .mouse_s{width:389px; height:268px;}
.film_focus_imgs li dl dd a .mouse_s p{width:100%;bottom:15px; position:relative; line-height:40px; background:#d2d2d2; color:#333; font-size:14px; text-align:center;}
.film_focus_imgs li dl dd a .hover_s{width:389px; height:268px; position:relative;top:-990px;}
.film_focus_imgs li dl dd a .hover_s p{ background:#d2d2d2; color:#333; font-size:14px; text-align:center;}
.film_focus_imgs li dl dd a:hover p{ background: #FFA200; color: #FFF;}

.leftCont{ width:172px;left:0px;padding:25px 10px;word-break:break-all;color:#000;font-size:22px;overflow:hidden; background:#e3e3e3;
	border-left:solid 1px #d7d7d7; border-right:solid 2px #ddd; border-bottom:solid 1px #d7d7d7; text-align:center; }
.leftCont h5{ font-size: 22px; color: #333333; line-height: 55px;}
.leftCont p{ font-size: 14px; color: #666666; line-height: 26px; text-align:left}


.brill_ser{width:100%; height:510px; background:url(../Image/cont2_bg.jpg) center top no-repeat;}
.line30{ clear:both; font-size:0px; height:72px; overflow:hidden; }
.prolist_title2{ text-align: center; background: url("../Image/product_title1.png") no-repeat center top; padding-top: 10px;}
.prolist_title2 h3{ font-size: 24px; color: #000;}
.prolist_title2 h4{ font-size: 12px; color: #000;  text-transform: uppercase; line-height: 24px;  }
.prolist_title2 h5{ font-size: 12px; color: #000;letter-spacing:3px; line-height: 14px;  }
.wrap1142{ width:1200px; position:relative; margin:0 auto;}

.four_four{text-align:center;}
.four_four a{display:inline-block; font-size:18px; color:#fff; width:24%; padding-top:175px; }
.four_four a.for_f1{background:url(../Image/yuan1.png) top no-repeat;}
.four_four a.for_f2{background:url(../Image/yuan2.png) top no-repeat;}
.four_four a.for_f3{background:url(../Image/yuan3.png)  top no-repeat;}
.four_four a.for_f4{background:url(../Image/yuan4.png)  top no-repeat;}
.four_four a.for_f5{background:url(../Image/yuan5.png)  top no-repeat;}
.four_four a i{font-style:normal; font-size:12px; text-transform:uppercase;}
.four_four a:hover{
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}

#cont3{ width: 100%; height: auto; overflow: hidden; padding-top: 20px; padding-bottom: 0px;}
.company{ width: 100%; height: auto; overflow: hidden; background: url("../Image/company.jpg") no-repeat top;  padding-top: 125px;}
.company_con{ width:1150px; height: 250px; margin: 0 auto; background: url("../Image/company_con.png") no-repeat; padding: 20px 40px 0 40px;}
.company_title{ font-size: 22px; color: #0066CC; font-weight: bold; line-height: 40px;}
.company_title a{ font-size: 14px; color: #666666; float: right; font-weight: normal;}
.company_title a:hover{ color: #ffa200;}
.company_txt{ font-size: 16px; color: #333; line-height: 32px; padding-top: 10px;}

#cont4{ width: 100%; height:470px; }
.cont4{ padding-top: 20px;}
.news_con{ padding-top: 42px; width: 100%;}
.news_con ul{ width: 110%;}
.news_con ul li{ width: 380px; height: 300px; float: left; margin-right: 30px;}
.newsPic img{ border: 1px solid #AAAAAA;}
.newsTxt{ width: 338px; height: 118px; background: #FFF; border: 1px solid #DCDCDC; padding: 0 20px; position: relative;}
.newsTxt h3{ font-size: 12px; color: #d4d4d4; line-height: 24px;}
.newsTxt h4{ font-size: 16px; color: #666666; font-weight: bold;}
.newsTxt h5{ font-size: 14px; color: #999999;}
.newsTxt span{ width: 40px; height: 39px; display: block; background: url("../Image/newsli.jpg") no-repeat; position: absolute; right: 0; bottom: 0;}
.news_con ul li:hover .newsTxt{ background: #FFA200; border: 1px solid #FFA200;}
.news_con ul li:hover .newsTxt h4{ color: #FFF;}
.news_con ul li:hover .newsTxt h5{ color: #eeeeee;}
.news_con ul li:hover .newsTxt span{ background: url("../Image/newsli_hv.jpg") no-repeat;}



/*内页*/
.main{width:1200px;  overflow:hidden;margin:0 auto;}
.allcon{width:1200px; margin:0 auto;  overflow:hidden;}
.concompany{ width:100%;height:100%; overflow:hidden;float:right;}
.concompanycon{ width:100%; height:100%; padding-top:15px; overflow:hidden; margin:0 auto; padding-bottom:50px;}

.news2{width:900px; margin:0 auto;  overflow:hidden}
.news2 ul{}
.news2 ul li{width:900px; text-align:left; line-height:40px; border-bottom:1px #333 dotted}
.news2 ul li a{color:#333}


/*left*/
.allleft{ width:100%; height:100%; overflow:hidden;float:left;}
.prolist_con a:hover, .prolist_con li a.current{ }

.zx { width:224px; float:left;  overflow:hidden;}
.zx_top { background: url(../image/zx_top.gif) no-repeat; width:224px; height:98px; text-align:center;}
.zx_top h3 { padding-top:10px;}
.zx_top h3 a { font-size:24px; color:#016dd2;}
.zx_top span { text-transform:uppercase; color:#b0b0b0;}
.zx_con { width:200px; border:solid 2px #0f8cff; border-top:none; padding:0 10px;}
.zx_con h3 { background:url(../image/zx_top.gif) no-repeat; width:200px; height:28px; line-height:28px; margin-bottom:10px;}
.zx_con h3 a { font-size:12px; color:#fff; padding-left:35px;}
.zx_con ul { padding-bottom:15px;}
.zx_con ul li { height:31px; line-height:31px; background:url(ico01.gif) no-repeat 5px 13px; padding-left:18px; border-bottom: solid 1px #e4e4e4;}

.fenlei { background-color:#276bb3; position:relative; clear:both;margin-top:35px; height:30px; line-height:30px; text-indent:20px; font-size:14px; font-weight:bold; color:#FFFFFF}
.pclass_1{ background:url(../image/zx_h3.gif) no-repeat; width:200px; height:28px; line-height:28px; margin-bottom:10px;}
.pclass_1 a{font-size:12px; color:#fff; padding-left:35px;}
.pclass_1_2{height:31px; line-height:31px; background:url(../image/ico01.gif) no-repeat 5px 13px; padding-left:18px; border-bottom: solid 1px #e4e4e4;}
.pclass_1_2 a{}


.cp_con { width:980px; padding:5px 0 0; float:right; margin-top:25px}
.cp_con ul li { float:left; width:290px; padding:0 0px 28px 9px;}
.cp_con ul .nobor01 { padding:0 0 18px 0;}
.cp_con ul li img { border:solid 1px #d8d8d8; width:290px; height:225px;}
.cp_con ul li img:hover { border:solid 1px #055ae8;}
.cp_con ul li span { display:block; height:30px; line-height:30px; text-align:center;}



/*end*/
#end2{ width: 100%; height: 40px; background: #003366; line-height: 40px;}
.end2 h5{ float: left; font-size: 12px; color: #ADADAD;}
.end2 h6{ float: right; font-size: 12px; color: #ADADAD;}
.end2 a{ color: #ADADAD;}
.end2 a:hover{ color: #FFF;}

.footnav{ width:100%; height:30px;color:#999;  background:#003058; }
.footnavUL{color:#FFFFFF;}
.footnavUL li{ width:100px; float:left; text-align: center;line-height:30px;color:#FFFFFF;}
.footnav a{ color:#FFFFFF;}
.footcon{ width:1200px; margin:0px auto; overflow:hidden; padding:20px 0px}
.fl{ width:200px; text-align:left; line-height:30px;}
.fl a{ color:#fff; font-size:13px}
.f2{ width:400px; float:left; text-align:left; line-height:30px;font-size:13px}
.fr2{width:130px; margin:0px auto; overflow: hidden; float: right ; }





/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;border-radius:5px; background:#333333;}
#cs_box {width:120px; height:220px; color:#FFF; background:#54a7ff; position:fixed; right:10px; top:100px; border-radius:10px; z-index:1000}
#cs_box span {height:20px; line-height:20px;display:block;}
.cs_close {color:#FFF; position:absolute; right:10px; top:8px; cursor:pointer; font-size:20px;font-family: "Acumin Pro Condensed Medium"}
.cs_title {font-size:14px; margin:10px; font-weight:bold;}
.cs_img {width:100px; height:100px; background:#FFF; margin:10px;background-image:url(../Image/xixi.jpg) }
.cs_info {font-size:12px; margin:0px 10px; overflow:hidden; text-align:center;}
.cs_btn {width:100px; height:25px; background:#333; margin:5px 10px; border-radius:5px; font-size:12px; line-height:25px; color:#FFF; text-align:center; cursor:pointer;}