@charset "utf-8";
*{padding:0; margin:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,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;vertical-align:baseline;list-style:none; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border:none; padding:0px; margin:0px;
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none; resize:none;}  
body{line-height:1; font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; background:#f5f5f5; font-size:100%;  -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
ol,ul,li{list-style:none}
table{}
i,em{ font-style:normal}
caption,th,td{vertical-align:middle;text-align:left;font-weight:normal}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:0; text-decoration:none;}
strong,b{ font-weight:bold;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5{font-weight:normal;font-size:100%; padding:0px; margin:0px; text-indent:0px;}
a:hover{text-decoration:none; color:#333}
a:active{color:#333}
a{color:#333333; text-decoration:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
button,input{ border-radius: 0; } 
header input::-webkit-input-placeholder, header textarea::-webkit-input-placeholder {color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}

input:focus{outline: 1px solid rgba(255,255,255,0) ;}
input::-webkit-input-placeholder {color:#c2c2c2;}
input::-moz-placeholder{color:#c2c2c2;}
input::placeholder{color:#c2c2c2;}
.w1200{  width: 1220px; margin: 0 auto;}
textarea:focus{ outline: none;}
textarea::-webkit-input-placeholder {color: #c2c2c2;}
textarea::-moz-placeholder {color: #c2c2c2;}
textarea:-ms-input-placeholder {color: #c2c2c2;}
textarea::-moz-placeholder {color: #c2c2c2;}
textarea::placeholder {color: #c2c2c2;}



.zcj_box{ height: 770px; background:url("../images/cg_banner.jpg") center top no-repeat; background-size: 100% 100%; color: #fff;}
.zcj_box h3{font-size: 70px; line-height: 72px; font-weight: bold; padding-top: 210px;margin-bottom: 40px; color: #fff; letter-spacing: 2px;}
.zcj_box p{font-size: 34px; line-height: 34px; margin-bottom: 50px;letter-spacing: 2px;}
.sev_text ul li{font-size: 22px; line-height: 36px; margin-bottom: 15px; float: left; margin-right: 130px; width: 300px; display: inline-block; }
.sev_text ul li img{ vertical-align: -6px; margin-right: 10px; width: 28px;  height: 28px;}
.sev_text button{background: #fd731f; color: #fff; height:70px; line-height: 70px; text-align: center; width:290px; margin:40px  0px; border: none; border-radius:6px; font-size: 22px; display: block;  cursor: pointer; }
.sev_text button:hover{background: #fff; color: #fd731f;}



.cg_title { margin: 30px 0;}
.cg_title h2{font-size: 36px; color: #21242c; line-height: 60px; font-weight: bold;text-align: center;}
.cg_title p{font-size: 20px;color: #898b90;  line-height: 30px; margin-bottom: 50px;letter-spacing: 2px;text-align: center;}
.nd4 dl{  width: 530px; height: 70px; padding:25px 20px; float: left ; background: #fff; border-radius: 2px; margin-bottom: 30px; margin-right: 80px;}
.nd4 dl:nth-of-type(2n){ margin-right:0}
.nd4 dl dt{ margin-bottom: 10px; float: left;width: 40px; margin-right: 15px;}
.nd4 dl dt img{ display: block; width: 40px; height: 40px}
.nd4 dl dd{ float: left; width: caLc(100% - 55px);}
.nd4 dl dd h4{ font-size: 22px; line-height: 30px; color: #21242c; margin-bottom: 5px;}
.nd4 p{font-size: 14px;color: #8a8a8a; line-height: 24px; margin-bottom: 30px;}
.l_tips{ font-size: 30px; line-height: 50px; color: #1d73d3; text-align: center; margin-bottom: 20px;}


.why_b{ background: #fff; padding: 30px 0;}
.why_b .cg_title h2{ text-align: left;}
.why_b .cg_title p{ text-align: left;}
.sj_b ul li {display: inline-block; margin-right: 100px;}
.sj_b ul li img{ width: 210px; height: 60px; display: block;}
.sj_b ul li p{font-size: 16px;color: #8a8a8a; line-height: 30px; margin-bottom: 30px; margin-top: 10px;}
.ts_text h5{font-size: 20px; line-height: 50px; color: #1d73d3; font-weight: 600; }
.ts_text p{font-size: 16px;color: #8a8a8a;  line-height: 24px; margin-bottom: 20px;}
.klsx ul li{font-size: 18px; line-height: 36px; margin-bottom: 10px; float: left; color: #626262; margin-right: 20px; width: 130px; display: inline-block; }
.klsx ul li img{ vertical-align: -6px; margin-right: 10px;}
.bz_but{ margin-top: 20px;}
.bz_but p{font-size: 16px;color: #8a8a8a; line-height: 30px; }
.bz_but button{background: #fd731f; color: #fff; height:70px; line-height: 70px; text-align: center; width:290px; margin:40px  0px; border: none; border-radius:6px; font-size: 22px; display: block;  cursor: pointer; }
.bz_but button:hover{ opacity: .9;}
.why_b .w1200{ position: relative; z-index: 0; }
.r_map{ width: 708px; height: 586px; background:url("../images/dt.png") left top no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 100px; z-index: -1; }
.r_map p{ font-size: 20px; line-height: 50px; color: #1d73d3; text-align: center; padding-top: 90px;} 


.xz3 dl{width: 550px; height: 125px; padding:25px 20px; float: left ; background: #fff ; border-radius: 2px; margin-bottom: 30px; }
.xz3 dl:nth-of-type(1){ margin-right:40px}
.xz3 dl:nth-of-type(1){background: #fff url("../images/x1.jpg") right bottom  no-repeat;}
.xz3 dl:nth-of-type(2){background: #fff url("../images/x2.jpg") right bottom  no-repeat;}
.xz3 dl:nth-of-type(3){background: #fff url("../images/x3.jpg") right bottom  no-repeat; width:1160px ;}
.xz3 dl:nth-of-type(3) span{ margin-right: 40px;}
.xz3 dl dt h5{ margin-bottom: 5px; font-size: 22px; color: #21242c; line-height: 30px;  }
.xz3 dl dt p{font-size:14px; color: #8a8a8a; line-height: 24px;height: 50px;}
.xz3 dl dd span{ font-size:14px;  cursor: pointer; color: #575757; margin-right: 20px; margin-bottom: 5px; background: #eeeff1; height: 30px; line-height: 30px; border-radius: 30px; display: inline-block; padding: 0 10PX;}
.xz3 dl dd span:hover{ opacity: .9;}
.fa_but p{font-size: 20px;color: #898b90; line-height: 24px; margin-bottom: 10px; text-align: center;} 
.fa_but button{background: #fd731f; color: #fff; height:70px; line-height: 70px; text-align: center; width:290px; margin:20px auto 0px; border: none; border-radius:6px; font-size: 22px; display: block;  cursor: pointer; }
.fa_but button:hover{ opacity: .9;}

.sh_list dl{float: left; width: 296px; height: 220px; margin-right: 45px; padding: 40px; background: #fff; border-radius: 2px;}
.sh_list dl:nth-of-type(3){ margin-right: 0;}
.sh_list dl dt img{ display: block; width:86px; height: 86px; margin: 0 auto 15px}
.sh_list dl dd{ text-align: center;}
.sh_list dl dd h5{ font-size: 22px; line-height: 48px; margin-bottom: 5px; color: #00599c;}
.sh_list dl dd p{ font-size: 16px; color: #757575; line-height: 24px;}
.sh_list dl dd p:nth-last-of-type(1){ margin-bottom: 0;}
.xz_list dl{ float: left; width:calc((100% - 42px) / 3); height: 300px; margin-right: 21px; margin-bottom: 30px; position: relative; z-index: 1;}
.xz_list dl:nth-of-type(3n) { margin-right: 0;}
.xz_list dl dd{ display: block; width: 100%; height: 100%; line-height: 300px; text-align: center; color: #fff; font-size: 24px; position: absolute; top: 0; left: 0; z-index: 2; background:url("../images/hybg.png") left center no-repeat;}
.xz_list dl dt img{ display: block; width: 100%;}



.tgfw{ height: 570px; padding-top: 20px; background: #fff url("../images/sbg.jpg") center top  no-repeat; margin-top: 40px;}
.tgfw .cg_title h2{ color: #fff;}
.tgfw .cg_title p{ color: #fff;}
.sev_list{ background: #fff; padding: 30px 20px}
.sev_list dl{ float: left; text-align: center; width: calc(100% / 4);;}
.sev_list dl dt{ display:block; width: 80px; height: 80px; margin: 0 auto;text-align: center; }
.sev_list dl dt img{ display: block; width: 100%; height: 100%; margin: 0 auto;}
.sev_list dl dd span{ height: 2px; background: #d3d3d3; display: block; width: 150px; margin: 20px auto;}
.sev_list dl dd span i{ height: 2px; background: #2f6fe4; display: block; width: 26px; margin: 5px auto;}
.sev_list dl dd{text-align: center; font-size: 20px; color: #151515; line-height: 30px; font-weight: bold;}
.cgxq_b{ margin: 20px  auto;}
.industry_sector{ margin-top: 20px;}
.industry_sector dl{ display: inline-block; padding: 7px 20px; width:138px; height: 46px; margin-right: 16px;  border: 1px solid #256495 ;background:rgba(11,107,178,.45); border-radius: 6px;}
.industry_sector dl dt{width: 32px; height: 32px; margin-right: 15px; float: left; margin-top: 8px;}
.industry_sector dl dt img{ display: inline-block; width: 100%; height:100%;  }
.industry_sector dl dd{line-height: 22px; font-size: 16px; color: #fff; float: left; width: calc(100% - 47px);}
.industry_sector dl:nth-of-type(1) dd{ line-height: 46px;}
.czgy_b{background:  url("../images/cz.jpg") center top  no-repeat; height: 720px;}

.czgy_b .cg_title h2{ color: #fff; text-align: left; padding-top: 20px;}
.czgy_b .cg_title p{ color: #fff; text-align: left;}



.material h5{ text-align: center; font-size: 36px; color: #fff; margin-top: 20px;}
.material span{  display: block; width: 80px; height: 3px; margin: 15px auto; background: #fff;}

.cz_list ul li{ background: #fff; border-radius: 4px; width: 192px; height: 110px; float: left; padding:25px 20px; margin-right: 15px; margin-bottom: 20px;}
.cz_list ul li:nth-last-of-type(1){ margin-right: 0;}
.cz_list ul li h5{ color: #ff7a3a; font-size: 28px; line-height: 28px; font-weight: bold; margin-bottom: 10px;}
.cz_list ul li p{ color: #000000; font-size: 16px; line-height: 24px; text-align: center;}
.cz_list dl{background: #fff; border-radius: 4px; width: 138px; height: 135px; float: left; padding:15px; margin-right: 7px;}
.cz_list dl:nth-last-of-type(1){ margin-right: 0;}
.cz_list dl dt{ display: block;}
.cz_list dl dt img{ display: block; margin: 0 auto; width: 60px; height: 60px ;}
.cz_list dl dd h5{ color: #000; font-size: 18px; line-height: 24px; font-weight: bold; margin: 5px 0;}
.cz_list dl dd p{ color: #465964; font-size: 14px; line-height: 18px; text-align: center;}







@media screen and (min-width: 376px) and (max-width: 414px){
    .w1200{ width: auto;}
    .zcj_box{ height:480px; padding:  0 15px ;background: url("../images/cg_banner.jpg") 35% top no-repeat;background-size: auto 100%}
    .zcj_box h3{ font-size: 28px; padding-top: 55px;margin-bottom: 15px; line-height: 40px;}
    .zcj_box p{ font-size: 18px; margin-bottom: 10px; line-height: 28px; }
    .sev_text ul li{ font-size: 16px; line-height: 24px; margin-bottom: 5px; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .sev_text ul li:nth-of-type(2n){ margin-right: 0;}
    .sev_text ul li img{ display:inline-block; width: 20px; height: 20px; vertical-align: -4px; margin-right: 5px;}
    .sev_text button{ height:48px; font-size: 16px; line-height: 48px; width: 180px; margin: 10px 0;}
    .cg_title { margin: 10px 0;}
    .cg_title h2{font-size: 24px; line-height: 40px;  }
    .cg_title p{ font-size: 16px; margin-bottom: 15px;}
    .nd4 dl{ margin: 0 0 10px; width: calc(100% - 30px); padding: 15px;}
    .nd4 dl dd h4{ font-size: 18px; line-height: 24px;}
    .nd4 p{ margin-bottom: 0; line-height: 18px;}
    .l_tips{ font-size: 20px;}
    .why_b{ padding:5px 15px 15px;}
    .why_b .cg_title p{ line-height: 24px;}
    .sj_b ul li{ margin-right: 20px;}
    .sj_b ul li img{ height: 40px; width: auto;}
    .sj_b ul li p{ margin-bottom: 15px;}
    .why_b .w1200{ position:static;}
    .ts_text h5{ line-height: 30px; margin-bottom: 10px;}
    .ts_text p{ font-size: 14px; line-height: 20px;}
    .klsx ul li{ font-size: 16px; width: calc(100% / 3); margin-right: 0; margin-bottom: 0;}
    .klsx ul li img{ display: inline-block; width: 20px; height: 20px;}
    .bz_but button{height:50px; font-size: 16px; line-height: 50px; width: 160px; margin: 10px 0;}
    .r_map{position:static; height: 250px; width: 100%;}
    .r_map p{ padding-top: 15px; font-size: 18px;}
    .xz3 dl{ padding: 15px; width: calc(100% - 30px); margin:0 0 15px; height: auto;}
    .xz3 dl dt p{ line-height: 30px; height: auto;line-height: 24px; margin-bottom: 10px;}
    .xz3 dl dt h5{ font-size: 18px;line-height: 24px; }
    .xz3 dl:nth-of-type(1){ background-size: auto 65%;}
    .xz3 dl:nth-of-type(2){ background-size: auto 65%;}
    .xz3 dl:nth-of-type(3){ background-size: auto 65%;width: calc(100% - 30px); }
    .xz3 dl:nth-of-type(3) span{margin-right:20px}
    .fa_but p{ font-size: 16px; margin-bottom: 0;}
    .fa_but button{height:50px; font-size: 16px; line-height: 50px; width: 180px; margin-top: 10px; }
    .sh_list dl{ width: calc((100% - 80px) / 3); margin-right: 10px; padding:20PX 10px 10px; height: 175PX;}
    .sh_list dl dt img{ width: 40px; height: 40px; margin-bottom: 10px;}
    .sh_list dl dd h5{ font-size: 16px; line-height: 36PX; font-weight: bold;}
    .sh_list dl dd p{ font-size: 14px; line-height: 20px;}
    .tgfw .cg_title p{ font-size: 14px; line-height: 24px;}
    .tgfw{ padding: 15px; height: 370px;}
    .sev_list{ padding: 15px;}
    .sev_list dl dd{ font-size: 16px; line-height: 24px;}
    .sev_list dl{ padding: 0 10px; width:calc((100% - 80px) / 4) ;}
    .sev_list dl dd span{ width: 100%; margin: 10px auto;}
    .sev_list dl dd span i{ width:22px;}
    .sev_list dl dt{ width: 50px; height: 50px;}
    .cgxq_b{ padding:  0 15px;}
    .xz_list dl{ width: calc((100% - 10px) / 3); margin-right: 5px; height: 88px; margin-bottom: 10px;}
    .xz_list dl dd{  line-height:43px; font-size: 14px; margin-top: 22px; height: 43px; padding-top: 3px;}
    .xz_list dl:nth-of-type(6) dd{ height: 43px; padding-top: 3px;line-height:20px;}

    .industry_sector{ margin-top: 10px;} 
    .industry_sector dl{  width: calc((100% - 73px) / 3); height: 30px;  padding: 7px; margin-right: 5px; margin-bottom: 5px;}
    .industry_sector dl dt { width: 20px; height: 20px; margin-right: 10px; margin-top: 4px;}
    .industry_sector dl dd{ font-size: 12px; line-height: 16px; width: calc(100% - 35px);}
    .industry_sector dl:nth-of-type(1) dd{ line-height: 30px;}
    .czgy_b {background: url("../images/cz.jpg") 35% top no-repeat;background-size: auto 100%; height: 960px; padding: 0 15px;}
    .material h5{ font-size: 18px;}
    .material span{ width: 60px;}
    .cz_list ul li h5{ font-size: 16px; margin-right: 10px; margin: 5px 0;}
    .cz_list ul li P{ font-size: 12PX; line-height: 20PX;}
    .cz_list ul li{ width:calc((100% - 50px) /3) ; padding: 5px; margin-right: 10px; height: 120px; margin-bottom: 10px;}
    .cz_list ul li:nth-of-type(3n){ margin-right: 0;}
    .cz_list ul li:nth-of-type(5){ width: calc(((100% - 95px) /3) * 2 ); padding: 5px 30px;}
    .cz_list dl{width:calc((100% - 44px) /3) ; padding:8px 5px 5px;margin-bottom: 10px; height: 110px;} 
    .cz_list dl:nth-of-type(3n){ margin-right: 0;}
    .cz_list dl dd h5{ font-size: 14px; line-height: 20px;}
    .cz_list dl dt img{ width: 40px; height: 40px;}
    .czgy_b .cg_title p{ line-height: 24px;}
   
}



@media screen and (min-width: 321px) and (max-width: 375px){
    .w1200{ width: auto;}
    .zcj_box{ height:470px; padding:  0 15px ;background: url("../images/cg_banner.jpg") 35% top no-repeat;background-size: auto 100%}
    .zcj_box h3{ font-size: 28px; padding-top: 55px;margin-bottom: 15px; line-height: 40px;}
    .zcj_box p{ font-size: 16px; margin-bottom: 10px; line-height:24px; }
    .sev_text ul li{ font-size: 14px; line-height: 24px; margin-bottom: 5px; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .sev_text ul li:nth-of-type(2n){ margin-right: 0;}
    .sev_text ul li img{ display:inline-block; width: 20px; height: 20px; vertical-align: -4px; margin-right: 5px;}
    .sev_text button{ height:48px; font-size: 16px; line-height: 48px; width: 180px; margin: 10px 0;}
    .cg_title { margin: 10px 0;}
    .cg_title h2{font-size: 24px; line-height: 40px;  }
    .cg_title p{ font-size: 16px; margin-bottom: 15px;}
    .nd4 dl{ margin: 0 0 10px; width: calc(100% - 30px); padding: 15px;}
    .nd4 dl dd h4{ font-size: 18px; line-height: 24px;}
    .nd4 p{ margin-bottom: 0; line-height: 18px;}
    .l_tips{ font-size: 20px;}
    .why_b{ padding:5px 15px 15px;}
    .why_b .cg_title p{ line-height: 24px;}
    .sj_b ul li{ margin-right: 20px;}
    .sj_b ul li img{ height: 40px; width: auto;}
    .sj_b ul li p{ margin-bottom: 15px;}
    .why_b .w1200{ position:static;}
    .ts_text h5{ line-height: 30px; margin-bottom: 10px;}
    .ts_text p{ font-size: 14px; line-height: 20px;}
    .klsx ul li{ font-size: 16px; width: calc(100% / 3); margin-right: 0; margin-bottom: 0;}
    .klsx ul li img{ display: inline-block; width: 20px; height: 20px;}
    .bz_but button{height:50px; font-size: 16px; line-height: 50px; width: 160px; margin: 10px 0;}
    .r_map{position:static; height: 250px; width: 100%;}
    .r_map p{ padding-top: 15px; font-size: 18px;}
    .xz3 dl{ padding: 15px; width: calc(100% - 30px); margin:0 0 15px; height: auto;}
    .xz3 dl dt p{ line-height: 30px; height: auto;line-height: 24px; margin-bottom: 10px;}
    .xz3 dl dt h5{ font-size: 18px;line-height: 24px; }
    .xz3 dl:nth-of-type(1){ background-size: auto 65%;}
    .xz3 dl:nth-of-type(2){ background-size: auto 65%;}
    .xz3 dl:nth-of-type(3){ background-size: auto 65%;width: calc(100% - 30px); }
    .xz3 dl:nth-of-type(3) span{margin-right:20px}
    .fa_but p{ font-size: 16px; margin-bottom: 0;}
    .fa_but button{height:50px; font-size: 16px; line-height: 50px; width: 180px; margin-top: 10px; }
    .sh_list dl{ width: calc((100% - 80px) / 3); margin-right: 10px; padding:20PX 10px 10px; height: 155PX;}
    .sh_list dl dt img{ width: 40px; height: 40px; margin-bottom: 10px;}
    .sh_list dl dd h5{ font-size: 14px; line-height: 24PX; font-weight: bold;}
    .sh_list dl dd p{ font-size: 12px; line-height: 18px;}
    .tgfw .cg_title p{ font-size: 14px; line-height: 24px;}
    .tgfw{ padding: 15px; height: 378px;}
    .sev_list{ padding: 15px;}
    .sev_list dl dd{ font-size: 16px; line-height: 24px;}
    .sev_list dl{ padding: 0 10px; width:calc((100% - 80px) / 4) ;}
    .sev_list dl dd span{ width: 100%; margin: 10px auto;}
    .sev_list dl dd span i{ width:22px;}
    .sev_list dl dt{ width: 50px; height: 50px;}
    .cgxq_b{ padding:  0 15px;}
    .xz_list dl{ width: calc((100% - 10px) / 3); margin-right: 5px; height: 88px; margin-bottom: 10px;}
    .xz_list dl dd{  line-height:43px; font-size: 14px; margin-top: 22px; height: 43px; padding-top: 3px;}
    .xz_list dl:nth-of-type(6) dd{ height: 43px; padding-top: 3px;line-height:20px;}

    .industry_sector{ margin-top: 10px;} 
    .industry_sector dl{  width: calc((100% - 73px) / 3); height: 30px;  padding:5px 7px 7px; margin-right: 5px; margin-bottom: 5px;}
    .industry_sector dl dt { width: 20px; height: 20px; margin-right: 10px; margin-top: 4px;}
    .industry_sector dl dd{ font-size: 12px; line-height: 16px; width: calc(100% - 30px);}
    .industry_sector dl:nth-of-type(1) dd{ line-height: 30px;}
    .czgy_b {background: url("../images/cz.jpg") 35% top no-repeat;background-size: auto 100%; height: 960px; padding: 0 15px;}
    .material h5{ font-size: 18px;}
    .material span{ width: 60px;}
    .cz_list ul li h5{ font-size: 16px; margin-right: 10px; margin: 5px 0;}
    .cz_list ul li P{ font-size: 12PX; line-height: 20PX;}
    .cz_list ul li{ width:calc((100% - 50px) /3) ; padding: 5px; margin-right: 10px; height: 120px; margin-bottom: 10px;}
    .cz_list ul li:nth-of-type(3n){ margin-right: 0;}
    .cz_list ul li:nth-of-type(5){ width: calc(((100% - 95px) /3) * 2 ); padding: 5px 30px;}
    .cz_list dl{width:calc((100% - 44px) /3) ; padding:8px 5px 5px;margin-bottom: 10px; height: 110px;} 
    .cz_list dl:nth-of-type(3n){ margin-right: 0;}
    .cz_list dl dd h5{ font-size: 14px; line-height: 20px;}
    .cz_list dl dt img{ width: 40px; height: 40px;}
    .czgy_b .cg_title p{ line-height: 24px;}
   
}



@media screen and (min-width: 321px) and (max-width: 374px){
    /*.w1200{ width: auto;}
    .zcj_box{ height:480px; padding:  0 15px ; background: url("../images/cg_banner.jpg") 35% top no-repeat; background-size: auto 100%}
    .zcj_box h3{ font-size: 24px; padding-top: 35px;margin-bottom: 10px; line-height: 40px;}
    .zcj_box p{ font-size: 20px; margin-bottom: 20px;}
    .sev_text ul li{ font-size: 16px; line-height: 30px; margin-bottom: 5px; width: 100%;}
    .sev_text ul li img{ display:inline-block; width: 20px; height: 20px; vertical-align: -4px; margin-right: 5px;}
    .sev_text button{ height:50px; font-size: 16px; line-height: 50px; width: 160px; margin: 10px 0;}
    .cg_title { margin: 10px 0;}
    .cg_title h2{font-size: 24px; line-height: 40px;  }
    .cg_title p{ font-size: 16px; margin-bottom: 15px;}
    .nd4 dl{ margin: 0 0 10px; width: calc(100% - 30px); padding: 15px;}
    .nd4 dl dd h4{ font-size: 18px; line-height: 24px;}
    .nd4 p{ margin-bottom: 0; line-height: 18px;}
    .l_tips{ font-size: 20px;}
    .why_b{ padding:5px 15px 15px;}
    .why_b .cg_title p{ line-height: 24px;}
    .sj_b ul li{ margin-right: 20px;}
    .sj_b ul li img{ height: 40px; width: auto;}
    .sj_b ul li p{ margin-bottom: 15px;}
    .why_b .w1200{ position:static;}
    .ts_text h5{ line-height: 30px; margin-bottom: 10px;}
    .ts_text p{ font-size: 14px; line-height: 20px;}
    .klsx ul li{ font-size: 16px; width: calc(100% / 3); margin-right: 0; margin-bottom: 0;}
    .klsx ul li img{ display: inline-block; width: 20px; height: 20px;}
    .bz_but button{height:50px; font-size: 16px; line-height: 50px; width: 160px; margin: 10px 0;}
    .r_map{position:static; height: 250px; width: 100%;}
    .r_map p{ padding-top: 15px; font-size: 18px;}
    .xz3 dl{ padding: 15px; width: calc(100% - 30px); margin:0 0 15px; height: auto;}
    .xz3 dl dt p{ line-height: 30px; height: auto;line-height: 24px; margin-bottom: 10px;}
    .xz3 dl dt h5{ font-size: 18px;line-height: 24px; }
    .xz3 dl:nth-of-type(1){ background-size: auto 65%;}
    .xz3 dl:nth-of-type(2){ background-size: auto 65%;}
    .xz3 dl:nth-of-type(3){ background-size: auto 65%;width: calc(100% - 60px); }
    .xz3 dl:nth-of-type(3) span{margin-right:20px}
    .fa_but p{ font-size: 16px; margin-bottom: 0;}
    .fa_but button{height:50px; font-size: 16px; line-height: 50px; width: 180px; margin-top: 10px; }
    .sh_list dl{ width: calc((100% - 80px) / 3); margin-right: 10px; padding:20PX 10px 10px; height: 205PX;}
    .sh_list dl dt img{ width: 40px; height: 40px; margin-bottom: 10px;}
    .sh_list dl dd h5{ font-size: 16px; line-height: 24PX; font-weight: bold;}
    .sh_list dl dd p{ font-size: 14px; line-height: 20px;}
    .tgfw .cg_title p{ font-size: 14px; line-height: 24px;}
    .tgfw{ padding: 15px; height: 370px;}
    .sev_list{ padding: 15px;}
    .sev_list dl dd{ font-size: 14px; line-height: 20px;}
    .sev_list dl{ padding: 0 10px; width:calc((100% - 80px) / 4) ;}
    .sev_list dl dd span{ width: 100%; margin: 10px auto;}
    .sev_list dl dd span i{ width:22px;}
    .sev_list dl dt{ width: 40px; height: 40px;}
    .cgxq_b{ padding:  0 15px;}
    .xz_list dl{ width: calc((100% - 20px) / 5); margin-right: 5px; height: 95px; margin-bottom: 0;}
    .xz_list dl dd{  line-height: 95px; font-size: 14px;}*/

}




@media screen  and (max-width: 320px){
    .w1200{ width: auto;}
    .zcj_box{ height:420px; padding:  0 15px ;background-size: auto 100%}
    .zcj_box h3{ font-size: 24px; padding-top: 30px;margin-bottom: 10px; line-height: 30px;}
    .zcj_box p{ font-size: 16px; margin-bottom: 10px;line-height: 20px;}
    .sev_text ul li{ font-size: 12px; line-height: 20px; margin-bottom: 5px; width: calc((100% - 10px) / 2); margin-right: 10px;}
    .sev_text ul li:nth-of-type(2n){ margin-right: 0;}
    .sev_text ul li img{ display:inline-block; width: 18px; height: 18px; vertical-align: -4px; margin-right: 5px;}
    .sev_text button{ height:40px; font-size: 14px; line-height: 40px; width: 138px; margin: 10px 0;}
    .cg_title { margin: 10px 0;}
    .cg_title h2{font-size: 20px; line-height: 26px; margin-bottom: 5px;  }
    .cg_title p{ font-size: 14px; margin-bottom: 15px; line-height: 24px;}
    .nd4 dl{ margin: 0 0 10px; width: calc(100% - 30px); padding: 15px; height: auto;}
    .nd4 dl dd h4{ font-size: 18px; line-height: 24px;}
    .nd4 p{ margin-bottom: 0; line-height: 18px; font-size: 12px;}
    .l_tips{ font-size: 18px; line-height: 40px;}
    .why_b{ padding:5px 15px 15px;}
    .why_b .cg_title p{ line-height: 20px;}
    .sj_b ul li{ margin-right: 14px;}
    .sj_b ul li img{ height:34px; width: auto;}
    .sj_b ul li p{ margin-bottom: 15px;}
    .why_b .w1200{ position:static;}
    .ts_text h5{ line-height: 24px; margin-bottom: 10px; font-size: 18px;}
    .ts_text p{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
    .klsx ul li{ font-size: 14px; width: calc(100% / 3); margin-right: 0; margin-bottom: 0;}
    .klsx ul li img{ display: inline-block; width: 16px; height: 16px; margin-right: 5px;}
    .bz_but{ margin-top: 10px;}
    .bz_but button{height:40px; font-size: 14px; line-height: 40px; width: 138px; margin: 10px 0;}
    .r_map{position:static; height: 250px; width: 100%;}
    .r_map p{ padding-top: 15px; font-size: 18px;}
    .xz3 dl{ padding: 15px; width: calc(100% - 30px); margin:0 0 15px; height: auto;}
    .xz3 dl dt p{ line-height: 30px; height: auto;line-height: 24px; margin-bottom: 10px;}
    .xz3 dl dt h5{ font-size: 18px;line-height: 24px; }
    .xz3 dl:nth-of-type(1){ background-size: auto 45%;}
    .xz3 dl:nth-of-type(2){ background-size: auto 45%;}
    .xz3 dl:nth-of-type(3){ background-size: auto 45%;width: calc(100% - 30px); }
    .xz3 dl:nth-of-type(3) span{margin-right:20px}
    .fa_but p{ font-size: 16px; margin-bottom: 0;}
    .fa_but button{height:40px; font-size: 14px; line-height: 40px; width:150Px; margin-top: 10px;}
    .sh_list dl{ width: calc((100% - 80px) / 3); margin-right: 10px; padding:20PX 10px 10px; height: 225PX;}
    .sh_list dl dt img{ width: 40px; height: 40px; margin-bottom: 10px;}
    .sh_list dl dd h5{ font-size: 16px; line-height: 22PX; font-weight: bold;}
    .sh_list dl dd p{ font-size: 12px; line-height: 18px;}
    .tgfw .cg_title p{ font-size: 14px; line-height: 22px;}
    .tgfw{ padding: 15px; height: 390px;}
    .sev_list{ padding: 15px;}
    .sev_list dl dd{ font-size: 14px; line-height: 18px;}
    .sev_list dl{ padding: 0 10px; width:calc((100% - 80px) / 4) ;}
    .sev_list dl dd span{ width: 100%; margin: 10px auto;}
    .sev_list dl dd span i{ width:22px;}
    .sev_list dl dt{ width: 40px; height: 40px;}
    .cgxq_b{ padding:  0 15px;}
    .xz_list dl{ width: calc((100% - 10px) / 3); margin-right: 5px; height: 72px; margin-bottom: 10px;}
    .xz_list dl dd{  line-height:43px; font-size: 14px; margin-top: 14px; height: 43px; padding-top: 3px;}
    .xz_list dl:nth-of-type(6) dd{ height: 43px; padding-top: 3px;line-height:20px;}

    .industry_sector{ margin-top: 10px;} 
    .industry_sector dl{  width: calc((100% - 47px) / 2); height: 32px;  padding:4px 7px 5px; margin-right: 5px; margin-bottom: 5px;}
    .industry_sector dl dt { width: 20px; height: 20px; margin-right: 10px; margin-top: 4px;}
    .industry_sector dl dd{ font-size: 12px; line-height: 32px; width: calc(100% - 35px);}  
    .industry_sector dl:nth-of-type(1) dd{ line-height: 32px;}
    .industry_sector dl:nth-of-type(5) dd{ line-height: 16px;}
    .industry_sector dl:nth-of-type(6) dd{ line-height: 16px;}
    .czgy_b {background: url("../images/cz.jpg") 35% top no-repeat;background-size: auto 100%; height: 1080px; padding: 0 15px;}
    .material h5{ font-size: 18px;}
    .material span{ width: 60px;}
    .cz_list ul li h5{ font-size: 16px; margin-right: 10px; margin: 5px 0;}
    .cz_list ul li P{ font-size: 12PX; line-height: 20PX;}
    .cz_list ul li{ width:calc((100% - 50px) /3) ; padding: 5px; margin-right: 10px; height: 140px; margin-bottom: 10px;}
    .cz_list ul li:nth-of-type(3n){ margin-right: 0;}
    .cz_list ul li:nth-of-type(5){ width: calc(((100% - 95px) /3) * 2 ); padding: 5px 30px;}
    .cz_list dl{width:calc((100% - 44px) /3) ; padding:8px 5px 5px;margin-bottom: 10px; height: 145px;} 
    .cz_list dl:nth-of-type(3n){ margin-right: 0;}
    .cz_list dl dd h5{ font-size: 14px; line-height: 20px;}
    .cz_list dl dt img{ width: 40px; height: 40px;}
    .czgy_b .cg_title p{ line-height: 24px;}

}