/*reset部分开始*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	background:#fff;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{ text-decoration:none;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
img{ border:0px;}
em{ font-style:normal;}
strong{ font-weight:normal;}
b{ font-weight:normal;}
body{ font-size:12px;}


textarea{ background:#fff;}
select{ background:#fff;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}

.clearfix:after
        {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: ".";
            clear: both;
            height: 0;
        }

        * html .clearfix
        {
            zoom: 1;
        }
        *:first-child + html .clearfix
        {
            zoom: 1;
        }


button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none ;
padding:0;
}

i,em{font-style:normal;}
body{font-family:'Microsoft YaHei',"SimSun",Arial,sans-serif;font-size:12px;color:#333;}

/*reset部分结束*/



@media (min-width: 1100px) { 


.footnav{ display: none; }


.formbox{ width: 750px; margin: 0 auto; padding: 40px 0px; border-top: 1px solid #ddd; }
.formbox p{ font-size: 16px; line-height: 24px; text-align: justify; }
.formbox p span{ color: #036bdc; font-weight: bold; }
.inptil{ line-height: 32px; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
.inpbox{ width: 100%;  }
.inpbox input,.inpbox textarea{ width: 100%; padding: 8px 10px; font-size: 16px; }
.inpbtn{ width: 120px; height: 30px; margin-top: 20px; }


.header_bg{width:100%;height:130px;background:url(../images/header_bg.jpg) no-repeat top center; background-size: 100% 100%; }
.header_top{width:1100px;margin:0 auto;padding:30px 0;}
.logo{float:left;width:500px;}
.logo a{display:block;}
.logo img{width:auto;height:70px;}
.tel{float:right;width:400px;text-align:right;}
.tel dt{height:30px;line-height:30px;overflow:hidden;}
.tel dt a{font-size:16px;color:#323232;padding:0 10px;}
.icon_china{display:inline-block;width:23px;height:15px;padding-right:5px;background:url(../images/icon_china.jpg) no-repeat left center;vertical-align:middle;}
.icon_en{display:inline-block;width:23px;height:15px;padding-right:5px;background:url(../images/icon_en.jpg) no-repeat left center;vertical-align:middle;}
.tel dt em{vertical-align:middle;}
.tel dd{margin-top:15px;height:26px;line-height:26px;overflow:hidden;font-size:26px;color:#036bdc;}
.tel dd span{font-size:16px;color:#646464;padding-right:10px;}
/*导航部分*/
.nav{width:1100px;margin:0 auto;}
.nav li{float:left;width:130px;text-align:center;position:relative;}
.nav li .nav_a{display:block;border-right:1px solid #969696;font-size:14px;color:#323232;height:16px;line-height:16px;overflow:hidden;margin:27px 0;}
.nav li:last-child .nav_a{border-right:0;}
.nav li:hover{background:#036bdc;margin-left:-1px;}
.nav li:hover .nav_a{color:#fff;border:0;}
.nav_list{position:absolute;top:70px;left:0;z-index:99;}
.nav_list a{display:block;height:40px;line-height:40px;overflow:hidden;width:130px;text-align:center;border-bottom:1px dashed #d6d7dc;font-size:14px;color:#646464;background:#fff;}
.nav_list a:hover{background:#464646;color:#fff;border-bottom:0;}
.nav_list a:last-child{border-bottom:0;}
/*幻灯片部分*/
#playBox{ width:100%; height:520px; margin:0px auto;position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li a{display:block;text-align:center;}
#playBox .oUlplay li img{height:520px;width:100%;}
#playBox .pre{ cursor:pointer; width:32px; height:64px; background:url(../images/l.png) no-repeat; position:absolute; top:228px; left:12%; z-index:10;}
#playBox .next{ cursor:pointer; width:32px; height:64px; background:url(../images/r.png) no-repeat; position:absolute; top:228px; right:12%; z-index:10;}
#playBox .small_bg{width:100%; height:40px; position:absolute; bottom:0px; z-index:9;background:#000;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
#playBox .smalltitle {width:100%; height:40px; position:absolute; bottom:0px; z-index:10;}
#playBox .smalltitle ul{ width:120px; margin:14px auto;}
#playBox .smalltitle ul li{ width:12px; height:12px; margin:0 5px; border-radius:100%; background:#778fa9; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{background:#fff;}
.kef{position:absolute;right:0;top:120px;}
.kef a{display:block;width:70px;background:#031037;margin:5px 0;padding:5px 0;}
.kef p{padding:5px 0;text-align:center;}
.kef p img{width:24px;height:auto;}
.kef h3{height:28px;line-height:28px;overflow:hidden;font-size:14px;color:#fff;text-align:center;}

.container{width:1100px;margin:0 auto;}
.item_title{margin-top:50px;height:50px;line-height:50px;overflow:hidden;padding:0 10px;font-size:16px;color:#505050;background:#f0f0f0;font-weight:bold;position:relative;}
.item_title b{font-size:22px;padding-right:15px;}
.item_title a{display:block;position:absolute;top:0;right:10px;font-size:14px;color:#646464;font-weight:normal;}
.item_title a:hover{text-decoration:underline;}
.us_con{padding:20px 0;}
.us_left{float:left;width:820px;}
.us_img{float:left;width:300px;}
.us_img img{width:300px;height:210px;}
.us_text{float:right;width:500px;height:210px;overflow:hidden;text-overflow: ellipsis;}
.us_text p{font-size:14px;color:#646464;line-height:220%;margin-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.mobil{float:right;width:250px;}

.pro_title{width:1100px; padding:20px 0;}
.pro_title li{float:left;width:120px; padding: 0px 8px;}
.pro_title span{display:block;width:100%;text-align:center;border:1px solid #d6d7dc;height:36px;line-height:36px;overflow:hidden;font-size:14px;color:#646464;cursor:pointer;}
.pro_title .hdm_01{background:#036bdc;color:#fff;}
.pro_title .bg_block{background:#036bdc;color:#fff;}
.pro_ul{width:1130px;}
.pro_ul li{float:left;width:282px;}
.pro_ul a{display:block;width:252px;border:1px solid #d6d7dc;margin:10px 0;}
.pro_ul p img{width:252px;height:236px;}
.pro_ul h2{height:40px;line-height:40px;overflow:hidden;background:#f0f0f0;text-align:center;font-size:14px;color:#646464;}


.appinfor{ display: none; }
.apppro{ display: none; }
.appus{ display: none; }


.infor{width:1100px; overflow: hidden;}
.news100{ width: 60px; height: 20px; float: left;}
.news{float:left;width:520px;}
.news .item_title{width:500px;}
.infor_ul{width:520px;padding:10px 0;}
.infor_ul li{height:50px;line-height:50px;overflow:hidden;border-bottom:1px dashed #d6d7dc;padding-left:30px;background:url(../images/infor_bg.png) no-repeat 10px center;position:relative;}
.infor_ul a{display:inline-block;width:380px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px;color:#646464;}
.infor_ul span{position:absolute;top:0;right:10px;font-size:14px;color:#646464;}

.case_list{width:1120px;padding:20px 0;}
.case_list a{display:block;float:left;width:160px;_width:159px;}
.case_list img{width:138px;height:150px;border:1px solid #d6d7dc;}

.mr_frbox { height: 60px;padding: 30px 10px; }
.mr_frBtnL { float: left; margin: 8px 10px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 60px; width: 1020px; }
.mr_frBtnR { float: right; margin-top: 8px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left;width:170px; overflow: hidden;text-align:center;}
.mr_frUl ul li a{display:block;width:148px; border: 1px solid #d6d7dc;margin:0 10px;}
.mr_frUl ul li a:hover{border-color:#036bdc;}
.mr_frUl ul li img {width:148px;height:58px;}

.footer_wrap{margin-top:50px;background:#e6e6e6;}
.footer{width:1100px;margin:0 auto;padding:30px 0;}
.footer_logo{float:left;width:310px;text-align:center;}
.footer_logo a{display:block;}
.footer_logo img{width:240px;height:auto;}
.footer_text{float:left;width:600px;border-right:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
.footer_nav{padding:0 20px;}
.footer_nav li{float:left;width:70px;text-align:center;}
.footer_nav a{display:block;margin:10px 0;height:14px;line-height:14px;overflow:hidden;font-size:12px;color:#646464;border-right:1px solid #969696;}
.footer_nav a:hover{text-decoration:underline;}
.footer_nav li:last-child a{border:0;}
.footer_tel{padding:10px 30px;}
.footer_tel p{line-height:18px; padding: 3px 0px;font-size:12px;color:#646464;}
.copy{padding:0px 50px; line-height:24px;overflow:hidden;font-size:12px;color:#646464;}
.erwm{float:right;width:180px;text-align:center;}
.erwm img{width:142px;height:auto;}


/***左右***/
a{ color: #333333;}
a:hover{ color: #036bdc;}
.mainban{ height: 240px; width: 100%;margin:0 auto; background-position:top center;background-repeat: no-repeat; }


.main{width:1100px;margin:0 auto; }

.leftnav{ width: 278px; height: 100%; height: auto !important; min-height: 300px; border: #d6d7dc 1px solid; float: left; }
.leftnav ul{ padding-bottom: 50px;}
.leftnav ul li{display: block; height: 50px; line-height: 50px; border-bottom: 1px dashed #d6d7dc; overflow: hidden; }
.leftnav ul li.navtil{ border-bottom: none; padding-left: 50px; font-size: 20px; color: #FFFFFF; height: 70px; line-height: 65px; padding-top: 5px; background-color: #036bdc;}
.leftnav ul li a{ font-size: 16px; padding-left: 50px; color: #333333; display: block;width: 100%;height: 100%;}
.leftnav ul li a:hover{ background-color: #464646; color: #FFFFFF;}

.navcontact{ padding-bottom: 60px;}
.navcontact strong{display: block; margin-bottom: 15px; padding-left: 50px; line-height: 50px;font-size: 18px;background-color: #036bdc; color: #FFFFFF;}
.navcontact p{ font-size: 14px; color: #333333; margin-bottom: 10px; padding-left: 50px; padding-right: 5px; line-height: 24px;}

.rightcon{ width: 820px; float: right; }

.contil{ padding-left: 30px; font-size:18px; height: 70px; line-height: 65px; padding-top: 5px;border-bottom: 1px dashed #d6d7dc; }
.connav{ float: right; font-size: 14px; color: #999999; margin-top: 20px;}
.connav a{ color: #999999;}
.maincon{ padding: 20px; line-height: 24px; font-size: 14px; padding-bottom: 50px; }


.listcon{ padding: 20px; line-height: 24px; font-size: 14px; padding-bottom: 30px; }
.listcontop{position: relative; padding-left: 290px; height: 190px; border-bottom: 1px dashed #d6d7dc;}
.listcontop img{position: absolute; left: 0px; width: 260px; height: 175px;}
.listcontop a{ font-size: 16px; font-weight: bold; line-height: 48px; height: 48px; display:block;  overflow: hidden;}
.listcontop p{text-align:justify; text-justify:inter-ideograph;}

.listcon ul{}
.listcon ul li{ font-size: 16px;list-style-type:disc; list-style-position:inside; color: #666666; line-height: 50px;}
.listcon ul li a{ color: #666666;}
.listcon ul li a:hover{ color: #036bdc;}
.listcon ul li span{ float: right; color: #999999;}

.listpage{ padding: 0px 20px 20px 20px; line-height: 24px; font-size: 14px; padding-bottom: 50px; font-size: 14px; }
.listpage a{ display: inline-block; padding: 2px 8px; border: #d6d7dc 1px solid;}
.listpage b{display: inline-block; padding: 0px 8px; font-weight: bold;}

.newstil{ padding: 20px; line-height: 24px; text-align: center; font-size: 14px; padding-bottom: 10px;}
.newstil h1{ font-size: 18px; font-weight: bold; line-height: 52px;}
.newstil p{ color: #999999;}
.newscon{ padding: 20px; line-height: 24px; font-size: 14px; padding-bottom: 20px;}
.newspn{ padding: 20px; line-height: 36px; font-size: 14px; padding-bottom: 30px;}

.newspic{ padding: 10px 20px; text-align: center;  }
.newspic img{ width: auto; max-width: 350px; height: auto; }
.newspic p{ line-height: 36px; font-size: 16px;color: #FF0000; font-weight: bold;  }

.listpic{ padding: 20px; line-height: 24px; font-size: 14px; padding-bottom: 30px; }
.listpic ul{}
.listpic ul li{ float: left; width: 240px; border: #d6d7dc 1px solid; margin: 5px 9px 10px 9px; }
.listpic ul li img{ width: 240px; height: 150px;}
.listpic ul li a{ background-color: #f0f0f0; display: block; text-align: center;line-height: 36px;}
.listpic ul li p{ background-color: #f0f0f0; line-height: 24px;padding-bottom: 10px;}
.listpic ul li p a{ color: #036bdc; line-height: 24px; }


/*==============焦点图================*/
.box_swipe{ display: none; }
#main_promo{height:520px; width:1920px; margin-left:-960px; position:relative;  top:0;  left:50%; overflow:hidden; z-index:0; }
.promoWD{width:100%; overflow: hidden; margin:0 auto; position:relative; }
.slide{display:block; float:left;  width:1920px;}
#dots{height:13px; width: 100%;  position: absolute; bottom:13px;  z-index:99;}
#dots ul{ margin: 0 auto; width: 200px; margin: 0 auto; }
#dots li{ width:23px; height:13px; float:left; }
#dots li a{ width:10px; display:block; height:10px; border-radius: 5px; background-color:#666666; border:1px solid #FFFFFF;}
#dots li.act a{background-color:#036bdc;}
/*==============焦点图 end================*/

/*固定的悬浮窗*/
.yb_conct{position: fixed;z-index: 9999999;top: 130px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li{width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top{background: #036bdc url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background: #036bdc url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent: 0;background: #036bdc url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{/*height:200px;*/background: #036bdc url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding: 0 29px 25px 29px;}
.yb_QQ a{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}


.ditu_ti{ width:100%; height:auto;}
.ditu_ti h3{ width:100%; font-size:14px; font-weight:bold; color:#000; line-height:25px;}
.ditu_ti p{ width:100%; line-height:24px; color:#666;}
.ditu_ul{ clear:both;}
.ditu_ul li{ width:100%; float:left; height:22px; line-height:22px; color:#333333;}

.footformtil{ display: none; }
.footformbox{ display: none; }


}


