@charset "gb2312";
/* CSS Document */
html{ padding:0; margin:0; overflow-x:hidden;}
body,ul,li,p,h1,h2,h3,form,fieldset,table,td,img{ margin:0px; padding:0px; border:0px;}
body{font-size:12px;font-family:'\5FAE\8F6F\96C5\9ED1';}
ul{list-style-type:none;}
a{text-decoration:none; color:#555;}
a:hover,a:active{ text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{clear:both;}
.banner{ position:relative; width:auto; margin:0; padding:0; height:400px;}
.banner #box{ width:1000px; height:400px; margin:0 auto;  position:relative; overflow:hidden;}
.ban_mb{ display: none;}

.fous{ position:absolute; width:auto; margin-left:-960px; left:50%; top:0; padding:0; height:400px;}
.ser_top{ width:1200px; margin:0 auto; padding:60px 0 0 0;}
.top_contact{ background:url(../images/ser/top1bg.jpg) no-repeat center 0; margin:50px 0; height:130px; font-size:20px; color:#fff; padding:125px 150px 0 285px; line-height:40px;}
.moshi_img{ text-align:center;}
.main01,.main03{ width:1200px; margin:60px auto;}
.m_title_left{ float:left; width:106px;}
.m_title_right{ float:right; width:1070px;}
.m_title_right h1,.m_title1_left h1{ font-size:45px; color:#484848; border-bottom:1px #d6d6d6 solid; padding-bottom:10px;}
.m_title_right p,.m_title1_left p{ font-size:18px; color:#767676; padding-top:10px;}
.main01_contact{ margin:50px auto;}
.main01_left{ float:left; width:510px; margin-left:100px;}
.main01_right{ float:right; width:280px;background:url(../images/ser/renwu1.jpg) no-repeat center 0; height:416px; font-size:22px; color:#fff; line-height:40px; padding-top:45px; padding-left:48px; margin-right:100px; }
.main02{ width:1200px; margin:0 auto;}
.m_title1_left{ float:left; width:1070px;}
.m_title1_right{ float:right; width:106px;}
.m_title1_left h1,.m_title1_left p{ text-align:right;}
.main01_contact{ margin-top:60px;}
.main02_left{ float:left;  width:255px;background:url(../images/ser/renwu2.jpg) no-repeat center 0; height:416px; font-size:22px; color:#fff; line-height:40px; padding-top:45px; padding-left:73px; margin-left:100px;}
.main02_right{ float:right; width:576px; font-weight:bold; margin-right:30px;}
.main02_right span{ display:block; font-size:15px; line-height:24px; color:#5b5b5b; font-weight:normal;}
.main02_right li{ font-size:22px; color:#014099; height:104px; margin:10px 0 50px 0; line-height:40px; padding-left:140px;}
.main02_right li.d1{background:url(../images/ser/img01.jpg) no-repeat 0 center;}
.main02_right li.d2{background:url(../images/ser/img02.jpg) no-repeat 0 center;}
.main02_right li.d3{background:url(../images/ser/img03.jpg) no-repeat 0 center;}
.main04bg{ background: #ff0 url(../images/ser/f4bg.jpg) repeat-x 0 0; height:448px;} 
.main04{ width:1000px; margin:0 auto; text-align:center;}
.main04 span{ display:block; padding-top:50px; font-size:58px; color:#5b5b5b;}
.main03_contact{ margin:60px auto 50px auto;}
.three_bg{ background:#299ee1; width:1140px; margin:0 auto; padding:20px 30px; color:#fff;-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px; }
.three_bg dt{ font-size:16px; font-weight:bold; padding:10px 0;}
.three_bg dd{ font-size:16px; padding:0 0 0 24px; line-height:24px; margin:0;}
.dlgx_tabs{ width:1200px; margin:40px auto 0 auto;}
.dlgx_tabs li{ float:left; width:169px;line-height:50px; background:#ebebeb; text-align:center; margin:0 1px; font-size:18px;}
.dlgx_tabs li a{ display:block; height:50px; color:#757575; }
.dlgx_tabs li a.dlgx_sel,.dlgx_tabs li a:hover{ display:block; color:#fff; background:url(../images/ser/dlgx_dsj.jpg) no-repeat center 0; height:60px;}

@media screen and (max-width: 768px){

.banner{height:400px; min-width:360px;}
.banner #box{width:360px; height:400px; margin:0 auto;  position:relative; overflow:hidden}
.ban_mb{ display: block;}
.ban_pc{ display: none;}

.dlgx_tabs{ width:100%;}
.dlgx_tabs li{ width:13.7%; font-size:16px; line-height:25px;}

.ser_top{ width:100%;}
.top_contact{ background-size:contain;padding:12% 0 0 18%;font-size: 16px; line-height:20px; color:#333; height:60px;}
.moshi_img img{ width:100%;}

.main01, .main03{ width:95%;}
.m_title_left,.m_title1_right{ width:80px;}
.m_title_left img,.m_title1_right img{ width:100%;}
.m_title_right,.m_title1_left{ width:70%;}
.main01_left,.main02_left{ width:100%; margin-left:0;}
.main01_left img{ width:100%;}
.main01_right{ margin-right: auto;}
.three_bg{ width:90%; padding:20px 5%;}
.main02{ width:95%;}
.main02_left{ margin-left:0; padding-left:0; text-align:center; float:none; margin:0 auto;}
.main02_right{ width:100%; margin-right:auto;}
.main04{ width:100%;}
.main04 span{ font-size:36px;}





}