/* CSS Document */

*{ font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body,dl,dd,h1,h2,h3,h4,h5,h6,p, from{margin:0;} ol,ul,li,img{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
body > .qing{ min-width:1250px;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */  color:#000} 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
a div, a span{ cursor:pointer;}
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.juzhong{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
*, *:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
var img=$("img");
img.on("contextmenu",function(){return false;});
img.on("dragstart",function(){return false;});
<script type="text/javascript">

        function stop() {

            return false;

        }

        document.oncontextmenu = stop;

</script>



/**大背景动画**/
/**
body{
	animation:body 5s linear infinite alternate both;
	-webkit-animation:body 5s linear infinite alternate both;
	-moz-animation:body 5s linear infinite alternate both;
	-o-animation:body 5s linear infinite alternate both;
}
@keyframes body{
0%{ background-size:100% 100%;}
100%{ background-size: 110% 110%;}
}
@-webkit-keyframes body{
0%{ background-size:100% 100%;}
100%{ background-size: 110% 110%;}
}
@-moz-keyframes body{
0%{ background-size:100% 100%;}
100%{ background-size: 110% 110%;}
}
@-o-keyframes body{
0%{ background-size:100% 100%;}
100%{ background-size: 110% 110%;}
}
**/
/******************************index***********************************/
.tobg{ background:#eee; height:40px; position:relative; z-index:999;}
.ttel{ line-height:40px; font-size:12px; color:#4a4a4a;}
.ttel img{ margin-right:6px;}
.ttel span{ font-size:14px; color:#ea8000;}
.sok{ margin-top:6px; background:url(../image/soubg.png) left top no-repeat;}
.souk{ margin-right:8px; float:left;}
.sous{ display:block; float:left; width:183px; height:28px; background-color:transparent !important; padding:0 10px 0 23px;}
.souc{ display:block; float:left; width:44px; height:28px; background-color:transparent !important; cursor:pointer;}
.onbg{ display:block; float:left;}
.onbg a{ display:block; width:90px; height:28px; text-align:center; background:url(../image/onbg.png) center center no-repeat; line-height:28px; color:#fff; font-size:14px;}
.onbg a span{ display: block; position:relative; top:0;}
.onbg a:hover span{ top:-100%;}



.bank{ height:500px; }
/* main_image */
.main_visual{height:500px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:500px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:500px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:500px;}
.main_image li a{display:block;width:100%;height:500px}

div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('http://www.czmsjx.com.cn/templets/default/images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display: block;}
#btn_prev{background:url(../image/banz1.png) no-repeat left top;left:0px;}
#btn_next{background:url(../image/banz2.png) no-repeat right top;right:0px;}

/**产品**/
.lwk{ padding-top:36px; padding-bottom:56px; background:url(http://www.czmsjx.com.cn/templets/default/images/lwbg1.png) right top no-repeat, url(http://www.czmsjx.com.cn/templets/default/images/lwbg2.png) left bottom no-repeat;}
.lwdti{position: relative;
    /* margin-bottom: 18px; */
    text-align: center;
    font-size: 60px;
    line-height: 68px;
    color: #f1f1f1;
    text-transform: uppercase;
    margin-top: 30px;}
.lwdti span{ display:block; width:136px; height:32px; position:absolute; left:50%; background:#fff; margin-left:-68px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#005197;}
.lwl{ display:block; padding-left:1px; }
.lwl dd{ display:block; float:left; width:312px; height: auto; padding-bottom:4px; margin-left:-1px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.lw-ti{ padding-bottom:13px; padding-top:18px; margin:0 28px 23px; position:relative;}
.lw-ti a{ line-height:32px; font-size:18px; color:#000;}
.lw-ti b{ display:block; position:absolute; left:0; bottom:0; width:34px; height:2px; background:#000;}
.lwl dd:hover .lw-ti b{ width:68px;}
.lw-tu a{ display:block; width:300px; height:203px; position:relative; overflow:hidden;}
.lw-tu a:hover img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
/*分类*/
.leik-lw table{ margin:0 auto; padding-bottom:52px;}
.lw-lei{ display:block;}
.lw-lei li{ padding:0 30px; height:36px; display:block; overflow:hidden; float:left; margin:0 3px; border:1px solid #dedede; line-height:34px; font-size:12px; color:#3d3d3d; cursor:pointer;}
.lw-lei li span{ display:block; position:relative; top:0;}
/*选项卡*/
/**tabs**/
.tabPanel ul{}
.tabPanel ul li{}
.tabPanel .hit, .tabPanel li:hover{ border-color:#000; color:#000; }
.tabPanel .hit span, .tabPanel li:hover span{ display:block; position:relative; top:-100%; color:#000;}
.pane{ min-height:100px; display:none;}
/**艾默生产品**/
.ams{ background: url(http://www.czmsjx.com.cn/templets/default/images/ambg1.png) left top no-repeat #4082bc; padding:57px 0 70px;}
.amdti{ position:relative; margin-bottom:18px; text-align:center; font-size:60px; line-height:68px; color:#4788c1;text-transform:uppercase;}
.amdti span{ display:block; width:156px; height:32px; position:absolute; left:50%; background:#4082bc; margin-left:-78px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#fff;}
.amlb{ display:block; margin-left:-39px;}
.amlb dd{ display:block; float:left; width:283px; position:relative; height:380px; margin-left:39px;}
.ambg1{ position:relative; float:right; width:275px; height:290px; padding:30px 9px 0; background:url(http://www.czmsjx.com.cn/templets/default/images/amlbg1.png) right top no-repeat; }
.ambg1 a{ display:block; width:255px; height:172px; overflow:hidden; }
.amlb dd:hover .ambg1 a img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	
}
.ambg2{ position:absolute; left:0; bottom:0; width:275px; height:202px; padding:90px 32px 0; background:url(http://www.czmsjx.com.cn/templets/default/images/amlbg2.png) center center no-repeat;}
.amlb dd:hover .ambg2{background:url(http://www.czmsjx.com.cn/templets/default/images/amlbg20.png) center center no-repeat;}
.amlm{ display:block; margin-bottom:20px; line-height:24px; font-size:16px; color:#000;text-transform:uppercase;}
.amlb dd:hover .amlm{ padding-left:5px; color:#FFF;}
.amj{ display:block; float:left; width:34px; height:34px;}
.amlb dd:hover .amj img{
transform: rotate(180deg);
-ms-transform: rotate(180deg);		/* IE 9 */
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
-o-transform: rotate(180deg);		/* Opera */
-moz-transform: rotate(180deg);	
}
.amk-lw table{ margin:0 auto; padding-bottom:40px;}
.am-lei li{ padding:0 30px; height:36px; display:block; overflow:hidden; float:left; margin:0 3px; border:1px solid #fff; line-height:34px; font-size:12px; color:#fff; cursor:pointer;}
.am-lei li span{ display:block; position:relative; top:0;}
/*选项卡*/
/**tabs**/
.tabPanel2 ul{}
.tabPanel2 ul li{}
.tabPanel2 .hit2, .tabPanel2 li:hover{ border-color:#acd1f2; color:#cae6ff; }
.tabPanel2 .hit2 span, .tabPanel2 li:hover span{ display:block; position:relative; top:-100%; color:#cae6ff;}
.pane2{ min-height:100px; display:none;}
/**力登产品**/
.ldk{ background: url(http://www.czmsjx.com.cn/templets/default/images/ldbg1.png) right top no-repeat, url(http://www.czmsjx.com.cn/templets/default/images/ldbg2.png) left bottom no-repeat #f3f5f6; padding:58px 0 70px;}
.lddti{ position:relative; margin-bottom:18px; text-align:center; font-size:60px; line-height:68px; color:#e4e5e5;text-transform:uppercase;}
.lddti span{ display:block; width:130px; height:32px; position:absolute; left:50%; background:#f3f5f6; margin-left:-65px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#000;}
.ldlb{ display:block; margin-left:-19px;}
.ldlb dd{ width:297px; height:418px; float:left; margin-left:20px; padding:36px 15px 0; background:#FFF;}
.ld1{ border-top:2px solid #4c8cc5;}
.ld2{ border-top:2px solid #f4a84c;}
.ldtu{ display:block; width:267px; height:181px; margin:0 auto; overflow:hidden;}
.ldlb dd:hover .ldtu img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
.ld-m{ display:block; text-align:center; margin-bottom:10px; line-height:30px; font-size:18px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ld-t{ display:block; width:34px; height:2px; background:#7f7f7f; margin:0 auto 16px;}
.ld-j{ height:105px; text-align:center; padding:0 15px; line-height:24px; font-size:12px; color:#777;}
.ld-j a, .ld-j a:visited{ color:#777;}
/*选项卡*/
/**tabs**/
.tabPanel3 ul{}
.tabPanel3 ul li{}
.tabPanel3 .hit3, .tabPanel3 li:hover{ border-color:#000; color:#000; }
body{font-family:Microsoft YaHei;font-size: 14px;min-width:1200px;background:url(../image/20180530112807_1200243735.jpg) center top no-repeat;}

.w1200 { width:1200px; margin:auto;}

.top { color:#fff; height:35px; line-height:35px;}
.top h1{ font-size:14px; float:left}
.top .en {     color: #fff;
    display: block;
    width: 80px;
    background: url(http://www.czmsjx.com.cn/templets/default/images/en.png) no-repeat 0 10px;
    text-indent: 30px;
    float: left;
    
    padding-left: 20;
    margin-left: 20px;}


.top .cn {     color: #fff;
    display: block;
    width: 80px;
    background: url(http://www.czmsjx.com.cn/templets/default/images/cn.png) no-repeat 0 10px;
    text-indent: 30px;
    float: left;
    border-right: 1px solid #ddd;
    padding-left: 20;}

.logo { height:144px; overflow:hidden}

.logo strong { height:53px; display:block;  margin-left:17px; float:left; margin-top:40px; font-size:29px; color:#0051a3; letter-spacing:2.4px;}
.logo span { display:block; color:#333; font-size:16px; font-weight: normal; letter-spacing:0px; margin-top:5px;}
.logo_tu {float:left}
.logo_tu img { float:left;}
.logo_tu a {    display: block;
    margin-top: 15px;
    float: left;
    margin-right: 15px;}
.logo b { color:#e8540c}

.nav {height:70px; line-height:70px; }
.nav li { float:left; text-align:center;}
.nav li a { text-align:center; color:#fff; font-size:16px; display:block;     padding: 0 53px;}
.nav li:hover { background:#e8540c;  display:block; color:#fff; }
.nav li:hover a { color:#fff}
.nav li.noming a {color:#fff}
.nav li.noming { display:block; color:#fff;}

.nav li.a_nav a {color:#fff}
.nav li.a_nav { background:#e8540c;  display:block; color:#fff;}



.tabPanel3 .hit3 span, .tabPanel3 li:hover span{ display:block; position:relative; top:-100%; color:#000;}
.pane3{ min-height:100px; display:none;}
/**解决方案**/
.jjk{ padding:57px 0 82px;}
.jjdti{ position:relative; margin-bottom:45px; text-align:center; font-size:60px; line-height:68px; color:#f1f1f1;text-transform:uppercase;}
.jjdti span{ display:block; width:130px; height:32px; position:absolute; left:50%; background:#fff; margin-left:-65px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#000;}
.jjfk{ display:block;}
.jjfk dd{ background:#ebeced; float:left; width:625px; height:208px;}
.jjtu{ display:block; float:left; width:313px; height:208px; position:relative; overflow:hidden;}
.jjfk dd:hover .jjtu img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
.jjj1{ position:absolute; right:0; top:90px; }
.jjj2{ position:absolute; left:0; top:90px; }
.jfk{ display:block; float:left; width:312px; height:208px; padding:45px 45px 0;}
.jfk-ti{ display:block; height:88px; line-height:30px; font-size:18px; color:#000;}
.jfk-ti a, .jfk-ti a:visited{ color:#000;}
.kan1{ display:block; width:115px; height:34px; text-align:center; position:relative; overflow:hidden; background:url(../image/kanbg.png) left top no-repeat; line-height:34px; color:#585858; font-size:14px;}
.kan1 span{ display:block; position:relative; top:0;}
.jjfk dd:hover .kan1 span{ top:-100%; color:#005197;}
.jjfk dd:hover .jfk-ti a{ color:#f08300; }
/**成功案例**/
.cabg{ display:block; background:url(../image/cabg.png) center top no-repeat; height:693px; padding-top:57px;}
.cadti{ position:relative; margin-bottom:34px; text-align:center; font-size:60px; line-height:68px; color:#e4e5e5;text-transform:uppercase;}
.cadti span{ display:block; width:130px; height:32px; position:absolute; left:50%; background:#f2f4f5; margin-left:-65px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#000;}
.catu img:hover{ outline:1px solid #f08300;}
/**新闻动态**/
.xwk{ display:block; padding:58px 0 72px;}
.xwdti{ position:relative; margin-bottom:18px; text-align:center; font-size:60px; line-height:68px; color:#f1f1f1;text-transform:uppercase;}
.xwdti span{ display:block; width:130px; height:32px; position:absolute; left:50%; background:#fff; margin-left:-65px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#000;}
.nek{ display:block; height:352px; position:relative;}
.nek1, .nek2, .nek3, .nek4{ display:block; float:left; position:relative; width:625px; height:176px; padding-top:30px; z-index:3;}
.nek1, .nek4{ background:#f5f5f5;}
.nek2{ background:#005bac;}
.nek3{ background:#f08300;}
.nek1,.nek3{ padding-left:34px; padding-right:64px;}
.nek2,.nek4{ padding-left:100px; padding-right:34px;}
.nek1 b, .nek2 b, .nek3 b, .nek4 b{ display:block; width:5px; height:29px; position:absolute;}
.nek1 b{ background:#7aa8d0; top:29px; left:0;}
.nek2 b{ background:#fff; top:29px; left:64px;}
.nek3 b{ background:#fff; top:29px; left:0;}
.nek4 b{ background:#7aa8d0; top:29px; left:64px;}
.gend{ display:block; position:absolute; width:144px; height:144px; left:50%; top:50%; margin-left:-73px; margin-top:-72px; z-index:6;}
.nei-ti{ display:block; clear:both; margin-bottom:14px; font-size:18px; line-height:30px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nei-ti:visited{ color:#000;}
.nei-js{ display:block; clear:both; margin-bottom:10px; font-size:12px; line-height:24px; color:#444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nei-js:visited{ color:#444;}
.nei-da{ line-height:18px; font-size:12px; color:#888;}
.nek2 .nei-ti, .nek2 .nei-ti:visited, .nek3 .nei-ti, .nek3 .nei-ti:visited{ color:#fff;}
.nek2 .nei-js, .nek2 .nei-js:visited, .nek2 .nei-da{ color:#dde4f0;}
.nek3 .nei-js, .nek3 .nei-js:visited, .nek3 .nei-da{ color:#fceadd;}
.nek1:hover .nei-ti, .nek2:hover .nei-ti, .nek3:hover .nei-ti, .nek4:hover .nei-ti{ padding-left:8px;}
.hxw table{ margin:0 auto;}
.tabPanel4 ul{ display:block; clear: both; height:85px;}
.tabPanel4 ul li{ position:relative; overflow:hidden;}
.tabPanel4 .hit4, .tabPanel4 li:hover{ border-color:#000; color:#000; }
.tabPanel4 .hit4 span, .tabPanel4 li:hover span{ display:block; position:relative; top:-100%; color:#000;}
.pane4{ min-height:100px; display:none; clear:both;}

/**底部**/
.fobg{ background:#303030;}
.fok1{ padding:55px 0 40px; border-bottom:1px solid #3d3d3d;}
.fonav{ display:block; float:right; border-right:1px solid #232323;}
.fonav dd{ display:block; float:left; padding:0 40px 0 45px; border-left:1px solid #232323; }
.fonav dd p{ display:block; border-bottom:1px solid #232323; padding-bottom:4px; margin-bottom:12px; font-size:16px; color:#FFF; line-height:32px;}
.fonav dd a{ display:block; clear:both; color:#a6a6a6; font-size:12px; line-height:36px;}
.fonav dd a:visited{ color:#a6a6a6;}
.fonav dd a:hover{ color:#fff; padding-left:4px;}
.fokf{ margin-bottom:10px;}
.ftel{ margin-bottom:19px;}
.fok2{ display:block; height:66px; line-height:66px; font-size:12px; color:#a6a6a6;}
.fok2 a, .fok2 a:visited{ color:#a6a6a6;}
/*技术支持*/
.jszc{ background: url(http://www.czmsjx.com.cn/templets/default/images/jsbg.jpg) center top no-repeat; height:748px; padding-top:57px; position:relative;}
.jsjs{ display:block; padding-top:24px; text-align:center; font-size:14px; line-height:30px; color:#5d5d5d;}
.jsk{ position:absolute; left:0; bottom:0; width:100%; height:250px; background:url(../image/jsbg.png) repeat;} 
.jsk .juzhong{ margin-top:-130px;}
.jskl{ display:block;}
.jskl dd{ display: block; width:204px; margin-bottom:20px; float:left; margin:0 50px;}
.jsbtu{ display:block; width:196px; height:226px; margin:0 auto 19px; position:relative; background:url(http://www.czmsjx.com.cn/templets/default/images/jsbbg.png) center center no-repeat;}
.jsbm{ display:block; text-align:center;}
.jsbm1{ display:block; color:#fff; font-size:20px; line-height:32px;}
.jsbm2{ display:block; color:#a8bedc; font-size:12px; line-height:18px;} 
.jskl dd:hover .jsbtu img{
transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);	
}
/**.bank,*************首页动画**************/
 .lwk, .fwk, .abkj1{
	animation:bank 0.8s linear both;
	-webkit-animation:bank 0.8s linear both;
	-moz-animation:bank 0.8s linear both;
	-o-animation:bank 0.8s linear both;
}
@keyframes bank{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
@-webkit-keyframes bank{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
@-moz-keyframes bank{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
@-o-keyframes bank{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
/**************************************product*********************************/
.fotk{ display:block; height:58px;}
.totk{ display:block; height:58px;}
.fotk2{ display:block; height:80px;}
.totk3{ display:block; height:48px;}
.cpdti{ position:relative; margin-bottom:44px; text-align:center; font-size:60px; line-height:68px; color:#345b9b;text-transform:uppercase;}
.cpdti span{ display:block; width:136px; height:32px; position:absolute; left:50%; background:#124892; margin-left:-68px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#fff;}
.sank{ display:block; position:relative; width:402px; height:598px; float:left; background:#FFF; margin-left:22px; padding:47px 36px;}
.cpbk{ display:block; overflow:hidden; height:184px; border:1px solid #e1e1e1;}
.cpfl{ display:block; padding-top:20px;}
.cpfl a{ display:block; clear:both; font-size:14px; color:#000; line-height:34px;}
.cpfl a:hover{ padding-left:5px; color:#f08300;}
.sank:hover .cpbk img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
/**页面进入动画**/
.sank1, .sank2, .sank3{
	animation:sank 0.9s linear both;
	-webkit-animation:sank 0.9s linear both;
	-moz-animation:sank 0.9s linear both;
	-o-animation:sank 0.9s linear both;
}
.sank1{animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s;}
.sank2{animation-delay:0.3s; -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s; -o-animation-delay:0.3s;}
.sank3{animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s;}
@keyframes sank{
0%{ top:500px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-webkit-keyframes sank{
0%{ top:500px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-moz-keyframes sank{
0%{ top:500px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-o-keyframes sank{
0%{ top:500px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
/*****************************************product-list*******************************************/
.cptbg{ display:block; height:267px; position: relative;}
.cptbg1{ position:absolute; z-index:-1; width:100%; height:100%; left:0; top:0;}
.cptbg1, .abk1, .suubg2, .zpbg1{
	animation:cptbg1 5s linear infinite alternate both;
	-webkit-animation:cptbg1 5s linear infinite alternate both;
	-moz-animation:cptbg1 5s linear infinite alternate both;
	-o-animation:cptbg1 5s linear infinite alternate both;
}
@keyframes cptbg1{
0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
}
@-webkit-keyframes cptbg1{
0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
}
@-moz-keyframes cptbg1{
0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
}
@-o-keyframes cptbg1{
0%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
100%{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
}
.cpntk{ position:relative; left:0; top:0; }
.cpntk1{ height:138px; border-bottom:1px solid #52bdfa; padding-top:40px; margin-bottom:47px;}
.cpldti{ position:relative; text-align:center; font-size:60px; line-height:68px; color:#41b8fd;text-transform:uppercase;}
.cpldti span{ display:block; width:136px; height:32px; position:absolute; left:50%; background:#27acf9; margin-left:-68px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#fff;}
.cpdl{ display:block; padding-top:18px;}
.cpdl a{ display:block; float:left; overflow:hidden; margin-left:10px; width:152px; height:40px; border:2px solid #FFF; text-align:center; font-size:14px; color:#FFF; line-height:36px;}
.cpdl a span{ display:block; position:relative; top:0; color:#FFF;}
.cpdl a:hover, .cpdl a.cdnn{ color:#000; background:#FFF;}
.cpdl a:hover span, .cpdl a.cdnn span{ color:#000; top:-100%;}
.cpflx{ width:410px; height:40px; background:#FFF; float:left; margin-left:10px;}
.cpflx select{ border-color:#FFF; width:410px; height:40px; padding:0 20px;}
.cpflx input{ height:40px; background-color:transparent; line-height:40px; font-size:12px; color:#4e4e4e;}
.cp-sous{ width:360px; padding:0 20px; display:block; float:left;}
.cp-souc{ width:42px; display:block; float:right; background:url(http://www.czmsjx.com.cn/templets/default/images/sous.jpg) center center no-repeat; cursor:pointer;}
.totk2{ height:40px;}
.cplbk .ldlb dd{ margin-bottom:20px;}
/**页码**/
.yema table{ margin:0 auto;}
.yema a{ display:block; float:left; width:38px; height:38px; overflow: hidden; margin:0 5px; border:1px solid #c4c4c4; -moz-border-radius: 4px;-webkit-border-radius:4px; border-radius:4px;}
.sye{ background:url(http://www.czmsjx.com.cn/templets/default/images/sye1.png) center center no-repeat;}
.xye{ background:url(http://www.czmsjx.com.cn/templets/default/images/sye2.png) center center no-repeat;}
.yema .sye:hover{ background:url(http://www.czmsjx.com.cn/templets/default/images/sye10.png) center center no-repeat #005197;}
.yema .xye:hover{ background:url(http://www.czmsjx.com.cn/templets/default/images/sye20.png) center center no-repeat #005197;}
.yema a span{ display:block; line-height:36px; color:#595959; font-size:16px; text-align:center; font-family:Arial, Helvetica, sans-serif; position:relative; top:0;}
.yema a:hover span, .yema a.yeen span{ top:-100%; color:#FFF;}
.yema a:hover, .yema a.yeen{ background:#005197; border-color:#005197;}
/**************************************product-view***********************************/
.cpdj{ display:block; background:#e6f6ff; height:469px;}
.cpdtu{ display:block; overflow: hidden; position:relative; width:602px; height:469px;}
.cpdj:hover .cpdtu img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.cpdjs{ display:block; width:610px; position:relative;}
.cpj-ti{ display:block; height:98px; line-height:40px; color:#005197; font-size:30px;}
.cpj-tx{ display:block; height:43px; line-height:30px; color:#005197; font-size:18px;}
.cpj-js{ display:block; line-height:32px; color:#353535; font-size:12px;}
.cpsbg{ display:block; overflow:hidden; height:157px; position:relative;}
.cpstk{ padding-top:40px;}
.fanh{ display: block; float:right; clear:both; overflow:hidden; width:144px; height:40px; border:2px solid #fff;}
.fanh span{ display:block; position:relative; top:0; padding-left:20px; background:url(http://www.czmsjx.com.cn/templets/default/images/dain.png) 111px center no-repeat; line-height:36px; color:#fff; font-size:14px;}
.fanh:hover span{ top:-100%;}
.fanh:hover{ background:#;}
.cpjs{ display:block; padding-top:27px;}
.cpjs a{ display:block; width:144px; height:50px; float:left;text-align:center; overflow:hidden; margin-left:8px; overflow:hidden; background:url(http://www.czmsjx.com.cn/templets/default/images/cpvbg.jpg) center center no-repeat; line-height:50px; font-size:14px; color:#FFF;}
.cpjs a span{ display:block; position:relative; top:0; color:#FFF;}
.cpjs a:hover, .cpjs a.cpnn{ background:#FFF; }
.cpjs a:hover span, .cpjs a.cpnn span{ top:-100%; color:#005197;}
.cpgs{ display:block; background:#FFF; padding:34px 0 40px;}
.cpbt{ margin-bottom:11px; position:relative; line-height:44px; font-size:20px; color:#000;}
.cpbt b{ position:absolute; left:0; bottom:0; width:40px; height:2px; background:#005197;}
.cpgs:hover .cpbt b, .fabg:hover .cpbt b, .jzbg:hover .cpbt b, .fadbg1:hover .cpbt b, .fadbg2:hover .cpbt b{ width:80px;}
.shu14{ font-size:14px; color:#444; line-height:30px;}
.cpjsk{ display: block; width:820px;}
.cpjsk a, .cpjsk a:visited{ color:#444;}
.cpjsk a{ display:block;}
.cpvtu{ display: block; width:430px; height:354px; overflow:hidden;}
.cpgs:hover .cpvtu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
/**方案设计**/
.fabg{ display:block; background:#f5f5f5; padding:34px 0 48px;}
.fabg .cpbt{ margin-bottom:44px;}
.fatu{ display:block; float:left; overflow:hidden; width:535px; height:294px;}
.fabg:hover .fatu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.fajs{ display:block; float:right; width:675px;}
/**价值体现**/
.jzbg{ background:#FFF; padding:40px 0 50px;}
.jzbg .cpbt{ margin-bottom:34px;}
.jztu{ width:470px;}
.cpjsk2{ display: block; width:780px;}
.jzbg:hover .jztu img{ margin-top:15px;}
.cpjsk3{ height:auto; min-height:250px; _height:250px; padding-bottom:30px;}
.fajs a, .fajs a:visited, .cpjsk3 a, .cpjsk3 a:visited, .cpjsk2 a, .cpjsk2 a:visited{ color:#444;}
.cpjsk2 a, .cpjsk3 a, .fajs a{ display:block;}
/**页面进入动画**/
.cpdjs{
	animation:cpdjs 0.9s linear both;
	-webkit-animation:cpdjs 0.9s linear both;
	-moz-animation:cpdjs 0.9s linear both;
	-o-animation:cpdjs 0.9s linear both;
}
@keyframes cpdjs{
0%{ left:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px;opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-webkit-keyframes cpdjs{
0%{ left:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px;opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-moz-keyframes cpdjs{
0%{ left:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px;opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-o-keyframes cpdjs{
0%{ left:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px;opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}

.cpdtu{
	animation:cpdtu 0.9s linear both;
	-webkit-animation:cpdtu 0.9s linear both;
	-moz-animation:cpdtu 0.9s linear both;
	-o-animation:cpdtu 0.9s linear both;
}
@keyframes cpdtu{
0%{ right:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ right:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-webkit-keyframes cpdtu{
0%{ right:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ right:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-moz-keyframes cpdtu{
0%{ right:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ right:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-o-keyframes cpdtu{
0%{ right:-400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ right:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}


/************************************solution********************************************/
.jsok{ display:block; margin-left:-20px;}
.jsok li{ width:615px; height:173px; display:block; position:relative; float:left; margin-left:20px; margin-bottom:20px; background:#FFF; padding:15px;}
.sotu{ display:block; float:left; width:229px; height:143px; overflow:hidden;}
.jsok li:hover .sotu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
.sojk{ display:block; overflow:hidden; width:315px; padding-top:15px;}
.sojti{ display:block; height:77px; font-size:18px; color:#000; line-height:30px;}
.sokan{ display:block; width:115px; height:34px; overflow:hidden; text-align:center; background:url(http://www.czmsjx.com.cn/templets/default/images/kabg.png) center center no-repeat; color:#6c6c6d; font-size:14px; line-height:34px; }
.sokan span{ display:block; display:block; position:relative; top:0; color:#6c6c6d;}
.jsok li:hover .sokan span{ top:-100%; color:#FFF;}
.jsok li:hover .sokan{ background:url(http://www.czmsjx.com.cn/templets/default/images/kabg2.png) center center no-repeat;} 
.jsok li .sokan:hover span{ top:0;}
/**********************************solution-view****************************************/
.fadbg1{ display:block; padding:32px 0 44px; background:#FFF;}
.fadbg1 .cpbt{ margin-bottom:30px;}
.sojdti{ padding-top:18px; line-height:42px; color:#fff; font-size:30px;}
.sojsk{ width:675px; padding-top:33px;}
.sojsk a, .sojsk a:visited{ color:#444;}
.sojsk a{ display:block;}
.fatu1{ width:533px; height:267px; overflow:hidden;}
.fadbg1:hover .fatu1 img, .fadbg2:hover .fatu2 img, .fadbg2:hover .fatu4 img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.fadbg2{ display:block; padding:32px 0 50px; background:#f5f5f5;}
.fatu2{overflow:hidden; width:476px; height:282px; display:block;}
.fatu4{ width:506px; height:285px; overflow:hidden; display:block; }
/********************************case***************************************/
.casdti{ position:relative; margin-bottom:44px; text-align:center; font-size:60px; line-height:68px; color:#2f68a8;text-transform:uppercase;}
.casdti span{ display:block; width:136px; height:32px; position:absolute; left:50%; background:#0958a0; margin-left:-68px; top:18px; z-index:6; line-height:32px; font-size:30px; color:#fff;}
.cafl{ display:block; margin-left:-19px;}
.cafl li{ display:block; float:left; position:relative; width:297px; height:350px; margin-left:20px; margin-bottom:20px; background:#FFF;}
.cafl li a{ display:block; width:297px; height:350px; padding:29px 46px 0;}
.altuk{ display:block; width:202px; height:202px; position:relative; margin:0 auto;}
.altuk1{ display:block; width:182px; height:182px; position:absolute; left:10px; top:10px; z-index:1; background-size:100% 100% !important;}
.altuk2{ display:block; width:202px; height:202px; position:absolute; left:0; top:0; z-index:3; background:url(http://www.czmsjx.com.cn/templets/default/images/alk.png) center center no-repeat;}
.cafl li:hover .altuk2{ background:url(http://www.czmsjx.com.cn/templets/default/images/alk2.png) center center no-repeat; }
.cafl li:hover .altuk1{ left:0; top:0; width:202px; height:202px; }
.alm{ padding-top:34px; text-align:center; line-height:34px; color:#000; font-size:18px;}
.cafl li:hover .alm{ color:#005197; padding-top:44px;}

/**页面进入动画**/
.cafl1, .cafl2, .cafl3, .cafl4, .cafl5, .cafl6, .cafl7, .cafl8{
	animation:cafl1 0.9s linear both;
	-webkit-animation:cafl1 0.9s linear both;
	-moz-animation:cafl1 0.9s linear both;
	-o-animation:cafl1 0.9s linear both;
}
.cafl1{animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s;}
.cafl2{animation-delay:0.3s; -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s; -o-animation-delay:0.3s;}
.cafl3{animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s;}
.cafl4{animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; -o-animation-delay:0.9s;}
.cafl5{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s;}
.cafl6{animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s;}
.cafl7{animation-delay:1.8s; -webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; -o-animation-delay:1.8s;}
.cafl8{animation-delay:2.1s; -webkit-animation-delay:2.1s; -moz-animation-delay:2.1s; -o-animation-delay:2.1s;}
@keyframes cafl1{
0%{ top:200px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-webkit-keyframes cafl1{
0%{ top:200px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-moz-keyframes cafl1{
0%{ top:200px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-o-keyframes cafl1{
0%{ top:200px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ top:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}


/********************************case-list***********************************/
.aldl{ display:block; padding-top:20px;}
.aldl a{ display:block; float:left; height:40px; width:114px; overflow:hidden; text-align:center; border:2px solid #FFF; margin-left:12px; color:#FFF; font-size:14px; line-height:36px;}
.aldl a span{ display:block; position:relative; top:0;}
.aldl a:hover span, .aldl a.alnn span{ top:-100%; color:#000;}
.aldl a:hover, .aldl a.alnn{ background:#FFF;}
.allb{ display:block; margin-left:-22px;}
.allb li{ display:block; width:402px; height:510px; float:left; padding:33px 25px; margin-bottom:22px; margin-left:22px; background:#FFF; border-bottom:1px solid #f2d3ac;}
.caltu{ display: block; overflow:hidden; width:352px; height:221px; margin-bottom:24px; }
.allb li:hover .caltu img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.calti{ display:block; padding-bottom:12px; border-bottom:1px  solid #dedede; line-height:32px; font-size:18px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.calti:visited{ color:#000;}
.caljs{ display:block; padding-top:19px; height:100px; line-height:26px; color:#444; font-size:12px;}
.caljs a, .caljs a:visited{ color:#444;}
.caljs a{ display:block;}
.kanx{ display:block; width:92px; height:34px; overflow:hidden; text-align:center; background:#005197; color:#FFF; font-size:12px; line-height:34px;}
.kanx span{ display:block; position:relative; top:0; color:#FFF;}
.kanx:hover span{ top:-100%;}
.allb li:hover .kanx{ margin-top:12px;}
.allb li:hover .calti{ color:#005197; padding-left:5px;}
/*********************************technology*************************************/
.fwk{ background:#f2f2f2; overflow:hidden; margin-bottom:60px;}
.futu{ display:block; float:left; overflow:hidden; width:625px; height:281px;}
.fwk:hover .futu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.fuk{ display:block; float:left; width:625px; padding:53px 56px 0;}
.fu-ti{ display:block; position:relative; line-height:44px; font-size:18px; color:#444;}
.fu-ti b{ display:block; width:35px; height:2px; background:#b8b8b8; position:absolute; left:0; top:0;}
.fu-js{ padding-top:14px; font-size:12px; line-height:24px; color:#707070;}
.fsank{ display:block;}
.fsank li{ width:416px; height:; float:left; position:relative; border-left:1px solid #e4e4e4; margin-left:-1px; text-align:center;}
.fsti-cn{ line-height:22px; color:#444; font-size:14px;}
.fsti-en{ line-height:16px; color:#afafaf; font-size:12px;}
.sutu{ margin:0 auto 5px;}
.suubg{ display:block; height:365px; position:relative;}
.suubg2{ display:block; background:url(http://www.czmsjx.com.cn/templets/default/images/suubg.jpg) center center no-repeat; width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0;}
.suub1{ display:block; position:relative; padding-top:40px;}
.suub1 .jskl{ margin-left:0; float:right !important;}
.suub1 .jskl dd{ margin-left:130px; margin-right:0;}
.js-ti{ line-height:48px; color:#fff; font-size:24px;}
.js-mz{ display:block; line-height:36px; font-size:12px; color:#fff;}
.js-tt{ display:block; height:11px; width:64px; border-bottom:1px solid #89afcf; margin-bottom:40px;}
.js-sj{ display:block; padding-top:12px; font-size:12px; color:#b8c5d6; line-height:24px;}
.js-ss{ border:1px solid #5789b4; height:34px; width:290px;}
.nsous{ display:block; float:left; width:250px; height:32px; padding:0 12px; background-color: transparent !important; color:#FFF; font-size:12px; line-height:32px;}
.nsouc{display:block; float:left; width:38px; height:32px; background:url(http://www.czmsjx.com.cn/templets/default/images/ssou.png) center center no-repeat; background-color: transparent !important; cursor:pointer;}
/*页面进入*/
.sutu1, .sutu2, .sutu3{
	animation:sutu1 1.2s linear both;
	-webkit-animation:sutu1 1.2s linear both;
	-moz-animation:sutu1 1.2s linear both;
	-o-animation:sutu1 1.2s linear both;
}
.sutu1{animation-delay:0.4s; -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; -o-animation-delay:0.4s;}
.sutu2{animation-delay:0.8s; -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s;}
.sutu3{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s;}
@keyframes sutu1{
0%{ left:400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-webkit-keyframes sutu1{
0%{ left:400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-moz-keyframes sutu1{
0%{ left:400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}
@-o-keyframes sutu1{
0%{ left:400px; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; filter: alpha(opacity=0); }
100%{ left:0px; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; filter: alpha(opacity=100); }
}

/*************************************technology-qa********************************************/
/*当前位置*/
.wez{ background:#f0f0f0; height:44px; line-height:44px; font-size:12px; color:#636363;}
.wez a, .wez a:visited{ color:#636363;}
.wez span{ font-family:"宋体";}
.qqk{ display:block; margin-left:-22px;}
.qqk li{ display:block; float:left; width:614px; height:128px; background:#f5f5f5; float:left; margin-left:22px; margin-bottom:22px; padding:29px;}
.qnr{ margin-left:42px;}
.qnr1{ display:block; margin-bottom:12px; font-size:18px; line-height:34px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.qnr1:visited{ color:#000;}
.qnr2{ display:block; font-size:12px; line-height:20px; color:#888;}
.xz{ margin-top:30px;}
/*************************************technology-download**************************************/
.cpxz{ display:block; margin-bottom:38px;}
.cpxz .cpflx{ border:1px solid #d6d6d6;}
.xzlb{ display:block; margin-left:-26px;}
.xzlb dd{ display:block; float:left; width:612px; height:73px; margin-left:26px; margin-bottom:26px; background:#f5f5f5; border-left:2px solid #4989c2; padding:15px 37px;}
.xaml{ display:block; float:left; width:460px; border-right:1px solid #dbdbdb; line-height:43px; font-size:14px; color:#444;}
.xzlb dd:hover .xaml{ padding-left:5px; color:#005197;}
/*********************************about***************************************/
.abk{ display:block; height:644px; position:relative;}
.abk1{ display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:url(http://www.czmsjx.com.cn/templets/default/images/ab-jsbg.jpg) center center no-repeat; background-size:auto 100%;}
.abk2{ padding-top:57px;}
.abkj1{ width:692px; float:left; color:#fff; line-height:32px; font-size:14px;}
.abtu{ width:498px; height:420px; position:relative;}
.abtu img{ position:absolute;}
.abtut{ right:0; top:0; z-index:6;}
.abtum{ right:60px; top:125px; z-index:1;}
.abtut{
	animation:abtut 1s linear both;
	-webkit-animation:abtut 1s linear both;
	-moz-animation:abtut 1s linear both;
	-o-animation:abtut 1s linear both;
}
@keyframes abtut{
0%{right:61px; top:40px; }
100%{right:0; top:0;}
}
@-webkit-keyframes abtut{
0%{right:61px; top:40px; }
100%{right:0; top:0;}
}
@-moz-keyframes abtut{
0%{right:61px; top:40px; }
100%{right:0; top:0;}
}
@-o-keyframes abtut{
0%{right:61px; top:40px; }
100%{right:0; top:0;}
}
.abtum{
	animation:abtum 1s linear both;
	-webkit-animation:abtum 1s linear both;
	-moz-animation:abtum 1s linear both;
	-o-animation:abtum 1s linear both;
}
@keyframes abtum{
0%{ right:0px; top:85px;}
100%{ right:60px; top:125px;}
}
@-webkit-keyframes abtum{
0%{ right:0px; top:85px;}
100%{ right:60px; top:125px;}
}
@-moz-keyframes abtum{
0%{ right:0px; top:85px;}
100%{ right:60px; top:125px;}
}
@-o-keyframes abtum{
0%{ right:0px; top:85px;}
100%{ right:60px; top:125px;}
}
.abkti{ height:52px; margin-bottom:48px; position:relative; text-align:center; line-height:52px; font-size:24px; color:#fff;}
.abkti b{ width:36px; height:2px; position:absolute; left:50%; bottom:0; margin-left:-18px; background:#FFF;}
.abk:hover .abkti b, .zpbg:hover .abkti b{ width:94px; margin-left:-47px;}
/*资质*/
.zzbg{ display:block; background:#f3f5f6; padding:48px 0 50px; }
.zzkti{ height:52px; margin-bottom:43px; position:relative; text-align:center; line-height:52px; font-size:24px; color:#000;}
.zzkti b{ width:36px; height:2px; position:absolute; left:50%; bottom:0; margin-left:-18px; background:#d7d7d7;}
.zzbg:hover .zzkti b, .whbg:hover .zzkti b{ width:94px; margin-left:-47px;}
.zzlb{ display:block; margin-left:-18px;}
.zzlb dd{ display:block; float:left; width:298px; height:282px; margin-left:19px; margin-bottom:20px; background:#FFF; border:1px solid #dcdcdc; padding:15px 0 0;}
.zztu{ display:block; width:268px; height:199px; margin:0 auto 15px; overflow:hidden;}
.zzlb dd:hover .zztu img{transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.zzm{ display:block; text-align:center; border-top:1px solid #dcdcdc; padding-top:14px; font-size:14px; color:#2b2b2b; line-height:22px;}
.zzlb dd:hover .zzm{ color:#005197; padding-top:10px;}
/*资质切换*/
.main_visual3{height:320px; overflow:hidden;position:relative;}
.main_image3{height:320px;overflow:hidden;position:relative;}
.main_image3 ul{width:9999px;height:320px;overflow:hidden;position:absolute;top:0;left:0}
.main_image3 li{float:left;width:100%;height:320px;}

div.flicking_con3{position:absolute; bottom:0px; z-index:999;width:100%;height:12px; }
div.flicking_con3 table{ margin:0 auto;}
div.flicking_con3 a{float:left;width:12px;height:12px;margin:0;padding:0;background:#5599d3;display:block;text-indent:-1000px; margin:0 3px; -moz-border-radius:50%;  -webkit-border-radius:50%; border-radius:50%;}
div.flicking_con3 a.on{background:#005197;}
#btn_prev3,#btn_next3{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display: block;}
#btn_prev3{background:url(../image/banz1.png) no-repeat left top;left:-100px;}
#btn_next3{background:url(../image/banz2.png) no-repeat right top;right:-100px;}
/*文化*/
.whbg{ background:#FFF; padding:64px 0 99px;}
.whm{ text-align:center; padding-bottom:58px;}
.whtuk{ display:block; width:701px; padding-left:13px; margin:0 auto;}
.whtuk img{ position:relative; float:left; margin-left:-13px;}
.whtu1, .whtu2, .whtu3{
	animation:whtuk 6s linear infinite alternate both;
	-webkit-animation:whtuk 6s linear infinite alternate both;
	-moz-animation:whtuk 6s linear infinite alternate both;
	-o-animation:whtuk 6s linear infinite alternate both;
}
.whtu1{animation-delay:1s; -webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s;}
.whtu2{animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s; -o-animation-delay:2s;}
.whtu3{animation-delay:3s; -webkit-animation-delay:3s; -moz-animation-delay:3s; -o-animation-delay:3s;}
@keyframes whtuk{
0%{transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);}
20%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
}
@-webkit-keyframes whtuk{
0%{transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);}
20%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
}
@-moz-keyframes whtuk{
0%{transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);}
20%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
}
@-o-keyframes whtuk{
0%{transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);}
20%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);}
}




/*招聘信息*/
.zpbg{ height:691px; position:relative; overflow:hidden;}
.zpbg1{ display: block; position: absolute; left:0; top:0; width:100%; height:100%; background:url(http://www.czmsjx.com.cn/templets/default/images/ab-zpbg.jpg) center center no-repeat; z-index:-1;}
.zpbg2{ display:block; position:relative; padding-top:51px;}
.zpbg2 .abkti{ margin-bottom:62px;}
.zplb{ display:block; margin-left:-19px;}
.zplb dd{ display:block; width:297px; height:378px; float:left; margin-left:20px; background:#FFF; padding:32px 32px 0;}
.zp-ti{ font-size:18px; line-height:32px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zp-tt{ width:34px; height:11px; margin-bottom:30px; border-bottom:2px solid #7f7f7f;}
.zp-js{ height:188px; line-height:30px; font-size:12px; color:#444;}
.duo{ display:block; width:115px; height:34px; text-align:center; overflow:hidden; background:url(http://www.czmsjx.com.cn/templets/default/images/ddbg.png) center center no-repeat; line-height:34px; color:#585858; font-size:12px;}
.duo span{ display:block; position:relative; top:0; color:#585858;}
.zplb dd:hover .duo{ background:url(http://www.czmsjx.com.cn/templets/default/images/ddbg2.png) center center no-repeat;}
.zplb dd:hover .zp-ti{ padding-left:5px; color:#005197;}
.zplb dd:hover .zp-tt{ width:72px; border-color:#005197;}
.zplb dd:hover .duo span{ top:-100%; color:#fff;}
.zplb dd .duo:hover span{ top:0%; }
/*招聘切换*/
.main_visual2{height:455px; overflow:hidden;position:relative;}
.main_image2{height:455px;overflow:hidden;position:relative;}
.main_image2 ul{width:9999px;height:455px;overflow:hidden;position:absolute;top:0;left:0}
.main_image2 li{float:left;width:100%;height:455px;}

div.flicking_con2{position:absolute; bottom:0px; z-index:999;width:100%;height:21px; }
div.flicking_con2 table{ margin:0 auto;}
div.flicking_con2 a{float:left;width:12px;height:12px;margin:0;padding:0;background:#5599d3;display:block;text-indent:-1000px; margin:0 3px; -moz-border-radius:50%;  -webkit-border-radius:50%; border-radius:50%;}
div.flicking_con2 a.on{background:#FFF;}
#btn_prev2,#btn_next2{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display: block;}
#btn_prev2{background:url(../image/banz1.png) no-repeat left top;left:-100px;}
#btn_next2{background:url(../image/banz2.png) no-repeat right top;right:-100px;}
/*招聘弹出*/
/* detail */
#detail{position: fixed;width:1250px; height:680px; padding:45px; border:1px solid #ccc;background:#fff;display:none;}
#detail .tit{ display:block; height:34px; width:34px; cursor:move; float:right; position: absolute; top:30px; right:30px;}
#detail .tit i{ display:block; float:right; cursor:pointer;}
.zp-js2{ height:430px; overflow:auto; line-height:24px; font-size:12px; color:#444;}
.zhu{ color:#000; font-weight:bold; font-size:14px; line-height:24px; padding-top:45px;}
.zhu span{ color:#F00;}
/*联系我们*/
.lxad{ margin-bottom:19px; line-height:26px; color:#444; font-size:14px;}
.lxad img{ float:left; margin-right:10px;}
.lxm{ padding-bottom:30px; line-height:30px; font-size:18px; color:#005197;}
.xiek{ display:block; margin-left:-16px;}
.xie{ border:1px solid #e3e1e1; width:292px; height:42px; display:block; float:left; margin-left:16px; margin-bottom:16px; padding-left:37px; padding-right:15px; line-height:40px; font-size:14px; color:#444;}
.xie1{ background:url(http://www.czmsjx.com.cn/templets/default/images/abxt1.png) left center no-repeat;}
.xie2{ background:url(http://www.czmsjx.com.cn/templets/default/images/abxt2.png) left center no-repeat;}
.xie3{ background:url(http://www.czmsjx.com.cn/templets/default/images/abxt3.png) left center no-repeat;}
.xie4{ background:url(http://www.czmsjx.com.cn/templets/default/images/abxt4.png) left center no-repeat;}
.xie5{ display: block; clear:both; width:600px; margin-bottom:20px; border:1px solid #e3e1e1; height:124px; padding:10px 15px 10px 37px; line-height:24px; font-size:12px; color:#444; background:url(http://www.czmsjx.com.cn/templets/default/images/abxt5.png) left 3px no-repeat;}
.ably{ background:url(http://www.czmsjx.com.cn/templets/default/images/abi.jpg) repeat; width:126px; height:46px; font-size:16px; color:#FFF; cursor: pointer;}
/**************************************news****************************************/
.nelb{ display:block; margin-left:-22px;}
.nelb li{ width:614px; height:206px; display:block; position:relative; float:left; background:#f5f5f5; margin-left:22px; margin-bottom:22px;}
.nebg{ position:absolute; left:0; top:0; background:#005bac; z-index:1; width:0; height:100%;}
.nenk{ position:relative; left:0; top:0; width:614px; height:206px; z-index:3; padding:30px 33px;}
.nett{ position:absolute; left:0; top:30px; width:5px; height:30px; background:#7aa8d0;}
.nen-ti{ display:block; margin-bottom:14px; font-size:18px; color:#000; line-height:30px; }
.nen-ti:visited{ color:#000;}
.nen-js{ display:block; margin-bottom:10px; font-size:12px; color:#444; line-height:22px;}
.nen-js:visited{ color:#444;}
.nen-da{ height:40px; color:#444; font-size:12px; line-height:22px;}
.kann{ display:block; width:90px; height:32px; overflow:hidden; background:#FFF; text-align:center; line-height:32px; font-size:14px; color:#7e7e7e;}
.kann span{ display:block; position:relative; top:0; color:#7e7e7e;}
.nelb li:hover .nebg{ width:100%;}
.nelb li:hover .nen-ti{ color:#FFF; padding-left:5px;}
.nelb li:hover .nen-js, .nelb li:hover .nen-da{ color:#dde4f0;}

/*********************************news-view******************************************/
.nevk{ background:#fafafa; padding:30px 45px;}
.neti{ text-align:center; margin-bottom:20px; font-size:20px; line-height:34px; color:#000;}
.ngjc{ text-align:center; padding:5px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:25px; line-height:26px; font-size:12px; color:#989898;}
.ngjc a, .ngjc a:visited{ color:#989898;}

.fanhn{ display:block; float:right; width:100px; height:40px; overflow:hidden; border:1px solid #ddd; text-align:center; font-size:14px; color:#777; line-height:38px; cursor:pointer;}
.fanhn span{ display:block; position:relative; top:0; color:#777;}
.fanhn:hover span{ top:-100%; color:#FFF;}
.fanhn:hover{ background:#005197; border-color:#005197;}
.fany{ width:80%;}
.fany a{ display:block; line-height:24px; color:#888; font-size:12px;}
.fany a:visited{ color:#888;}
.fanyk{ margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}







/***公共样式***/
.onbg a span, .navk a span, .navk a b, .lw-ti b, .lw-tu a img, .ambg1 a img, .ambg2, .amj img, .amlm, .ldtu img, .kan1 span, .jfk-ti a, .jjtu img, .nei-ti, .fonav dd a, .cpfl a, .cpbk img, .cpdl a, .cpdl a span, .yema a, .yema a span, .cpdtu img, .fanh span, .fanh, .cpjs a span, .cpjs a, .cpbt b, .cpvtu img, .fatu img, .jztu img, .sotu img, .sokan span, .sokan, .fatu1 img, .fatu2 img, .fatu4 img, .altuk2, .altuk1, .alm, .aldl a span, .aldl a, .caltu img, .kanx span, .kanx, .calti, .futu img, .xaml, .abkti b, .zzkti b, .zztu img, .zzm, .duo span, .duo, .zp-ti, .zp-tt, .nebg,.nen-ti, .nen-da, .nen-js, .fanhn span, .fanhn, .jsbtu img, .lw-lei li span, .am-lei li span{
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
}


.clearbox{clear:both;}
.index_content{width: 100%}
.index_content_1{width:1200px;   margin-left: auto; margin-right:auto; }
.index_content_2{width: 1200px; margin-left:auto; margin-right:auto}

.index_content_img01,.index_content_img02,.index_content_img03{
	overflow: hidden;
	width:384px;
	height:220px;
	float: left;
	position: relative;
	    margin-top: 30px;
/*	font-family:hyqihei;*/
	
}
.index_content_img02{
	margin-left: 24px;
	margin-right: 24px
}

.index_content_1 li{
	font-size: 24px;
	line-height: 28px;
	position: absolute; 
	color: #fff; 
	z-index: 100;
	left: 30PX;
	top:30px;
	list-style-type: none
}

.index_content_1 P{
	font-size: 14px;
	font-weight:normal;
	line-height: 28px;
	position: absolute; 
	color: #adadbc; 
	z-index: 200;
	left: 30px;
	bottom:20px;

}




.index_content_img01 img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);transform: scale(1.05);  }
.index_content_img02 img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);transform: scale(1.05);   }
.index_content_img03 img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);transform: scale(1.05);  }



.index_content_img01 img{
	cursor: pointer;  
    -web-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	width: 100%
}

.index_content_img02 img{
	cursor: pointer;  
    -web-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	width: 100%
}


.index_content_img03 img{
	cursor: pointer;  
    -web-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	width: 100%
}





.index_content_img04,.index_content_img05{ overflow: hidden;width:588px;  margin-top:30px; margin-bottom: 60px; float: left; position: absolute}

.index_content_img04{float: left; position: relative;}
.index_content_img05{float: right; position: relative;}

.index_content_img04 .index_img_zhezhao{ z-index: 80; left: 0;bottom: 0;position: absolute;}
.index_content_img05 .index_img_zhezhao{ z-index: 80; left: 0;bottom: 0;position: absolute;}

.index_content_img04 .index_img_icon{position: absolute;width:14%; left: 42%;top:40%;opacity: 1;}
.index_content_img04:hover .index_img_icon{ opacity: 0}
.index_content_img05_mobile{display: none;}

.index_content_2_text li{
	font-size: 24px;
	position: absolute; 
	color: #fff; 
	z-index: 100;
	left: 30px;
	bottom:56px;
	list-style-type: none
}

.index_content_2_text p{
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	position: absolute; 
	color: #adadbc; 
	z-index: 100;
	left: 30px;
	bottom:20px;
	

}


@media(min-width:1191px){
	
	
	
	


.index_content_img04:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2);}
.index_content_img05:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2); }

.index_content_img04:hover .index_img_zhezhao{ opacity: 0}
.index_content_img05:hover .index_img_zhezhao{ opacity: 0}	
	

.index_content_img04 img{
	cursor: pointer;  
    transition: all 0.6s;
	width: 100%

}

.index_content_img05 img{
	cursor: pointer;  
    transition: all 0.6s;
	width: 100%

}
	
}





.index_content_img04 img{width: 100%}

.index_content_img05 img{width: 100%}


.index_content_2 .index_content_img05 .more{
	position: absolute; 
	z-index: 100;
	bottom: 20px; 
	right: 30px;
	border: 1px solid #00a0ee;
	padding:4px 36px 4px 36px;
	line-height: 30px;
	border-radius: 4px; background: #0181e4;
	color: #FFF; 
	FONT-SIZE:16PX; 
	font-style: italic;
	float: right;}

.index_content_2 .index_content_img05 .more:hover{background: #0a67af}




.index_title{
	padding-top:60px;
}
.index_title1{
	width: 340px;
	height: 47px;
	background: url('http://www.czmsjx.com.cn/templets/default/images/title1.png') top center no-repeat !important;
	margin: auto;
}
.index_title h1{
	font-size: 48px;
	color: #545557;
	text-align: center;
	font-weight: 700;
	margin-top: -60px;
}
.index_title h2{
	font-size: 18px;
	color: #545557;
	text-align: center;
	margin-top: 20px;
}
.index_title h2 span{
	font-size: 18px;
	color: #545557;
	margin: 0 5px;
}



.index_about{
	height: 372px;
	width: 100%;
	border-bottom: solid 1px #d9dadc;
}
.index_about_text{
	width: 562px;
}
.index_about_text h3{
	font-size: 24px;
	color: #d44d31;
	/*text-align: center;*/
	/*margin-top: 36px;*/
	/*margin-bottom: 25px;*/
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.index_about_text p{
	font-size: 14px;
	color: #545557;
	line-height: 36px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
}
.index_about_text div{
	font-size: 14px;
	color: #d44d31;
	float: right;
	margin-right: 16px;
}
.index_about_img img{
	width: 637px;
	height: 270px;
}
.index_about .center{
	padding-top: 70px;
}

/*首页新闻*/
.index_news{
	height: 280px;
	width: 1200px;
	margin: auto;
}
.index_news_left{
	width: 834px;
}
.index_news_left_img img{
	width: 290px;
}
.index_news_left h2{
	font-size: 30px;
	font-weight: 700;
	color: #545557;
	margin-bottom: 15px;
	/* margin-top: 0px; */
}
.index_news_left_text{
	display: flex;
}
.index_news_left_text div:nth-child(1){
	width: 124px;
}
.index_news_left_text div:nth-child(1) h3{
	text-align: center;
	font-size: 58px;
	color: #d44d31;
	font-weight: 700;
}
.index_news_left_text div:nth-child(1) h4{
	text-align: center;
	font-size: 16px;
	color: #888888;
}
.index_news_left_text div:nth-child(2){
	width: 364px;
}
.index_news_left_text div:nth-child(2) h3{
	font-size: 18px;
	color: #545557;
	margin-bottom: 15px;
    margin-top: 10px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.index_news_left_text div:nth-child(2) p{
	font-size: 14px;
	color: #545557;
	line-height: 25px;
	margin-bottom: 30px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.index_news_left_text div:nth-child(2) button{
	font-size: 14px;
	color: #d44d31;
	width: 117px;
	height: 30px;
	border: solid 1px #d44d31;
	border-radius: 25px;
	background:none;
}
.index_news_left_text div:nth-child(2) button:hover{
	color: #fff;
	background:#d44d31;
}
.index_news_right{
	width: 366px;
}
.index_news_right .index_news_nav{
	float: right;
	margin-top: 14px;
	margin-bottom: 30px;
}
.index_news_right .index_news_nav ul li{ float:left;margin: 0 10px;}
.index_news_right .index_news_nav span{
	
	font-size: 14px;
	color: #545557;
}
.index_news_right .index_news_nav span:hover{
	color: #d44d31;
}
.each_title{
	display: flex;
	border-bottom:dashed 1px#e5e1e1;
	height: 40px;
	width: 100%;
}
.each_title div{
	width: 11px;
	height: 11px;
	background: #545557;
	margin-top: 15px;
    margin-right: 10px;
}
.each_title p{
	width: 340px;
	height: 20px;
	margin-top: 10px;
	font-size: 14px;
	color: #545557;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.each_title p span{
	color: #545557;
	font-size: 14px;
	margin-right: 10px;
}
.each_title:hover div{
	background: #d44d31;
}
.each_title:hover p span{
	color: #d44d31;
}

/* 课程分类 */
.curriculum_classification{
	background: url('http://www.czmsjx.com.cn/templets/default/images/index_background7.png') top center no-repeat;
	width: 100%;
	height: 795px;
}
.curriculum_classification .index_title h1 {
	color: #fff;
}
.curriculum_classification .index_title1{
	background: url(http://www.czmsjx.com.cn/templets/default/images/title1_2.png) top center no-repeat !important;
}
.curriculum_classification .index_title{
	padding-top: 72px;
}
.curriculum_classification .index_title h2 span{
	color: #fff;
}
.curriculum_classification_text{
	width: 595px;
	height: 252px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 12px;
}
.curriculum_classification_text:nth-child(2){
	margin-right: 0px;
}
.curriculum_classification_text:nth-child(4){
	margin-right: 0px;
}
.text_background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f6f7f9;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .text_background{
	background:#f84436;
	transform:scale(1.05); 
}
.each_piece{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.each_piece_title1{
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon13.png) left no-repeat ;
	width: 65px;
    height: 45px;
    padding-top: 0px;
    color: #545557;
    font-size: 30px;
    font-weight: 700;
    padding-left: 55px;
    margin: auto;
	margin-top: 30px;
	margin-bottom: 22px;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece_title1{
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon13_2.png) left no-repeat ;
    color: #fff;
}
.each_piece1 p{
	width: 465px;
	font-size: 16px;
	color: #333333;
	margin: auto;
	margin-bottom: 10px;
	transition: all ease-in-out 0.4s;
}
.each_piece1 p span{
	font-size: 18px;
	color: #d44d31;
	font-weight: 600;
	transition: all ease-in-out 0.4s;
}
.each_piece1 p span:nth-child(3){
	font-size: 18px;
	color: #333333;
}
.each_piece_button{
	text-align: center;
	margin-top: 30px;
}
.each_piece_button button{
	width: 160px;
	height: 42px;
	font-size: 16px;
	margin: auto;
	border-radius: 25px;
	background: #d44d31;
	color: #fff;
	border:none;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece_button button{
	color: #d44d31;
	background: #efe010;
}
.curriculum_classification_text:hover .each_piece1 p{
	color: #fff;
}
.curriculum_classification_text:hover .each_piece1 p span{
	color: #fff;
}
.each_piece2 .each_piece_title1{
	width: 150px;
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon14.png) left no-repeat ;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece2 .each_piece_title1{
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon14_2.png) left no-repeat ;
}
.each_piece2 p{
	width: 440px;
	margin: auto;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: -5px;
	transition: all ease-in-out 0.4s;
}
.each_piece2 p span{
	font-size: 24px;
	color: #d44d31;
	font-weight: 700;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece2 p{
	color: #fff;
}
.curriculum_classification_text:hover .each_piece2 p span{
	color: #fff;
}
.each_piece3 .each_piece_title1{
	width: 90px;
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon15.png) left no-repeat ;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece3 .each_piece_title1{
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon15_2.png) left no-repeat ;
}
.each_piece3 p{
	width: 440px;
	margin: auto;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: -5px;
	transition: all ease-in-out 0.4s;
}
.each_piece3 p:nth-child(3){
	margin-top: 10px;
}
.each_piece3 .each_piece_button{
	margin-top: 20px;
}
.each_piece3 p span{
	font-size: 24px;
	color: #d44d31;
	font-weight: 700;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece3 p{
	color: #fff;
}
.curriculum_classification_text:hover .each_piece3 p span{
	color: #fff;
}
.each_piece4 .each_piece_title1{
	width: 150px;
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon16.png) left no-repeat ;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece4 .each_piece_title1{
	background: url(http://www.czmsjx.com.cn/templets/default/images/icon16_2.png) left no-repeat ;
}
.each_piece4 p{
	width: 440px;
	margin: auto;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: -5px;
	transition: all ease-in-out 0.4s;
}
.each_piece4 p:nth-child(3){
	margin-top: 5px;
}
.each_piece4 .each_piece_button{
	margin-top: 25px;
}
.each_piece4 p span{
	font-size: 24px;
	color: #d44d31;
	font-weight: 700;
	transition: all ease-in-out 0.4s;
}
.curriculum_classification_text:hover .each_piece4 p{
	color: #fff;
}
.curriculum_classification_text:hover .each_piece4 p span{
	color: #fff;
}

.more_img3{
	background: url('http://www.czmsjx.com.cn/templets/default/images/more_img3.png') top center no-repeat;
	width: 1202px;
	height: 166px;
	margin: auto;
	margin-bottom: -80px;
    position: relative;
}

.foot{
	width: 100%;
	height:246px;
	padding-top:45px;
	background: #f0f0f0;
}
.foot_index{
	width: 100%;
	height: 347px !important;
	padding-top:103px !important;
	background: #f0f0f0;
}
.foot .float_l{
	height: 205px;
	border-left: solid 1px #dcd9d9;
}
.foot .float_l:nth-child(1){
	border-left: none;
}
.foot .float_l:nth-child(2),
.foot .float_l:nth-child(3),
.foot .float_l:nth-child(4)
{
	width: 233px;
	text-align: center;
}
.foot .float_l:nth-child(2) h3,
.foot .float_l:nth-child(3) h3,
.foot .float_l:nth-child(4) h3
{
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	margin-top: 16px;
	margin-bottom: 28px;
}
.foot .float_l:nth-child(2) p,
.foot .float_l:nth-child(3) p,
.foot .float_l:nth-child(4) p
{
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}

.foot .float_l:nth-child(2) p:hover
{color: #e93526;
}

.foot .float_l:nth-child(3) p:hover
{color: #e93526;
}

.foot .float_l:nth-child(4) p:hover
{color: #e93526;
}



.foot .float_l:nth-child(4){
	padding-left: 25px;
}
.foot .float_l:nth-child(4) h3{
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	margin-top: 16px;
	margin-bottom: 22px;
}
.foot .float_l:nth-child(4) img{
	margin-bottom: 10px;
}
.foot .float_l:nth-child(4) p{
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}
.foot_bottom{
	height: 58px;
	background: #2b2a28;
}
.foot_bottom p{
	padding-top: 18px;
	font-size: 14px;
	color: #cccccc;
	text-align: center;
}
/* 分享 */
.bdsharebuttonbox{
	width: 145px;
	margin: auto;
}
.bds_sqq{
	background-image: url('http://www.czmsjx.com.cn/templets/default/images/foot_icon2.png') !important;
	background: url('http://www.czmsjx.com.cn/templets/default/images/foot_icon2.png') top center no-repeat !important;
	background-size: 100% 100% !important;
	width: 35px !important;
	height: 35px !important;
	margin: 0 !important;
}
.bds_weixin{
	background-image: url('http://www.czmsjx.com.cn/templets/default/images/foot_icon3.png') !important;
	background: url('http://www.czmsjx.com.cn/templets/default/images/foot_icon3.png') top center no-repeat !important;
	background-size: 100% 100% !important;
	width: 35px !important;
	height: 35px !important;
	margin: 0 10px !important;
}
.bds_tsina{
	background-image: url('http://www.czmsjx.com.cn/templets/default/images/foot_icon4.png') !important;
	background: url('http://www.czmsjx.com.cn/templets/default/images/foot_icon4.png') top center no-repeat !important;
	background-size: 100% 100% !important;
	width: 35px !important;
	height: 35px !important;
	margin: 0 !important;
}

.link{
	font-size: 14px;
	color: #666666;
	text-align: center;
	padding-right: 20px;
	margin-top: 24px;
}
.link a{ color: #000}
.center{width:1200px;margin:0 auto}

.float_l{float: left;}
.float_r{float: right;}



.index_about_title{max-width:1200px; margin-left: auto;margin-right:auto; overflow: hidden;}

.index_about_title h1,.index_about_title p{float: left; padding-bottom: 45px}

.index_about_title h1{color: #000; font-size:32px; margin-left:30px;}

.index_about_title p{ color: #5d5d5d; font-size:16px; margin-top: 14px;margin-left: 20px;}




.index_about_content{background: #eaeaea; width:100%; overflow: hidden;margin-left: auto;margin-right:auto;}
.index_about_content_01{width:1200px; margin-left: auto; margin-right:auto;}
.index_about_content_img{
	overflow: hidden;
	width:588px; 
	height: 420px;
	float:left; 
	position: relative;

} 

.index_img_bg{width: 100%;}


.index_about_content_text{width: 600px; float: right;  color: #c9c7d6; font-size:14px; line-height: 34px;padding-top:80px;padding-left: 50px; padding-right: 30px;overflow: hidden}

.index_about_content_text p{
	margin-right: 0px;
    height: 236px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
	color: #1c1c1c;
	font-family: PingFangRegular;
}

.index_about_content_text a{ 
	padding:4px 36px 4px 36px;
	border-radius: 4px; 
	background: #1c1c1c;
	color: #fff; 
	FONT-SIZE:16PX; 
	font-style: italic;
	line-height: 30px;
	float: right;
	margin-top:30px;
	
	
}


.clear{ clear:both}

.index_about_content_text a:hover{background: #333;color: #aaa}


.container{ width: 1200px; height: auto; margin: 0 auto;}

.index-pro{width: 100%; margin: 0 auto;padding: 10px 0px;height: 700px;}
.pro-left{width: 308px;float: left;}
.pro-title{width: 308px;height: 80px;background: #1d65d3;margin-bottom: 20px;}
.pro-title h2{color: #fff;font-size: 24px; font-weight: bold;text-align: center; padding-top: 12px;}
.pro-title span{color: #90b1da;font-size: 18px; font-weight: bold;text-align: center;display: block;}
.pro-left ul {width: 100%;background: #fafafa;padding: 11px 0;}
.pro-left ul li{width: 290px;margin: 0 auto;background: #ebebeb url(../image/pro-li.png) no-repeat top 10px left 30px;border-radius: 2px;line-height: 35px;margin-bottom: 30px;}


.pro-left ul li:hover{background: #1077cd url(../image/pro-li-ho.png) no-repeat top 10px left 30px;color: #fff;}

.pro-left ul li a{display: block; text-indent: 65px;color: #393939; font-size: 14px;}

.pro-left ul li ul{width: 100%;background: #fff;display: none;}
.pro-left ul li ul li{width: 100%;line-height: 35px;border-bottom: 1px dashed #dcdcdc;background: none!important;}
.pro-left ul li ul li a{color: #5d5d5d!important; font-size: 14px;}
.pro-left ul li ul:hover li{background: none;}
.pro-left ul li:hover a{color: #fff;}
.ctitle2{ display: none;}

.pro-contact{display: block;width: 308px;float: left;background: #1d65d3;height: 260px;margin-top: 10px;}
.pro-contact h3{color: #dee7f3;font-size: 24px;font-weight: bold;background: url(../image/mes.png) no-repeat center left 30px;margin-top: 72px;text-indent: 73px;}
.pro-contact p{color: #fff; font-size: 18px; text-align: center;padding-top: 10px;}
.pro-contact span{color: #fff;font-size: 28px; font-weight: bold;text-align: center;display: block; padding-top: 10px;}
.pro-right{width: 855px;float: right;overflow: hidden;}
#fczs_gd{ float:right;}
#fczs_gd ul{width: 855px;overflow: hidden;}
#fczs_gd ul li{
    width: 275px;
    height: 308px;
    float: left;
    margin: 0 5px;
    overflow: hidden;
    margin-bottom: 30px;
    /* border: 1px solid #ddd; */
    }
#fczs_gd ul li img{display: block;height: 240px;width: 100%;}
#fczs_gd ul li:hover{transform: scale(1.05);transition: all 0.4s;}
#fczs_gd ul li p{ height: 33px; line-height: 33px; text-align: center;background: #ebebeb;color: #3d3d3d;font-size: 14px;}


.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 
/* 内页左边 */
.ny_left{ width:240px; float:left; height:auto; margin:10px 0px; }
.ny_left_title{ width:100%; height:43px;line-height:43px;   border: 2px solid #b70000;}
.ny_left_title p{ font-size:18px;font-weight:bold;color:#333;text-align:left; height:43px; padding-left:10px; float: left; }
.ny_left_title span{ padding-left: 10px; font-size: 15px; color: #333;}
.nyl{ width:240px; color:#333; margin-top:20px;}
.nylc{ width: 242px;border:1px solid #D6D6D6;}
.nylc p{ line-height:28px; width:90%; margin:0 auto; padding:15px 0px; color: #555; height:auto;font-size: 14px;}

.ny_list{ width:242px; height:auto;  margin:0 auto;}
.ny_list li{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:left; border:1px solid #D6D6D6; margin: 5px 0px;}
.ny_list li a{ display:block; color:#222; padding-left:15px; font-size: 14px;}
.ny_list li a:hover{ color:#4d7abd;}
.ny_list li .submenuon{ color: #660B10; font-weight:bold;}
/*热门新闻列表*/
.nynlist{ width:242px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; background: #fff; }
.nynlist li{ width:95%; margin:0 auto; height:35px; line-height:35px; text-align:left;background:url(http://www.czmsjx.com.cn/templets/default/images/dd.png) no-repeat left center;}
.nynlist li a{ display:block; color:#333; padding-left: 10px; }
.nynlist li a:hover{ color:#FF6600;}

.nybanbot{ width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.nybanbotleft{ width: 500px; height: auto; float: left;}
.nybanbotleft p{ font-size: 15px; font-weight: bold; color: #333; display: inline-block;}
.nybanbotleft a{ color: #989898; font-size: 13px; padding: 0px 10px;}
.nybanbotright{ width: 260px; height: 30px; line-height: 30px; margin-top: 10px; float: right; border:1px solid #f63604;}
.keytext{ width: 200px; padding: 0px 0px 0px 10px; height: 29px; line-height: 29px; border: 0px; margin: 0px;}
.keysubmit{ width:45px; height: 31px; float: right; background:url(http://www.czmsjx.com.cn/templets/default/images/news_05.jpg) repeat center center; border: 0px; padding: 0px; margin: 0px;}
/* 内页右边 */
.ny_right{ width:920px; float:right; height:auto;margin:10px 0px; padding-bottom:20px;  background-color:#fff;}
.ny_right_title{ width:100%; height:46px; line-height:46px; color:#000; background-image:url(http://www.czmsjx.com.cn/templets/default/images/main_06.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px solid #6e2200;}
.ny_right_title p{float:left;font-size:18px;font-weight:bold;width:auto; color:#000;}
.ny_right_title span{ float:right;}
.ny_right_title a{ color:#454545; padding:0px 5px;}
.ny_right_title a:hover{ color:#F00; }
.ny_right_content{width:890px; height:auto; line-height:24px; padding:10px 15px; color:#666;}


/*内页新闻*/
.nynewslist{ width:100%; height: auto;}
.nynewslist li{ width:100%; height:auto; margin:0 auto; border-bottom: 1px solid #d7d7d7; padding: 20px 0px 10px 0px;}

.nynewslist li p{ width:100%;  display:block; color:#8f8f8f; font-size:14px;}
.nynewslist li p a{ font-size:16px; color:#333; height:35px; line-height:35px; font-weight:bold;}
.nynewslist li p a:hover{ text-decoration:none; color: #FF6600;}
.nynewslist li span{ font-size:13px; color:#333; line-height:23px;}

/*
.nynews_list{ width:100%;}
.nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;}
.nynews_list li a{ float:left; color:#333;}
.nynews_list li a:hover{ color:#06C; }
.nynews_list li span{ float:right;}
*/

/*内页产品*/
.procontent{ width: 898px; border: 1px solid #B8B8B8; background: #FBFCFF; height: auto; margin-top: 20px; line-height: 24px; padding: 15px 10px;}
.nypro-list{ width:918px; height:auto; margin-top: 10px;border-left: 1px solid #B8B8B8;border-top: 1px solid #B8B8B8; }
.nypro-list li{     width: 305px; height:auto;float:left; padding: 10px; list-style:none;background: #FBFCFF;border-right: 1px solid #B8B8B8;border-bottom: 1px solid #B8B8B8; height:285px}
.nypro-list li .a1{width:280px; height:238px; border:1px solid #dedede; text-align:center; vertical-align:middle; display:table-cell}
.nypro-list li .a1 img{max-width:280px; max-height:238px;  }
.nypro-list li p{ width:100%; line-height:35px; height:35px; font-size:15px; font-weight: bold;}
.nypro-list li p a{color:#222;}
.nypro-list li p a:hover{    color: #346307;text-decoration:none;}
.nypro-list li span{ line-height: 23px; height: 50px; display: block; overflow: hidden;}

/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; font-size:16px; line-height:40px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{ width: 100%; padding: 30px 0px;}
.newsnext li{ width: 100%; height: 30px; line-height: 30px;}
.newsnext li a{ color: #333; line-height: 30px;}
.newsnext li a:hover{ color: #FF6600; cursor: pointer; text-decoration: none;}
.artdet{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
/*在线留言*/
.zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;}
.zxlysub:hover{ cursor:pointer;}

/*更多新闻，产品*/
.ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e0e0e3;}
.ny_xg_title p{color:#333; background: url(../image/productshow_06.jpg) no-repeat left bottom; font-size: 15px; }
.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; border-bottom: 1px dashed #dedede;}
.morearticle li a{ color:#333; background:url(../image/productshow_14.jpg) no-repeat left center; padding-left: 10px;}
.morearticle li a:hover{ color:#000}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;}
.moreproducts li img{ width:100%; height: 220px;}
.moreproducts li a{ color:#333; line-height:30px;}
.moreproducts li a:hover{ color:#000}



.nyproleft{ display:table-cell; width: 410px; height: 340px;  vertical-align:middle; text-align:center; border:1px solid #ddd}
#tbody {width:405px;margin:0px auto;}
#mainbody {width:405px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width: 420px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.pro_title h1{ font-size:24px}
.nyproright p{ margin: 10px 0px; line-height: 28px; height: 40px; overflow: hidden; color: #616161; font-size:15px; }
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #e60012; font-size: 26px;}
.nyproright a{ display:block; background: #f63604 url(http://www.czmsjx.com.cn/templets/default/images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width: 139px; height: 42px; line-height: 30px; text-align: center; color: #fff; background: url(../image/productshow_03.png) no-repeat center center; font-size: 14px; margin-bottom: 10px;}



.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list li {display:inline-block;color:#898989;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list li a{}
.page_list li a:hover{color:#fff;background:#898989;}
.page_list li a.on{color:#333;background:#E5EDF2;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.yema { margin:30px auto; }
.yema a { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema span { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema a:hover { color: #b12923; background: #FFF; }
.yema a.yenn { color: #b12923; background: #FFF; }
.content{width:1200px;margin:0 auto;}
.about{height:690px; background:url(../image/anout.jpg) no-repeat center;}
.ab{padding-top:100px; height:590px; position: relative;}
.ab dl{    width: 490px;}
.ab dl dt{    margin-bottom: 35px;}
.ab dl dt h3{font-size: 50px; color:#FFF; line-height: 50px; margin-bottom: 43px; text-transform: uppercase;}
.ab dl dt h3 i{color:#dc5918;}
.ab dl dt span{font-size: 24px; color:#FFF; font-weight: bold;}
.ab dl dt span em{display: block; font-size: 16px; color:#FFF; line-height: 16px; font-weight: normal; margin-top: 14px; text-transform: uppercase;}
.ab dl dd p{ font-size: 14px; color:#ffffff; margin-bottom: 36px;}
.ab dl dd b{display: block;}
.ab dl dd b a{display: block; float:left; width:129px; height:38px; line-height: 38px; padding-left:20px; font-size: 14px; color:#FFF;}
.ab dl dd b .xq{background:url(../image/wzbj5.png) no-repeat center; margin-right: 30px;}
.ab dl dd b .zx{background:url(../image/wzbj6.png) no-repeat center;}
.ab strong{display: block; width:947px; height:590px; position: absolute;    bottom: -100px;right: -330px; overflow: hidden;}
.ab strong img{width:947px; height:590px;transition: all 0.5s linear;}
.ab strong:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
	
	
	
	
.g_hz{    height: 320px;}
.g_hz .content{width: 1204px;}
.g_hz h2{background:url(http://www.czmsjx.com.cn/templets/default/images/hztit.jpg) no-repeat;height: 100px;padding-top: 30px;text-align: center;font-size: 38px;color: #333333;font-weight: normal;}
.g_hz h2 a{color: #333333;}
.g_hz h2 em{color: #666666;display: block;font-size: 18px;}
.g_hz li{float: left;position: relative;border: 1px solid #e5e5e5;}
.g_hz li img{width: 320px;height: 250px;/* border:1px solid #e5e5e5; */display: block;border-right: none;border-bottom: none;}
.g_hz .li5{border-right:1px solid #e5e5e5 ;}
.g_hz .li6{border-bottom: 1px solid #e5e5e5;}

.g_hz li a span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    height: 100%;
    left: 0;
    line-height: 129px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.g_hz li a:hover span {
    opacity: 1;
    transform: scale(1);
}

.g_xban{background:url(../image/xban.jpg) no-repeat center top;height: 326px;}
.g_xban .tel{position: absolute;left:50px;top:152px;font-size: 26px;color: #fff;}
.g_xban .tel a{color: #fff;}
.g_xban span{position: absolute;left:280px;top: 152px;width: 133px;height: 40px;line-height: 40px;background: #a9c94b;border-radius: 5px;text-align: center;font-size: 16px;color: #fff;}
.g_xban span a{color: #fff;}

.foot1{width:100%;height:70px;line-height:70px;background:#1d65d3;border-bottom:1px solid #48505e}
.foot1 ul li{float:left;width: 171px;height:70px;text-align:center}
.foot1 ul li a{font-size:16px;color:#fff;display:block}
.foot1 ul li:hover{background:#d85423}

.foot2{width:100%;box-sizing:border-box;padding:30px 0;background:#263143}
.foot2l{float:left;width:339px;border-right:1px solid #9499a1;padding-top:10px}
.foot2m{float:left;width:530px;margin-left:50px}
.foot2m a{ color:#fff;}
.foot2r{float:right;}
.foot2rn{float:left;}
.foot2m h2{font-size:12px;color:#fff}
.foot2m h2 span{font-size:14px;color:#fff}

.sousuo2{width:100%;height:30px;border:none;float:right;margin-top:30px;position:relative;display:block}
.ss2l{float:left;width:415px;background:#fff;height:32px}
.ss2r{right:0;top:0px;width:40px;background:#d85423;height:32px;position:absolute}
.ss2l input{width:410px;height:30px;border:none;color:#aaaaaa;text-indent:10px;font-size:14px;background:#fff;vertical-align:top}
.foot2m-text{width:100%;font-size:20px;color:#fff;line-height:25px;margin-top:10px}
.foot2m-textl{float:left;width:100%}
.foot2m-textr{float:left;width:100%}

.foot2r img{display:inline-block;float:right;width:118px;height:118px;    margin-bottom: 10px;
    margin-top: 10px; }
.foot2r h2{color:#fff;font-size:14px;text-align:center;}
.foot2r h2 a{color:#fff}

.foot2rn img{display:inline-block;float:left;width:118px;height:118px;    margin-bottom: 10px;
    margin-top: 10px;}
.foot2rn h2{color:#fff;font-size:14px;text-align:center;}
.foot2rn h2 a{color:#fff}

.foot3{width:100%;height:65px;line-height:65px;text-align:center;color:#fff;background:#d85423}

#link{ font-family:"microsoft yahei";color: #525252; line-height: 60px;font-size:14px;}
.link_l{font-size:16px;color:#00ada9;width: auto;}

.link_r{ }
.linkTagcs li a{ font-size:14px !important;}
.linkTagcs li a:hover{ color:#00ada9 !important;}