@charset "utf-8";
    img { max-width: 100%; }
    .navbar { height: 60px; margin-bottom:0;}
    .logo { width: 350px; display:inline-block; line-height: 60px; }
    .logo img { width: 260px; height: 45px; }
    .menu { width: 800px;display:inline-block; }
    .mobilemenu { display: none; }
    .menu-nav {height: 60px; margin-bottom: -15px;}
    .menu-nav>li { height: 60px; line-height: 60px; list-style-type: none; }
    .menu-nav>li>a { color: #4d4d4d; text-decoration: none; font-size: 16px; padding:0 20px; }
    .menu-nav>li.current>a ,.menu-nav>li>a:hover{ color:#c7000a;}

    .subitem { display: none; position: absolute; z-index: 99; background: rgba(255,255,255,0); margin-top: -15px;}

    .subitems { background: rgba(255,255,255,0.5); margin-top: 20px; }
    /*.subitems:before {  content:''; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent rgba(255,255,255,0.5); position:absolute; top:10px; left: calc(50% - 10px);}*/

    .subitems li { line-height: 50px;}
    .subitems li:hover {  background: rgba(255,255,255,1);  }
    .subitems li a { padding:18px 35px; text-decoration: none; font-size: 16px; color: #000; text-align:center;}
    .subitems li:hover a { color:#c7000a;}

    .slidebox { margin-top:0; padding-top: 0; }

    .index-title { font-size: 36px; text-align: center; margin-top: 100px; color:#333;}
    .index-subtitle { font-size: 24px; padding: 10px 20px; text-align: center; color: #808080}
    .index-subtitle:before {content: "鈥斺€斺€斺€  "; margin-top: -20px;}
    .index-subtitle:after {content: "  鈥斺€斺€斺€?; margin-top: -20px;}

    .complist { text-align: center; }
    .complist a { text-decoration: none; }
    .com-title {font-size: 20px; color: #000; }

    .probox ul { margin:0; padding: 0; padding-top:30px; }
    .probox ul li { margin:0; padding: 0; list-style-type: none; height: 120px; line-height: 150px; margin-left: 100px;}
    .probox ul li a { font-size: 20px; color:#fff; text-decoration: none; }
    .probox ul li .pro1-img { margin-right: 30px; width: 36px; }
    .probox ul li .pro1-more {  margin-left: 60px;display: none; position: relative;  width: 36px;}
    .probox ul li .pro3-more {  margin-left: 60px;display: none; position: relative;  width: 36px;}
    .probox ul li:hover .pro1-more { display: inline;  }
    .probox ul li:hover .pro3-more { display: inline;  }

    .probox>div:nth-child(1),.probox>div:nth-child(3) { padding-right: 0; }
    .probox>div:nth-child(2),.probox>div:nth-child(4) { padding-left: 0; }
    .pro1>div, .pro4>div, .pro2>div, .pro3>div { width: 100%; height: 480px; background-size: 100%;}
    .probox .pro3 * { color: #758033; }
    /*.pro2, .pro3 { width: 100%; height:  }*/

    .busunessbg { height: calc(100vw / 1920 * 1296); min-height: 800px; }
    .businessbox { position: relative; width: 1000px; margin:250px auto 0 auto; }

    .businessitem { width: 1em; height: 165px; font-size: 20px; letter-spacing: 20px; font-family: 'STKaiti', 'KaiTi'; position: absolute; z-index: 98; color:#464646; }

    .businessline { width: 626px; height: 20px; background:url(/style/images/businessline.png) no-repeat; background-size: 100%; position: absolute; top: 163px; left: 202px; }
    .businessitem div {width: 1em; height: 165px; font-size: 20px; letter-spacing: 20px; font-family: 'STKaiti', 'KaiTi'; }
    .businessitem:nth-child(1) {top:185px; left: 100px;}
    .businessitem:nth-child(2) {top:0; left: 200px;}
    .businessitem:nth-child(3) {top:185px; left: 293px;}
    .businessitem:nth-child(4) {top:25px; left: 396px;}
    .businessitem:nth-child(5) {top:185px; left: 496px;}
    .businessitem:nth-child(6) {top:52px; left: 596px;}
    .businessitem:nth-child(7) {top:185px; left: 696px;}
    .businessitem:nth-child(8) {top:-3px; left: 802px;}

    .shitibox { position: relative; min-height: 570px; }
    .shitibox>div { height: 570px; text-align: center; overflow: hidden;  }
    .shitiitem { z-index: 1; height: 570px; padding: 0; margin: 0; background: rgba(0,0,0,0.5); top: 570px; left: 5px ; right: 5px; position: absolute;  }
    .shitiitem a {text-decoration: none; color:#fff; text-align:center;}

    .shitititle { font-size: 36px; margin-top: 215px; font-family: 'KaiTi';  }
    .shitiinfo { font-size: 20px;  font-family: 'SimSun'; }
    .shitimore { font-size: 24px;  font-family: 'SimHei'; }

    .footer { background: rgba(37,37,37,1); }
    .footer dl { margin-top: 30px; color: #fff; }
    .footer dt { font-size: 20px; }
    .footer dd { font-size: 16px; margin-top: 3px;}
    .footer dd a { text-decoration: none; color: #b2b2b2;  }
    .footer .qr1,.footer .qr2 { text-align:right; margin-top: 30px }
    .footer .qr1 div, .footer .qr2 div { text-align: right; padding-right: 50px; color: #fff; }

    .copyright { padding: 10px 0; }
    .copyright .beian { font-size:14px;  }
    .copyright .beian a { color: #F0F0F0; margin-left: 15px;  }

    .copyright { background: rgba(23,26,27,1);  color: #fff; font-size: 16px;}

    .right_bar { position: fixed; right: 25px; top: 200px; }
    .right_bar>ul>li { height: 70px; width: 70px; list-style-type: none; padding: 0; margin:0; margin-bottom: 13px; }
    .right_bar .r-subitem { display: none; position: absolute; right: 88px; width: 180px; height: 190px; margin-top: -130px; background: #fff; border-radius: 5px; color: #6e822f; padding: 10px; box-shadow:4px 4px 10px #333;}
	.right_bar .r-subitem img {width:160px; height:160px;}
    .right_bar>ul>li:hover .r-subitem{ display: block; z-index: 99; }
    .right_bar .r-subitem:after { display:block; content:''; border-width:8px 0px 8px 8px; border-style:solid; border-color: transparent transparent transparent #fff;  position:absolute; right:-8px; top:85px; }


	.typelistbox { text-align: center; }
    .typelist {  margin:20px auto; width: 250px; float: right; border:#c7000a 1px solid;}
	.typelist li { list-style-type: none; height: 60px; line-height: 60px; text-align: center; position: relative; }
	.typelist li:before { content: ""; width: 80%;height: 1px; position: absolute; top: 59px; left: 10%; border-bottom: #c7000a 1px dashed; }
	.typelist li:last-child:before { display: none; }
	.typelist li a {  text-decoration:none; color:#c7000a ; font-size: 20px;  }
	.typelist li.current { background:#c7000a;   }
	.typelist li.current a {color:#fff;}
    /*.abouttype li a { *zoom: 1; line-height: 42px; padding: 10px 35px; font-size: 14px; color: #808080; background-color: #f0f0f0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration:none;}
	.typelist li.current a  { background: #ea5503 ; color:  #fff;}*/

    .typeinfo { width: 100%; padding: 00px 0px; margin:20px auto; }
    .typeinfo div ,.typeinfo img { max-width: 100%; }

	.abouttype {margin:40px auto;}
	.abouttype li a { *zoom: 1; line-height: 42px; padding: 10px 35px; font-size: 14px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration:none; border:#c7000a 1px solid; color: #c7000a; border-radius: 25px; background: #fff; margin:20px 50px;  padding: 15px 45px;  font-size: 18px;}
    .abouttype li.current a {  background: #c7000a; border:#c7000a; color: #fff; }

    .newslist { max-width: 1050px; margin:10px auto; }
	.newslist li { list-style-type: none; margin-top:100px; }
	.newslist li .pubday { font-size: 60px; line-height: 50px; color: #333; }
	.newslist li .pubyear { font-size: 22px; color: #333; }

	.newslist li .newstitle { font-size: 30px; color: #4c4c4c; font-weight: normal; }
	.newslist li .desc { font-size: 22px;   color: #4c4c4c; margin-top:20px;}

    #dituContent img { max-width: 999999%; }
@media (min-width: 1600px) {
    .container { width: 75%; }
}

@media (max-width: 768px) {

    .index-subtitle:before, .index-subtitle:after { content: ""; }
    .probox>div { padding: 0;}
    .pro1>img, .pro4>img, .pro2>div, .pro3>div { width: 100%; min-height: auto; }
    .logo { width: auto; }
    .menu {  display: none; }
    .right_bar { display: none; }

    .mobilemenu { display: block; margin-top: 10px; }
    .mobilemenubtn i { font-size: 24px; }
    .mobilemenu-nav { display: none; position: absolute;  right:0 ; width:140px; background: #4D4D4D; z-index: 9999;padding: 10px 0 10px 0; border-radius: 3px;  }
    .mobilemenu-nav li { padding: 3px 5px; text-align: left;  }
    .mobilemenu-nav>li>a { color: #FFFFFF; text-decoration: none;  font-size: 16px; padding: 0 0 0 10px;}

    .mobilesubitem { margin: 5px 0 0 25px; background: #f1f1f1; }
    .mobilemenu-nav>li.current>a ,.mobilemenu-nav>li>a:hover{ color:#19FEF2;}

    .mobilesubitem { background: rgba(255,255,255,0);}
    .mobilesubitem a { font-size: 14px; color: #DFDFDF; }

    .index-title { margin-top: 60px; }
    .com-title { font-size: 16px; }

    .businessbox { display: none; }
    .busunessbg { min-height: inherit; }
    .shitiitem { left: 13px ; right: 13px; }
    .footer>div.column,.footer>div.column * { padding: 0 !important; text-align: center !important; }
    .copyright p{ text-align: center; }

	.typeinfo,.typeinfo div { max-width: 100%; }
    .typeinfo img { max-width: 100%; height: auto !important; }
    .abouttype li a { margin:0; padding:5px; }
    .typelist { float: none !important; }
    #dituContent { width: 100% !important;}

    .BMap_mask { width: 100% !important;; }
}